/** Shopify CDN: Minification failed

Line 7039:0 All "@import" rules must come first

**/
/* ===== inline block from pdp page ===== */
.header-logo-image-container{
        height: 40px;
        width: 53.68px;
    }

/* ===== inline block from pdp page ===== */
/* Custom mega menus: panel hidden until is-open */
.pg-mega--custom .pg-mega__panel {
  display: none !important;
}
.pg-mega--custom.is-open .pg-mega__panel {
  display: flex !important;
}
.navPages-container .navPages-item:nth-child(2) {
    display: block !important;
}

.pg-mega__block:not(.active) {
  display: none;
}
.pg-mega__block.active {
  display: block;
}

/* ===== inline block from pdp page ===== */
.header-center .header__desktop--right{
        width: 500px !important;
    }
    .nav-avatar{
        height: 28px !important;
        width: 28px !important;
    }


    .nav-help{
        margin-top: 0.7rem !important;
        margin-bottom: 0.7rem !important;
        border: 1.53px solid #EC3B26 !important;
        border-radius: 2.19px;
    }
    .p-btn{
     padding: 0.1rem 0.4rem 0.1rem 0.3rem !important;
    }

    .nav-phn-icon{
        width: 15px;
        height: 15px;;
         vertical-align: middle;
         
    }
    @media(max-width:425px){
        .nav-help-phn{
            font-size: 10px !important;
            
        }


         .nav-help{
        margin-top: 0.7rem !important;
        margin-bottom: 0.7rem !important;
        border: 2px solid #EC3B26 !important;
        font-size: 10px !important;
        

    }
    .p-btn{
        padding: 0.2rem !important;
        gap: 3px;
    }
    .nav-avatar{
        width: 22px !important;
        height: 22px !important;
    }
    .nav-phn-icon{
        width: 10px;
        height: 10px;;
         vertical-align: middle;
         margin-left: 0.3rem;
         
    }


}

/* ===== inline block from pdp page ===== */
.nav-help-phn{
   font-size: 15.26px;
    color: #EC3B26;
    text-decoration: none;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}
.nav-help-phn:hover,
.nav-help-phn:focus,
.nav-help-phn:focus-visible,
.nav-help-phn:focus-within {
    color: #EC3B26;
    outline: none;
}

  .nav-avatar{
        width: 28px    !important;
        height: 28px !important; ;
          padding-bottom: 29px;
          padding-top: 1%;
    }
 .p-btn{
     padding: 0.1rem 0.4rem 0.1rem 0.3rem !important;
         
    }

     @media(max-width:426px){
        .nav-help-phn{
            font-size: 10px !important;
        }


         .nav-help{
        margin-top: 0.7rem !important;
        margin-bottom: 0.7rem !important;
        border: 1px solid #EC3B26 !important;
        font-size: 10px !important;
        

    }
    .p-btn{
        padding: 0.2rem !important;
        gap: 3px !important;
    }
    .nav-avatar{
        width: 19px !important;
        height: 20px !important;
        padding-bottom: 15px !important;
    }


    }


        @media(max-width:375px){
             .nav-help-phn{
            font-size: 8px !important;
        }
         .nav-avatar{
        width: 18px !important;
        height: 20px !important;
        padding: 0 !important;
    }
    
         .nav-help{
            margin-right: 0.8rem;
        }
    }

     @media(max-width:370px){
    
         .nav-help{
            margin-right: 0%;
        }
    }

/* ===== inline block from pdp page ===== */
.body {
        margin-bottom: 0;
    }

    .footer {
        border: none;
    }

     [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus {
        outline: none !important;
    }

/* ===== inline block from pdp page ===== */
li.navPages-item.shop_megamenu_custom{
        position: relative;
    }
    .shop_megamenu_custom > a{
        display: flex;
       
    } 
    .shop_megamenu_custom > a > span{
        gap: 5px;
        display: flex;
    } 
    .shop_megamenu_custom > a .svg_icon_rapper svg{
       stroke: none;
    } 


/* ============== */
header.header {
    position: relative;
}
span.pg-mega__icon {
    width: 20px;
    height: 20px;
    display: block;
}
span.pg-mega__icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.2s ease-in;
}

li.pg-mega.open > a span.pg-mega__icon svg{
    transform: rotate3d(1, 0, 0, 180deg);
}
.pg-mega a.pg-mega__trigger {
    display: flex;
}
.pg-mega a.pg-mega__trigger {
    display: flex;
}
.pg-mega__icon svg{
    stroke: none;
}
.pg-mega__panel {
    position: absolute;
    top: 85%;
    height: fit-content;
    overflow-y: auto;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.pg-mega.open .pg-mega__panel { display: flex; }

.pg-mega__sidebar {
    width: 280px;
    flex: 0 0 280px;
    background: #1e2127;
    border-right: none;
    list-style: none;
    margin: 0 !important;
    padding: 22px 14px 30px !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
}

.pg-mega__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8b909c;
    padding: 4px 14px 10px;
}

.pg-mega__item {
    padding: 0 !important;
    cursor: pointer;
    width: auto;
    border-radius: 8px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.pg-mega__item a.navPages-action {
    color: #c9ccd4;
    font-weight: 600;
    flex: 1 1 auto;
}
.pg-mega__item span.pg-mega__icon svg {
    transform: rotate(-90deg);
    fill: #8b909c;
}
.pg-mega__item.active span.pg-mega__icon svg {
    fill: #ce0e2d;
}
.pg-mega__item:hover,
.pg-mega__item.active {
  background: rgba(255, 255, 255, 0.08);
}
.pg-mega__item:hover a.navPages-action ,
.pg-mega__item.active a.navPages-action {
    color: #fff;
}

.pg-mega__content {
  flex: 1;
  padding: 24px 32px;
}

.pg-mega__block {
    display: none; 
    padding-bottom: 10px;
}
.pg-mega__block.active { display: block; }

/* .pg-section { margin-bottom: 32px; } */

.pg-section h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 19px;
    color: #231f20;
    margin: 0;
    gap: 22px;
}
.pg-section h4 a.pg-mega__viewmore {
    color: #fff;
    background: #231f20;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.pg-section h4 a.pg-mega__viewmore:hover {
    background: #ce0e2d;
    color: #fff;
}
.pg-section .pg-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px 20px;
    margin: 22px 0 0;
}

.pg-card a.navPages-action {
    padding: 8px;
    margin: -8px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.pg-card a.navPages-action:hover {
    background: #f7f8f9;
    text-decoration: none;
}
.pg-card a.navPages-action:hover span,
.pg-card a.navPages-action:hover h3 {
    text-decoration: none;
}
.pg-mega__panel .navPages-action span,
.pg-mega__panel .navPages-action:hover span,
.pg-mega__panel .navPages-action:focus-within span {
    background-image: none;
    background-size: 0 0;
}

.pg-card .pg-mega_menu_img_rapper {
    flex: 0 0 auto;
    width: 100%;
    height: 208px;
    background: transparent;
    border-radius: 0;
    padding: 4px;
    box-sizing: border-box;
}
.pg-card_details {
    padding-top: 2px;
    min-width: 0;
}
.pg-card_details > h3 {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    margin: 0 0 7px;
    color: #231f20;
    display: block;
    min-height: 2.7em;
    overflow: hidden;
}
.pg-card_details > h3 span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pg-card_details > h3 .pg-card_title2 {
    color: #5c6066;
    font-weight: 500;
    font-size: 14px;
}
.pg-card a.navPages-action:hover .pg-card_details > h3 {
    color: #231f20;
}
.pg-card_chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}
.pg-card_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.pg-card_chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #55585e;
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 6px;
    padding: 3px 8px;
    white-space: nowrap;
}
.pg-card_price {
    font-size: 17px;
    font-weight: 800;
    color: #231f20;
}
.pg-card .pg-mega_menu_img_rapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
.navPages-container .navPages-item:nth-child(2) {
    display: none;
}

/* ===== inline block from pdp page ===== */
.self-view-on-md{
        display: none;
    }
    @media (max-width: 1199px){
        .self-view-on-md{
            display: block;
        }

  
    }

/* ===== inline block from pdp page ===== */
@media (max-width:768px) {

        .self-price-section{
            justify-content: space-between !important;
        }
    }

/* ===== inline block from pdp page ===== */
.custom-increment-box {
        display: inline-flex;
        align-items: center;
        justify-content:space-between;
        background-color: rgba(33, 37, 41, 0.1);
        border-radius: 6px;
        padding: 6px 10px;
        gap: 30px;

        @media (max-width: 1200px) {
            flex: 0.72;
        }
    }

    .custom-increment-button {
        background: none;
        border: none;
        font-size: 20px;
        font-weight: 400;
        color: #000;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .custom-increment-input {
        font-family: 'helvetic-regular';
        background-color: #F2F2F2;
        width: 20px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 32px;
        background: transparent;
        border: none;
        outline: none;
        appearance: none;
        -moz-appearance: textfield;
    }

    .custom-increment-input::-webkit-outer-spin-button,
    .custom-increment-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .responsive-flex {
        width: fit-content;

        @media (max-width: 1200px) {
            flex: 1.35;
        }
    }

/* ===== inline block from pdp page ===== */
.self-add-to-cart {
        display: flex;
        gap: 1rem;
    }

/* ===== inline block from pdp page ===== */
.tabs-content {
        padding-top: 200% !important;
        background-color: #F6F6F6 !important;
    }

    .tab-title {
        display: flex !important;
        justify-content: space-between !important;
        font-weight: 400 !important;
    }

    .tab-icon {
        display: inline-block;
        transition: transform 0.3s ease;
        margin-left: 8px;
        font-weight: bold;
    }

    .tab.is-active .tab-icon {
        transform: rotate(0deg);
    }

    .self-container {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .tab.is-active>.self-tabContent {
        margin-top: 2%;
        display: block;
        text-align: left;
        padding: 0 1rem;
        font-family: 'helvetic-regular';
        font-size: 20px !important;
        font-weight: 400 !important;
        padding-bottom: .25rem !important;
        color: #787878 !important;
        line-height: 135%;
        overflow: auto;
    }

    .tab.is-active>.self-tab-icon {
        content: "-";
    }

    .tab>.self-tab-icon {
        content: "+";
    }

    .tab>.self-tabContent {
        display: none;
    }

    .plus-icon-img{
        height: 15px;
        width: 15px;
    }

/* ===== inline block from pdp page ===== */
/* 1. Prevent sticky from breaking */
    .productView,
    .productView-images,
    .page,
    .main,
    body {
        overflow: visible !important;
    }

    .productView,
    .productView-body,
    .productView-wrapper,
    body {
        overflow: visible !important;
    }

    .productView__content {
        display: flex;
        align-items: flex-start;
        gap: 2rem;
    }

    .productView__topLeft {
        position: sticky !important;
        top: 0 !important;
        flex: 0 0 35%;
        max-height: 100vh !important;
        overflow-y: auto !important;
        background: white;
        margin-top: 2%;

        @media (max-width: 767px) {
            position: static !important;
        }
    } 

    .productView__right {
        flex: 1 !important;
        width: 65% !important;
    }

    .productView-details.product-options {
        width: 100% !important;
        /* Only fill the right column */
        box-sizing: border-box !important;
    }

    @media screen and (min-width: 992px) {
        .productView__topLeft {
            position: sticky !important;
            top: 50px !important;
        }
        .slick-prev .slick-arrow{
            display: none !important;
        }
    }

    .productView-layout {
        display: flex;
        align-items: flex-start;
        gap: 2rem;
    }

    .productView__left {
        flex: 0 0 35%;
        max-height: 100vh;
    }

    .sticky-content {
        position: sticky;
        top: 20px;
    }

    .productView__right {
        flex: 1;
        max-width: 65%;
        overflow: auto;
    }

    /* Prevent wide components from breaking layout */
    .productView-details.product-options {
        max-width: 100%;
        box-sizing: border-box;
    }

    .slick-dots {
        display: none !important;
    }

    .easyzoom-flyout {
        display: none !important;
        height: 0px;
    }

    .product-header {
        margin-bottom: 15px;
    }

    .product-title {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .browse-specs {
        background: #f0f0f0;
        border: 1px solid #ddd;
        padding: 5px 8px 5px 8px;
        font-size: 12px;
        font-weight: 400;
        border-radius: 3px;
        color: #231F20;
        cursor: pointer;
        position: relative;
        bottom: 6px;
        left: 5px;
    }


    .rating-section {
        display: flex;
        align-items: center;
        margin-left: 15px;
        gap: 5px;
    }

    .stars {
        color: #EC3B26;
        font-size: 22px;
    }

    .rating-text {
        font-size: 16px;
        color: #231F20;
        font-weight: 400;
        font-family: 'helvetic-regular';
        line-height: 25px;
    }

    .trust-text {
        font-size: 14px;
        color: #787878;
        line-height: 100%;
        font-weight: 400;
    }

    .features {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: center;
        gap: 12px;
        margin-bottom: 32px;
    }
.productView-details.product-options {
    padding: 16px 0px;
    margin: 0px !important;
}
    @media (min-width :1025px) {
        .features {
            width: 115%;
        }

    }

    .feature-badge {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff2f0;
        color: #EF3826;
        padding: 4px 8px;
        border-radius: 3px;
        font-size: 14px;
        border: 1px solid #ffebe6;
        font-weight: 500;
        font-family: Helvetica;
        gap: 3px;
    }

    @media (width:390px) {
        .feature-badge {
            padding: 4px 4px;
        }

    }

    .feature-badge img {
        vertical-align: revert;
    }

    @media(max-width:431px) {

        .feature-badge {
            font-size: 12px;
            padding: 4px 4px;

        }
    }

    /*.price-section {*/
    /*    margin-bottom: 20px;*/
    /*}*/

    .price {
        font-size: 28px;
        font-weight: bold;
        color: #333;
    }

    .price-suffix {
        font-size: 14px;
        color: #666;
        margin-left: 5px;
    }

    .productView-price {
        /* display: flex; */
        align-items: center;
        gap: 5px;
    }

    /* Tooltip content */
.best-price {
    color: #20B014;
    padding: 6px 16px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
    border: 1px solid #9F9F9F;
    background-color: #F2F2F2;
}
body .self-custom-product .self-ps-best-price {
    padding-left: 12px;
}

    /* Tooltip container (new span) */
    .best-price-tooltip {
        position: absolute;
        top: calc(100% + 8px);
        left: 30%;
        transform: translateX(-50%);
        background: white;
        border-radius: 7px;
        padding: 12px 12px;
        width: 280px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        font-size: 14px;
        color: #000000;
        line-height: 20px;
        font-family: 'helvetic-regular';
        font-weight: 400;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%) translateY(-10px);
        transition: all 0.3s ease-in-out;
        font-weight: 400;
    }

    /* Tooltip triangle (keep your old triangle style as before) */
    .best-price::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 95%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        z-index: 1001;
        filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%) translateY(-5px);
        transition: all 0.3s ease-in-out;
    }

    /* Show tooltip and arrow on hover */
    .best-price:hover .best-price-tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    .best-price:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    /* Hover effect for badge itself */
    .best-price:hover {
        background: #ddeedd;
        border-color: #c8dcc8;
    }

    /* Icon styling */
    .best-price img {
        width: 14px;
        height: 14px;
    }

    .best-price-heading {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        line-height: 20px;
    }

    /* Responsive adjustments */
    @media (max-width: 480px) {
        .best-price::after {
            width: 270px;
            font-size: 10px;
            padding: 8px 5px;
        }

        .best-price {
            font-size: 10px !important;
            padding: 3px 6px;
            gap: 3px;
        }

        .best-price img {
            width: 10px;
            height: 10px;
        }
    }

    @media (min-width: 425px) {

        .best-price:hover::after,
        .best-price:hover::before {
            opacity: 1;
            visibility: visible;
            transform: translateX(-54%) translateY(0);
        }

        .best-price:hover {
            background: #ddeedd;
            border-color: #c8dcc8;
        }

        .best-price-tooltip {
            padding: 12px 5px 12px 12px !important;
            width: 262px;
        }
    }

    .product-description {
        font-size: 14px;
        line-height: 1.5;
        color: #666;
        margin-bottom: 25px;
    }

    .warranty-shipping {
        width: 95%;
        display: flex;
        gap: 16px;
    }

    .warranty-item {
        flex: 1;
        text-align: center;
        padding-bottom: 3%;
        background: #F2F2F2;
        border-radius: 7px;
        width: 16.6rem;
        margin-top: 5%;
        padding-top: 1%;
    }

    .warranty-icon {
        width: 24px;
        height: 24px;
        background: #ff6b35;
        border-radius: 50%;
        margin: 0 auto 8px;
    }

    .warranty-title {
        font-size: 20px;
        color: #333;
        margin-bottom: 6px;
        margin-top: 20px;
    }

    .warranty-subtitle {
        font-size: 14px;
        color: #787878;
        font-family: 'helvetic-regular';
        line-height: 100%;
        text-transform: none;
        font-weight: 400;
        text-transform: none;
    }

    @media (max-width: 768px) {
        .warranty-shipping {
            width: 100%;
            gap: 11px;
        }

        .warranty-item {
            width: 10rem;
            padding-bottom: 4%;
        }

        .warranty-title {
            font-size: 16px;

        }

        .warranty-subtitle {
            font-size: 12px;
        }

    }

    @media (max-width: 320px) {
        .warranty-title {
            font-size: 12px;

        }
    }

    .quantity-cart {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 30px;
    }

    .quantity-selector {
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .qty-btn {
        background: #f5f5f5;
        border: none;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 16px;
        color: #666;
    }

    .qty-input {
        border: none;
        padding: 8px 12px;
        width: 50px;
        text-align: center;
        font-size: 14px;
    }

    .add-to-cart {
        background: #ff6b35;
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        flex: 1;
    }

    .help-section {
        background: #F2F2F2;
        padding: 19px;
        border-radius: 6px;
        margin-bottom: 20px;
        margin-top: 2rem
    }

    .help-title {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'vox';
    color: #333;
    margin-bottom: 8px;
    font-family: 'helvetica';
    color: #231F20;
}

    .help-hours {
        font-size: 20px;
        font-weight: 400;
        color: #787878;
        margin-bottom: 12px;
        font-family: 'helvetic-regular';
    }

    .help-contact {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .help-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ddd;
    }

    .help-phone {
        color: #EC3B26;
        text-decoration: none;
        font-size: 20px;
        font-weight: 700;
        font-family: 'helvetic-regular';
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .help-btn-container {
        display: flex;
        justify-content: start;

    }

    .help-battery-btn {
        background: white;
        border: 2px solid #e84b12;
        color: #f1470a;
        padding: 2% 3%;
        border-radius: 5px;
        font-size: 1.2rem;
        cursor: pointer;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 600;
        font-family: 'helvetic-regular';

        @media (max-width: 1200px) {
            width: 100%;
        }
    }

    @media (max-width: 426px) {
        .help-title {
            font-size: 16px;
        }

        .help-hours {
            font-size: 14px;
        }

        .help-avatar {
            width: 27px !important;
            height: 23px !important;
        }

        .help-phone {
            font-size: 16px !important;
        }


    }

    .build-kit-section {
        margin-bottom: 20px;
    }

    .build-kit-title {
        font-size: 20px;
        font-weight: 400;
        color: #333;
        margin-bottom: 15px;
        font-family: 'vox';
        margin-top: 3rem;
        line-height: 100%;
    }

    @media (max-width: 480px) {
        .build-kit-title {
            font-size: 18px;
        }
    }

    .kit-item {
        display: flex;
        align-items: center;
        padding: 0px 0;
        border-radius: 5px;
        border: 1px solid #D8DCE0;
        gap: 12px;
        margin-bottom: 2%;
        padding-right: 5%;

    }

    .kit-details {
        flex: 1;
    }

    .kit-name {
        font-size: 20px;
        font-family: 'helvetic-regular';
        font-weight: 700;
        color: #231F20;
        margin-bottom: 8px;
        line-height: 20px;

    }

    .kit-image {
        width: 80px;
        height: 80px;
    }

    .kit-price {
        font-size: 18px;
        font-weight: 700;
        color: #EF3826;
        font-family: 'helvetic-regular';
        line-height: 20px;
    }

    .kit-checkbox {
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    @media (max-width :475px) {
        .kit-name {
            font-size: 14px;
        }

        .kit-image {
            width: 82px;
            height: 82px;
        }

        .kit-price {
            font-size: 14px;
        }
    }

    .expandable-section {
        border-top: 1px solid #e0e0e0;
        margin-top: 20px;
    }

    .expandable-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        cursor: pointer;
    }

    .expandable-title {
        font-size: 18px;
        font-weight: 400;
        color: #231F20;
    }

    .expandable-icon {
        font-size: 18px;
        color: #666;
    }

    @media (min-width:768px) {
        .expandable-section {
            width: 36%;
            margin-left: 59%;
        }
    }

    .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 380px);
        gap: 0;
        max-width: 250vh;
        margin: 0 auto;
        height: 760px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .grid-item {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;

        color: white;
        overflow: hidden;
    }

    .grid-item>* {
        position: relative;
    }

    /* Top Left - Marine/Boat Scene */
    .item-1 .subtitle {
        position: absolute;
        font-size: 22px;
        font-weight: 400;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 8px;
        color: #ffffff;
        opacity: 0.9;
        margin-top: 6%;
        margin-left: 6%;
        z-index: 2;
    }

    .item-1 .title {
        position: absolute;
        font-size: 32px;
        font-weight: 400;
        font-family: 'vox';
        line-height: 1.2;
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        /* margin-top: 11%; */
        margin-left: 6%;
        z-index: 2;

    }

    .item-2 .subtitle {
        position: absolute;
        font-size: 22px;
        font-weight: 400;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 8px;
        color: #ffffff;
        opacity: 0.9;
        margin-top: 6%;
        margin-left: 6%;
        z-index: 2;


    }

    .item-2 .title {
        position: absolute;
        font-size: 32px;
        font-weight: 400;
        font-family: 'vox';
        line-height: 1.2;
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        /* margin-top: 11%; */
        margin-left: 6%;
        z-index: 2;

    }

    .item-3 .subtitle {
        position: absolute;
        font-size: 22px;
        font-weight: 400;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 8px;
        color: #ffffff;
        opacity: 0.9;
        margin-top: 6%;
        margin-left: 6%;
        z-index: 2;

    }

    .item-3 .title {
        position: absolute;
        font-size: 32px;
        font-weight: 400;
        font-family: 'vox';
        line-height: 1.2;
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        /* margin-top: 11%; */
        margin-left: 6%;
        z-index: 2;

    }

    .item-4 .subtitle {
        position: absolute;

        font-size: 22px;
        font-weight: 400;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 8px;
        color: #ffffff;
        opacity: 0.9;
        margin-top: 6%;
        margin-left: 6%;
        z-index: 2;

    }

    .item-4 .title {
        position: absolute;
        font-size: 32px;
        font-weight: 400;
        font-family: 'vox';
        line-height: 1.2;
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        /* margin-top: 11%; */
        margin-left: 6%;
        z-index: 2;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .grid-container {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(4, 303px);
            height: auto;
            margin: 10px;
            gap: 5px;
        }

        .grid-item {
            padding: 20px;
        }

        .grid-item .title {
            font-size: 22px;
        }

        .grid-item .subtitle {
            font-size: 16px;
        }

        .item-2 .blue-tag {
            font-size: 10px;
            padding: 4px 8px;
        }

        .item-2 .subtitle {
            margin-top: 40px;
        }
    }

    @media (max-width: 480px) {

        /* Bottom Left - Red Battery */
        .item-3 .subtitle {
            position: absolute;
            font-size: 22px;
            font-weight: 400;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 8px;
            color: #ffffff;
            opacity: 0.9;
            margin-top: 6%;
            margin-left: 7%;
            z-index: 2;

        }

        .item-3 .title {
            position: absolute;
            font-size: 32px;
            font-weight: 400;
            font-family: 'vox';
            line-height: 1.2;
            color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            /* margin-top: 11%; */
            margin-left: 6%;
            z-index: 2;

        }




        .item-4 .subtitle {
            position: absolute;

            font-size: 22px;
            font-weight: 400;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 8px;
            color: #ffffff;
            opacity: 0.9;
            margin-top: 6%;
            margin-left: 7%;
            z-index: 2;

        }

        .item-4 .title {
            position: absolute;
            font-size: 32px;
            font-weight: 400;
            font-family: 'vox';
            line-height: 1.2;
            color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            /* margin-top: 11%; */
            margin-left: 6%;
            z-index: 2;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .grid-container {
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, 303px);
                height: auto;
                margin: 10px;
                gap: 5px;
            }

            .grid-item {
                padding: 20px;
            }

            .grid-item .title {
                font-size: 22px;
            }

            .grid-item .subtitle {
                font-size: 12px;
            }

            .item-2 .blue-tag {
                font-size: 10px;
                padding: 4px 8px;
            }

            .item-2 .subtitle {
                margin-top: 40px;
            }
        }

        @media (max-width: 480px) {

            .grid-container {
                margin: 0;
            }

            .grid-item {
                padding: 1px;
            }

            .grid-item .title {
                font-size: 18px;
            }

            .grid-item .subtitle {
                font-size: 11px;
            }

            .item-2 .blue-tag {
                font-size: 9px;
                padding: 3px 6px;
            }

            .item-2 .subtitle {
                margin-top: 20px;
            }
        }

        /* Hover Effects */
        .grid-item {
            transition: transform 0.3s ease;
            cursor: pointer;
        }

        .grid-item:hover {
            transform: scale(1.02);
        }

        .grid-item:hover::before {
            background: rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 320px) {
            .grid-container {
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, 170px);


            }
        }

        .container-table {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); */
            overflow: hidden;
        }

        .table-title {
            text-align: center;
            font-size: 30px;
            font-weight: 400;
            font-family: 'vox';
            color: #231F20;
            padding: 25px 20px 2px 25px;
            background: white;
            margin-top: 4%;
            line-height: 35px;
        }

        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        .table-header {
            background: #f7f7f7;
        }

        .table-header th {
            padding: 0;
            text-align: center;
            font-weight: 700;
            border: none;
        }

        .table-header th:first-child {
            background: white;
            width: 50%;
        }

        .table-header th:nth-child(2) {
            background: #EF3826;
            color: white;
            width: 28%;
            padding: 15px 10px;
            font-size: 16px;
            border-start-end-radius: 5px;
            border-start-start-radius: 5px;
            font-family: 'helvetic-regular';
            font-weight: 600;
        }

        .table-header th:nth-child(3) {
            background: white;
            color: #4a5568;
            width: 25%;
            padding: 15px 10px;
            font-size: 16px;
        }

        .table-row {
            border: 1px solid #D2D2D2;
            background-color: #F4F4F4;
        }

        /* .table-row:nth-child(even) {
            background-color: #f8f9fa;
        } */

        /* .table-row:nth-child(odd) {
            background-color: white;
        } */



        .feature-icon {
            width: 20px;
            height: 20px;
            background: #cbd5e0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: #718096;
            flex-shrink: 0;
        }

        .proguide-cell {
            padding: 18px 10px;
            text-align: center;
            background: #FFEDEB;
            border-right: 1px solid #EF3826;
            border-left: 1px solid #EF3826;
            width: 25%;
        }

        .others-cell {
            padding: 18px 10px;
            text-align: center;
            background: #F4F4F4;
            width: 25%;
        }

        .check-mark {
            color: #0D7D1A;
            font-size: 18px;
            font-weight: bold;
        }

        .x-mark {
            color: #898989;
            font-size: 16px;
            font-weight: bold;
        }

        .comparison-table tbody tr:last-child .proguide-cell {
            border-bottom: 1px solid #EF3826;
        }


        /* Responsive Design */
        @media (max-width: 768px) {
            .container-table {
                margin: 10px;
            }

            .table-title {
                padding: 3px 15px 20px;
                text-align: center;
            }

            .comparison-table {
                font-size: 12px;
            }

            .feature-cell {
                padding: 15px 15px;
                font-size: 18px;
                gap: 8px;
            }

            .feature-icon {
                width: 16px;
                height: 16px;
                font-size: 8px;
            }

            .proguide-cell,
            .others-cell {
                padding: 15px 8px;
            }

            .table-header th:nth-child(2),
            .table-header th:nth-child(3) {
                padding: 12px 8px;
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {


            .table-title {
                padding: 0px 3px 5px;
                text-align: left;
            }

            .comparison-table {
                font-size: 11px;
            }

            .feature-cell {
                padding: 8px 5px;
                font-size: 16px;
                gap: 6px;
            }

            .feature-icon {
                width: 14px;
                height: 14px;
                font-size: 7px;
            }

            .proguide-cell,
            .others-cell {
                padding: 12px 5px;
            }

            .check-mark {
                font-size: 16px;
            }

            .x-mark {
                font-size: 14px;
            }
        }




        /* Modal overlay */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            display: none;
            justify-content: center;
            align-items: center;
        }

        .modal-overlay.active {
            display: flex;
        }

        /* Modal content */
        .modal-content {
            background: white;
            border-radius: 8px;
            width: 470px;
            max-width: 90%;
            left: 25%;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);


        }

        /* Modal header */
        .modal-header {
            background-color: #f8f9fa;
            padding: 15px 24px 2x 24px;
            border-radius: 8px 8px 0 0;
            border-bottom: 1px solid #e9ecef;
            position: relative;
            text-align: center;
        }

        .modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin: 0;
        }

        .grid-item {
            padding: 1px;
        }

        .grid-item .title {
            font-size: 22px;
        }

        .grid-item .subtitle {
            font-size: 16px;
        }

        .item-2 .blue-tag {
            font-size: 9px;
            padding: 3px 6px;
        }

        .item-2 .subtitle {
            margin-top: 20px;
        }
    }

    /* Hover Effects */
    .grid-item {
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .grid-item:hover {
        transform: scale(1.02);
    }

    .grid-item:hover::before {
        background: rgba(0, 0, 0, 0.2);
    }

    @media (max-width: 320px) {
        .grid-container {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(4, 170px);


        }
    }

    .container-table {
        max-width: 800px;
        margin: 0 auto;
        background: white;
        /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); */
        overflow: hidden;
    }

    .table-title {
        text-align: center;
        font-size: 30px;
        font-weight: 400;
        font-family: 'vox';
        color: #2d3748;
        padding: 25px 20px 2px 25px;
        background: white;
        margin-top: 4%;
    }

    .comparison-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    .table-header {
        background: #f7f7f7;
    }

    .table-header th {
        padding: 0;
        text-align: center;
        font-weight: 700;
        border: none;
    }

    .table-header th:first-child {
        background: white;
        width: 50%;
    }

    .table-header th:nth-child(2) {
        background: #EF3826;
        color: white;
        width: 28%;
        padding: 15px 10px;
        font-size: 16px;
        border-start-end-radius: 5px;
        border-start-start-radius: 5px;
        font-family: 'helvetic-regular';
        font-weight: 600;
    }

    .table-header th:nth-child(3) {
        background: white;
        color: #4a5568;
        width: 25%;
        padding: 15px 10px;
        font-size: 16px;
    }

    .table-row {
        border: 1px solid #D2D2D2;
        background-color: #F4F4F4;
    }

    /* .table-row:nth-child(even) {
            background-color: #f8f9fa;
        } */

    /* .table-row:nth-child(odd) {
            background-color: white;
        } */

    .feature-cell {
        padding: 18px 20px;
        text-align: left;
        color: #231F20;
        font-size: 20px;
        font-weight: 400;
        font-family: "helvetic-regular";
        line-height: 100%;
        border-right: 1px solid #e2e8f0;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .feature-icon {
        width: 20px;
        height: 20px;
        background: #cbd5e0;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: #718096;
        flex-shrink: 0;
    }

    .proguide-cell {
        padding: 18px 10px;
        text-align: center;
        background: #FFEDEB;
        border-right: 1px solid #EF3826;
        border-left: 1px solid #EF3826;
        width: 25%;
    }

    .others-cell {
        padding: 18px 10px;
        text-align: center;
        background: #F4F4F4;
        width: 25%;
    }

    .check-mark {
        color: #0D7D1A;
        font-size: 18px;
        font-weight: bold;
    }

    .x-mark {
        color: #898989;
        font-size: 16px;
        font-weight: bold;
    }

    .comparison-table tbody tr:last-child .proguide-cell {
        border-bottom: 1px solid #EF3826;
    }


    /* Responsive Design */
    @media (max-width: 768px) {
        .container-table {
            margin: 10px;
        }

        .table-title {
            padding: 3px 15px 20px;
            text-align: center;
        }

        .comparison-table {
            font-size: 12px;
        }

        .feature-cell {
            padding: 15px 15px;
            font-size: 18px;
            gap: 8px;
        }

        .feature-icon {
            width: 16px;
            height: 16px;
            font-size: 8px;
        }

        .proguide-cell,
        .others-cell {
            padding: 15px 8px;
        }

        .table-header th:nth-child(2),
        .table-header th:nth-child(3) {
            padding: 12px 8px;
            font-size: 16px;
        }
    }

    @media (max-width: 480px) {


        .table-title {
            padding: 0px 3px 5px;
            text-align: left;
        }

        .comparison-table {
            font-size: 11px;
        }

        .feature-cell {
            padding: 8px 5px;
            font-size: 16px;
            gap: 6px;
        }

        .feature-icon {
            width: 14px;
            height: 14px;
            font-size: 7px;
        }

        .proguide-cell,
        .others-cell {
            padding: 12px 5px;
        }

        .check-mark {
            font-size: 16px;
        }

        .x-mark {
            font-size: 14px;
        }
    }




    /* Modal overlay */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .modal-overlay.active {
        display: flex;
    }

    /* Modal content */
    .modal-content {
        background: white;
        border-radius: 8px;
        width: 470px;
        max-width: 90%;
        left: 25%;
        position: relative;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);


    }

    /* Modal header */
    .modal-header {
        background-color: #f8f9fa;
        padding: 15px 24px 2x 24px;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid #e9ecef;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: centre;

    }

    .modal-title {
        font-size: 30px;
        font-weight: 400;
        color: #333;
        margin: 0;
        font-family: 'vox';
    }

    .modal-subtitle {
        font-size: 16px;
        font-weight: 400;
        font-family: 'helvetic-regular';
        color: rgba(35, 31, 32, 0.76);
        margin: 4px 0 0 0;
    }

    /* Close button */
    .modal-close {
        position: absolute;
        top: 15px;
        right: 20px;
        background: none;
        border: none;
        font-size: 24px;
        color: #1E1E1E;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-close:hover {
        color: #333;
    }

    /* Modal body */
    .modal-body {
        padding: 24px;
    }

    /* Form styling */
    .form-group {
        margin-bottom: 16px;
        border: 1px solid #9F9F9F;
        border-radius: 5px;

    }


    .form-select {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #9F9F9F;
        /* background-color: #F2F2F2;
        border-radius: 5px; */
        font-size: 20px;
        color: #333;
        background-color: white;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 22px center;
        background-repeat: no-repeat;
        background-size: 16px;
        appearance: none;
    }

    .form-select:focus {
        outline: none;
        border-color: #dc3545;
        box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);
    }
    

    /* Calculate button */
    .calculate-btn {
        width: 100%;
        background-color: #EF3826;
        font-family: 'helvetic-regular';
        color: #FFFFFF;
        border: none;
        padding: 14px 20px;
        border-radius: 4px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
        margin-top: 8px;
        transition: background-color 0.2s;
    }

    .calculate-btn:hover {
        background-color: #EF3826;
    }


    /* Mobile-specific styles */
    @media (max-width: 425px) {
        .modal-content {
            width: 95%;
            margin: 0 auto;
            border-radius: 6px;
            padding: 16px 12px;
        }

        .modal-header {
            padding: 12px;
        }

        .modal-body {
            padding: 16px 12px;
        }

        .modal-close {
            top: 10px;
            right: 12px;
            font-size: 20px;
        }

        .form-select {
            padding: 10px 12px;
            font-size: 20px;
        }

        .modal-title {
            font-size: 30px;
        }

        .modal-subtitle {
            font-size: 16px;
        }
    }

    .d-none {
        display: none !important;
    }

    @media (max-width: 768px) {
        .modal-content {
            width: 56%;
            max-width: 90%;
            margin: 0;
            border-radius: 6px;
            left: 0% !important;
        }

    }


    /* Responsive for small devices */
    @media (max-width: 475px) {
        .modal-content {
            width: 90%;
            max-width: 94%;
            height: 96%;
            margin: 0;
            border-radius: 6px;
            left: 0% !important;
        }

        .modal-body {
            padding: 16px;
        }

        .modal-header {
            padding: 12px 16px;
        }

        .modal-title {
            font-size: 30px;
        }

        .modal-subtitle {
            font-size: 16px;

        }

        .form-select {
            font-size: 20px;
            padding: 10px 14px;
        }

        .calculate-btn {
            font-size: 20px;
            padding: 12px 16px;
        }

        .modal-close {
            top: -9px;
            right: -3px;
            font-size: 30px;
        }
    }

    @media (max-width: 425px) {
        .modal-content {
            width: 90%;
            max-width: 94%;
            height: 77%;

        }
    }

    @media (max-width: 380px) {
        .modal-content {
            width: 90%;
            max-width: 94%;
            height: 94%;

        }
    }

/* ===== inline block from pdp page ===== */
/* Only affects the cloned warranty item */
    .new-warranty-override {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;

    }


    /* Optional: fine-tune just the image inside the clone */
    .new-warranty-override img {
        width: 48px !important;
        height: 48px !important;
        margin-top: 20px;

    }

    /* Optional: text styling for the clone only */
    .new-warranty-override span {
        font-weight: bold;
        font-size: 20px !important;
        color: #333;
    }
section.review-slider-sect .testimonial-slider {
    max-width: 100%;
    margin: auto;
}

section.review-slider-sect .testimonial-slider .testimonial-box {
    background: #FEECEA;
    padding: 15px;
    border-radius: 12px;
    margin: 10px;
}
section.review-slider-sect .testimonial-slider .stars {
    color: #E26811;
    font-size: 20px;
    margin-bottom: 4px;
}

section.review-slider-sect .testimonial-slider .review-text {
    color: #787878;
    font-size: 17px;
    margin-bottom: 16px;
    font-family: 'helvetica';
    font-weight: 600;
    line-height: 25px;
}
section.review-slider-sect .testimonial-slider .profile-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

section.review-slider-sect .testimonial-slider  .profile-row img {
 width: 32px;
 height: 32px;
 border-radius: 50%;
 object-fit: cover;
}
section.review-slider-sect .testimonial-slider .profile-name {
    font-size: 14px;
    font-weight: 900;
    color: #454545;
    text-transform: capitalize;
    font-family: 'helvetica';
}

section.review-slider-sect .testimonial-slider .slick-next {
    right: -6px;
}
section.review-slider-sect .testimonial-slider .slick-prev:before, .slick-next:before {
    color: #454545;
    font-size: 20px;
    width: 16px;
    height: 16px;
}
section.review-slider-sect .testimonial-slider .slick-prev {
    left: -6px;
}
section.review-slider-sect .testimonial-slider .slick-next, .slick-prev {
    z-index: 1;
    border: 0;
    height: unset;
    padding: 0;
    width: unset;
    border-radius: 0;
    background-color: transparent;
}
.build-kit-section .build-kit-title {
    margin-top: 15px;
}
    @media (min-width: 768px) {
        .new-warranty-override {
            padding-top: 1%;
            width: 19rem;
            height: 6rem !important;
        }

        .new-warranty-override span {
            font-weight: bold !important;
            font-size: 40px !important;
            color: #333;
        }


    }


    @media (max-width: 426px) {
        .new-warranty-override {
            width: 24rem !important;
        }
    }

    @media (max-width: 376px) {
        .new-warranty-override {
            width: 21rem !important;


        }
    }

    @media (max-width: 320px) {
        .new-warranty-override {
            width: 18rem !important;


        }
    }

    @media (max-width: 768px) {
        .new-warranty-override {
            width: 24rem;
            height: 5rem !important;
            padding-bottom: 6%;
        }

        .new-warranty-override span {
            font-weight: bold !important;
            font-size: 40px !important;
            color: #333;
        }
    }




    .custom-buttons-container {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        max-width: 300px;
        margin: 20px 0;
    }

    .btn-download-spec {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 12px 20px;
        background: transparent;
        color: #EF3826;
        border: 2px solid #EF3826;
        border-radius: 5px;
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        font-family: 'helvetic-regular';
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        text-align: center;
        min-height: 45px;
        line-height: 100%;
    }

    .btn-download-spec:hover {
        background: #EF3826;
        color: white;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(229, 62, 62, 0.3);
    }

    .btn-download-spec:active {
        transform: translateY(0);
        box-shadow: 0 2px 6px rgba(229, 62, 62, 0.3);
    }

    /* Add download icon using ::before pseudo-element */
    .btn-download-spec::before {

        font-size: 16px;
        font-weight: bold;
    }

    .btn-contact-us {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 12px 20px;
        background: #EF3826;
        color: white;
        border: 2px solid #EF3826;
        border-radius: 5px;
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        font-family: 'helvetic-regular';
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        text-align: center;
        min-height: 45px;
        line-height: 100%;


    }

    .btn-contact-us:hover {
        background: #d53e3e;
        border-color: #c53030;
        transform: translateY(-1px);
        text-decoration: none !important;
        color: white !important;
        /* Removes underline */

        /* box-shadow: 0 4px 12px rgba(197, 48, 48, 0.3); */
    }

    .btn-contact-us:active {
        transform: translateY(0);
        text-decoration: none !important;


    }

    /* Add phone icon using ::before pseudo-element */
    .btn-contact-us::before {
        text-decoration: none;
        /* Removes underline */

        font-size: 16px;
    }

    /* Responsive adjustments */
    @media (max-width: 480px) {
        .custom-buttons-container {
            max-width: 100%;
            gap: 10px;
        }

        .btn-download-spec,
        .btn-contact-us {
            padding: 10px 16px;
            font-size: 18px;
            min-height: 40px;
        }

        .btn-download-spec::before,
        .btn-contact-us::before {
            font-size: 14px;
        }
    }

    /* Focus states for accessibility */


    /* Ensure proper link styling */
    .btn-download-spec:visited {
        text-decoration: none;
    }

    .btn-download-spec {
        color: #e53e3e;
    }

    .productView-img-container {
        aspect-ratio: 4 / 3;
        /* or adjust this according to your real image size */
        width: 100%;
        overflow: hidden;
        background: white;
        /* optional: prevent white flicker during lazyload */
    }

    .productView-img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .slick-list {
        height: 100%;
    }

    /* last seen widget collapse */

    .wrap-icons.collapsed {
        display: none;
    }

    .expand {
        display: none;
    }


    .lst-seen-widget .is-show-widget {
        display: none;
    }

    .jdgm-widget.jdgm-widget {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .jdgm-rev-widg.jdgm-rev-widg {
        display: block;
        clear: both;
        width: 100%;
    }

    .btn-download-spec:focus {
        color: #e53e3e !important;
    }

    .btn-download-spec:hover {
        color: white !important;
    }

    .self-product-detail{
        display: flex; 
        align-items: center;
    }

    @media (max-width: 570px) {
        .justify-content-space-btw-mb{
            justify-content: space-between;
        }
    }
@media (max-width: 767px) {
.productView-details .productView-price {
    gap: 2px;
}
body section.review-slider-sect .testimonial-slider .review-text {
    font-size: 14px;
    line-height: 21px;
}
.productView-price span.price.price--non-sale {
    font-size: 16px !IMPORTANT;
}
.productView-price .price-section .price {
    font-size: 22px;
}
#halo_sticky_addToCart .form-field--increments {
    display: block;
    margin: 10px !important;
    padding-right: 0px !IMPORTANT;
}
#halo_sticky_addToCart {
    display: flex !important;
}
#halo_sticky_addToCart .productView-actions {
    flex-wrap: nowrap;
    align-items: flex-start;
}
#halo_sticky_addToCart .form-action .button {
    height: 46px;
    border-color: #ef3826;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'helvetic-regular';
    letter-spacing: 0.3px;
}
#halo_sticky_addToCart .form-input--incrementTotal {
    height: 46px;
}
}

/* ===== inline block from pdp page ===== */
[data-content-region] div {
    height: auto !important;
}
[data-content-region] .affirm-as-low-as {
    margin-bottom: 0;
}
body .help-battery-btn {
letter-spacing: 0.43px;
margin-bottom: 25px;
}
body #form-action-addToCart {
    width: 100% !important;
}
.productView-details  .form-action.responsive-flex {
    width: -webkit-fill-available;
}
body #form-action-addToCart:hover {
    color: #EF3826;
    border: 1px solid #EF3826 !important;
}
.safety-box {
    border: 1px solid #EF3826;
    border-radius: 6px;
    padding: 16px; 
}
.safety-box .inner-box-sect-part {
    display: flex;
    align-items: center;
    gap: 12px;
}
.safety-box .inner-box-sect-part .icon {
    width: 43px;
    height: 43px;
}
.safety-box .inner-box-sect-part .icon img {
     width: 43px;
    height: 43px;
    object-fit: contain;
}
.safety-box .inner-box-sect-part .text-content h3 {
    margin: 0;
    color: #EF3826;
    font-size: 20px;
    font-family: 'helvetica';
    font-weight: 700;
}
.safety-box p {
    color: #000;
    margin-top: 8px;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 0;
}
.spec-box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.spec-box-wrapper .spec-box {
    border: 1px solid #EF382633;
    background-color: #FEECEA;
    border-radius: 6px;
    text-align: center;
    padding: 8px;
}
.spec-box-wrapper .spec-box h3 {
    margin: 0;
    color: #000;
    font-family: 'helvetic-regular';
    font-weight: 400;
    font-size: 32px;
    padding-bottom: 2px;
}
.spec-box-wrapper .spec-box p {
    margin: 0;
    color: #000;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 14px;
}
.shipping-tools-sect .features {
    justify-content: space-between;
    text-align: center;
    flex-wrap: nowrap;
    width: 100% !important;
}
.shipping-tools-sect .features .feature-box img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    margin-bottom: 6px;
}
.shipping-tools-sect .features .feature-box .feature-title {
    color: #000;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.productView-details .productView-price {
    display: flex;
    margin-bottom: 16px;
}
.productView-price span.price.price--non-sale {
    color: #787878 !important;
    font-size: 24px !IMPORTANT;
    display: none;
}
body .productView-price .price-section .price {
    line-height: normal;
}
.help-section {
    margin-top: 0;
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}
.productView-details .self-flex-row {
    padding: 0px !important;
}
.powering-section h2 {
    color: #231F20;
    font-family: 'helvetica';
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
}
.powering-section .powering-grid {
    display: grid;
    justify-content: space-between;
    text-align: center;
    grid-template-columns: repeat(4, 1fr);
}
.powering-section .powering-grid .powering-box img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-bottom: 8px;
}
.powering-section .powering-grid .powering-box .powering-title {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'helvetica';
}
body .productView-description {
    margin-top: 33px;
}
/*.productView-shortDescription {*/
/*    padding-top: 15px;*/
/*}*/
@media (max-width: 991px) {
.safety-box {
    border-radius: 5px;
    padding: 12px;
}
.safety-box .inner-box-sect-part .icon {
    width: 34px;
    height: 34px;
}
.safety-box .inner-box-sect-part .icon img {
    width: 34px;
    height: 34px;
}
.safety-box .inner-box-sect-part .text-content h3 {
    font-size: 14px;
}
.safety-box .inner-box-sect-part {
    gap: 6px;
}
.safety-box p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
}
.spec-box-wrapper .spec-box h3 {
    font-size: 24px;
}
.spec-box-wrapper .spec-box p {
    font-size: 9px;
}
.shipping-tools-sect .features .feature-box img {
    width: 32px;
    height: 32px;
}
.shipping-tools-sect .features .feature-box .feature-title {
    font-size: 11px;
}
.powering-section .powering-grid .powering-box .powering-title {
    font-size: 9px;
}
.powering-section .powering-grid .powering-box img {
    width: 38px;
    height: 38px;
}
}
@media (max-width: 767px) {
   body .productView-price .price-section .price {
font-size:24px;
}
.powering-section .powering-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
} 
.powering-section .powering-grid .powering-box img {
    width: 64px;
    height: 64px;
}
.powering-section .powering-grid .powering-box .powering-title {
    font-size: 14px;
}
}

/* ===== inline block from pdp page ===== */
.socialLinks .icon {
        display: flex;
        width: 32px;
        height: 32px;
        padding: 9px;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        border: 1px solid #FFF;
    }

/* ===== inline block from pdp page ===== */
.self-custom-input{
    background-color: #231F20;
    border-radius: 0%;
  }

  .self-custom-input::placeholder{
    color: white !important;
  }

/* ===== inline block from pdp page ===== */
.footer-bottom .footer-bottom__right .footer-payment-icons {
    display: flex;
    justify-content: end;
}
.footer-bottom .footer-bottom__right .footer-payment-icons img {
    width: 35px;
}

/* ===== inline block from pdp page ===== */
#sideBlock_cart{
        display: none !important;
    }
    .productView-description .tabs .tab + .tab a:before {
        content: '' !important;
    }
    .p-0{
        padding: 0%;
    }

    .pe-0{
        padding-right: 0%;
    }

    .ps-0{
        padding-left: 0%;
    }

    .help-contact {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .help-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;

        @media (max-width: 1200px) {
            width: 30px;
            height: 24px;
        }
    }

    .help-phone {
        color: #EC3B26;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;

        @media (max-width: 1200px) {
            font-size: 20px;
            font-weight: 600;
        }
    }

    .self-footer-info-container{
        display: flex;
    }
    
    
    .footer-info-heading--toggle::before,
    .footer-info-heading--toggle::after {
      content: none !important;
      display: none !important;
    
    }

    .b-n{
        border: none !important;
    }

    #sideBlock_cart{
        display: none;
    }

    .productView-description .tabs .tab .tab-title {
        padding: 0 1rem !important;
        font-size: 20px !important;
        font-weight: 400;
        font-family:  Helvetica;
        color: #231F20;
    }
    @media(max-width:426px){
         .productView-description .tabs .tab .tab-title {
        padding: 0.8rem 1.2rem !important;
        font-size: 20px !important;
        font-weight: 400;
        font-family:  Helvetica;
        color: #231F20;
    }
    }
     @media(max-width:375px){
         .productView-description .tabs .tab .tab-title {
        padding: 0.8rem 1.2rem !important;
        
    }
}

 @media(max-width:425px){
        .nav-help-phn{
            font-size: 10px !important;
        }
    }

    .productView-description .tabs{
        font-size: 1.25rem;
    }

    .grid-item {
        position: relative;
        background-size: cover;
        background-position: center;
        color: white;
        overflow: hidden;
    }

    .grid-item .title,
    .grid-item .subtitle {
        position: relative;
        z-index: 2;
    }

@media (max-width: 570px) {
    .productView-nav > .slick-prev{
        display: none !important;
    }

    .productView-nav > .slick-next{
        display: none !important;
    }

    .navPages-list{
        flex-direction: column;
    }

}

@media (max-width: 1199px) {
      .navPages-list{
        flex-direction: column;
    }

    .self-replacement{
            margin-bottom: 0% !important;
    }

    .self-flex-column-reverse-md{
        flex-direction: column-reverse !important;
    }
    .self-flex-column-reverse-md .subtitle{
        margin-top: 0% !important;
    }   
    .self-flex-column-reverse-md .title{
        margin-top: 6% !important;
                margin-bottom: 2%;
    }

}

/* .productView-thumbnails > .slick-prev{
    display: none !important;
} */

/* .productView-thumbnails > .slick-next{
    display: none !important;
} */

.cycle-value{
    margin-left: 5px;
    font-size: 16px;
    /* font-family: 'helvatic-regular'; */
    font-weight: 500;
    color: #EC3B26;
    display: none;
}

.cycle-text{
    font-size: 16px;
    /* font-family: 'helvetic-regular'; */
    font-weight: 500;
    color: #EC3B26;
    display: none;
}

.best-price {
    display: none;
}

@media (max-width:391px) {
    
.productView-price .price-section .price{
    font-size: 28px;
 }
 .best-price{
    font-size: 11px;
    padding: 5px 5px;
    gap: 3px;
 }
}

@media (min-width:1440px) {
  #form-action-addToCart{
    width: 115% !important;
  }
    
}


/* .productView-img-container img {
    margin: 2%;
} */

@media (max-width: 425px) {
    .productView-image{
        height: 250px;
    }

    .productView-img-container img {
        height: 240.19px !important;
        width: 360px !important;
    }

    .productView-thumbnail img {
        height: 77.77px;
        width: 70px !important;
    }

    .productView-thumbnails > .slick-prev{
    display: block !important;
}

.productView-thumbnails > .slick-next{
    display: block !important;
}
}



.self-custom-product .cycle-text {
    display: block;
}

.self-custom-product .cycle-value {
    display: block;
}

.self-custom-product .best-price{
    display: block;
}

.self-heading{
    font-size: 20px;
    font-weight: 400;
    font-family: 'helvetic-regular';
    color: white;
    padding-bottom: 10%;
}

.footer-info-heading{
    font-size: 18px;
    font-weight: 400;
    color: white;
    padding-bottom: 7%;
    color: rgba(255, 255, 255, 0.75);
;
}

.self-news-letter{
    margin-bottom: 0% !important;
    margin-top: 0%;
}

.self-news-letter-button{
    margin-left: 0% !important;
    background-color: white;
    padding: 17px 20px 16px;
    border-radius: 0%;
    border-color: white;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.self-cycle-div{
    padding-left: 1% ; 
    padding-top: 1%; 
    display: ruby;
}

@media (max-width: 570px) {
    .self-news-letter-button{
        margin-top: 0%;
    }

    .best-price-tooltip {
        left: 11%;
    }

      .cycle-value{
    font-size: 14px;
}
    .productView-description .tabs .tab .tab-title {
        padding: 0.8rem 1.2rem !important;
        font-size: 20px !important;
        font-weight: 400;
        font-family: Helvetica;
        color: #231F20;
    }

.nav-help-phn {
    font-size: 14.26px;
}

.body{
    margin-bottom: 0rem;
}

.productView-description{
    margin: 0px -12px 10px -12px;
    padding: 20px 15px 20px 15px;
    background-color: #F6F6F6;
}

.cycle-text{
    font-size: 12px;
}

 .new-warranty-override {
        width: 100% !important
    }

    .self-cycle-div{
        padding-left: 0%;
    }

    .productView-image .slick-slide{
    height: 240.19px;
}

.productView-title-hasPrevNext{
    padding-right: 0%;
}
}

@media (min-width: 1200px) {
    .footer-info-col[data-section-type="newsletterSubscription"] {
        width: 21.77777777777778%;
    }
}

@media (max-width: 360px) {
    .productView-price .price-section .price {
        font-size: 22px;
    }

          .cycle-value{
    font-size: 14px;
}

.cycle-text{
    font-size: 10px;
}
}

.self-footer-logo{
    height: 10rem;
}

.self-display-flex{
    display: flex;
}

.self-flex-column{
    flex-direction: column;
}

.self-justify-content-normal{
    justify-content: normal;
}

/* .productView-img-container img{
    width: 584px;
    height: 338.33px;
} */

.self-nav{
        display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.tab{
    line-height: 100%;
}

.self-ps-best-price{
    padding-left: 5%;
}

@media (max-width: 860px) {
    .self-ps-best-price{
        padding-left: 2%;
    }
}

@media (max-width: 840px) {
    .productView-price .price-section .price{
        font-size: 25px
    }

    .cycle-value{
        font-size: 14px;
    }

    .cycle-text{
        font-size: 12px;
    }

    .best-price{
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .best-price{
        font-size: 10px;
    }    
}

.reviews-container{
    padding-top: 2rem !important;
    padding-block: 0% !important;
}

.navPages-action{
    padding: 12px 10px;
}
.breadcrumb{
    margin-right: 1%;
}

.self-ps-best-price{
    display: none;
}

.self-custom-product .self-ps-best-price{
    display: block;
}

.sticky-price .self-ps-best-price{
    display: none;
}

.self-overly-black::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 1;
}

.self-display-flex {
    position: relative; /* Ensure text stays above overlay */
    z-index: 2;
}



.slick-list{
    height: 100%;
}

.slick-track{
    height: 100%;
}

.productView-img-container{
    height: 100%;
}

/* last seeen widgets  */
.lst-seen-widget .is-show-widget{
    display: none;
}

.header{
    padding-bottom: 0%;
}

.jdgm-star{
    padding: 0 6px 0 0 !important;
}

.jdgm-widget.jdgm-widget{
    padding-bottom: 5%;
}
.navPages-item>.navPages-action{
    font-weight: 600;
}

@media (max-width: 800px) {
    .cart-item-block.cart-item-title {
        padding-left: 2%;
        padding-top: 0;
    }
}
.padding-l{
    padding-left: 0px;
}


@media (min-width: 768px) {
.for_phone{
    display: none;
}

}

@media (max-width: 768px) {

.for_desktop{
    display: none;
}
}
@media (max-width: 767px) {
.popup-overlay .discount-popup-part .popup-box .popup-content .popup-title {
    font-size: 24px;
}
.popup-overlay .discount-popup-part {
    max-width: 100%;
    padding: 15px 10px;
    margin-left: 0;
}
}
#sideCustomCMS{
    display: none;
}



    @media (min-width:1280px) {
        .footer-logo-space{
            margin: 2% 1% 1% 3%;
        }
        /* .self-mail-spacing{
            width: 115% !important;
        } */
        .self-info-col{
            padding: 0px 2px 0px 1px;
        }
    }
    
    @media (max-width: 1340px){
        .permormance-text p{
            font-size: 12px !important;
        }
    }

/* ===== inline block from pdp page ===== */
.battery-finder-header-container {
		background-color: #e53e3e;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		border-radius: 0;
	}

	.dropdown-arrow-icon-wrapper {
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.chevron-down-icon-svg {
		width: 16px;
		height: 16px;
		fill: white;
	}

	.battery-finder-title-text {
		color: white;
		font-size: 16px;
		font-weight: 700;
		font-family: 'helvetic-regular';
		letter-spacing: 0.025em;
		text-align: start;
		flex: 1;
		margin-left: 5px;
	}

	.calendar-icon-container {
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.calendar-date-icon-svg {
		width: 18px;
		height: 18px;
		fill: white;
	}

	/* Hover effects */
	.dropdown-arrow-icon-wrapper:hover,
	.calendar-icon-container:hover {
		opacity: 0.8;
		transition: opacity 0.2s ease;
	}
	.menu-wrapper {
    display: none;
}
body .halo-side-block .side-block-body {
    padding: 0;
}
@media (max-width: 1199px) {
.navPages {
    display: none;
}
.menu-wrapper {
    width: 100%;
    height: 100vh;
    background: #F9F9F9;
    overflow: hidden;
    position: relative;
    display: block;
}
.panel-level-style-1 .menu-list li {
    padding: 24px 20px 0px;
}
.panel-level-style-2 .menu-list li {
    padding: 20px 20px 0px;
    color: #231F20CC;
    font-family: 'helvetic-regular';
    font-weight: 400;
}
.menu-panel ul.menu-list {
    margin: 0;
}
.menu-panel{
position:absolute;
width:100%;
height:100%;
top:0;
left:100%;
background:#f3f3f3;
transition:0.3s;
overflow-y:auto;
}

.menu-panel.active{
left:0;
}

.menu-panel.prev{
left:-100%;
}

.menu-header {
    display: flex;
    align-items: center;
    padding: 16px;
    font-weight: 600;
    gap: 8px;
    font-size: 20px;
    border-bottom: 1px solid #E6E6E6;
}
.panel-level-style-2 .menu-list li span.arrow svg {
    fill: #4F4C4D;
}
.panel-level-style-3 .menu-list li {
    padding: 20px 20px 0px;
    color: #231F20CC;
    font-family: 'helvetic-regular';
    font-weight: 400;
}
.panel-level-style-3 .menu-list li span.arrow svg {
    fill: #4F4C4D;
}
.menu-header img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}


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

.menu-list li {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 20px;
    color: #231F20;
    font-weight: 600;
}
.menu-list li span.arrow {
    font-size: 14px;
    color: #231F20;
    rotate: -90deg;
}

.menu-panel .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 20px;
}

.menu-panel .grid .product {
    text-align: center;
}
.menu-panel .grid  .product img {
    width: 100%;
    height: 140px;
    background-color: #fff;
    object-fit: contain;
}

.menu-panel .grid .product  p {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #231F20CC;
    font-family: 'helvetic-regular';
    font-weight: 400;
}
.menu-panel .inner-sub-menu-header {
    padding: 16px 20px 0px;
    display: flex;
    justify-content: space-between;
}
.menu-panel .inner-sub-menu-header span.inner-title {
    color: #231F20;
    font-size: 20px;
    font-weight: 400;
    font-family: 'helvetic-regular';
}
.menu-panel .inner-sub-menu-header a {
    text-decoration: none;
    color: #D42C47;
    font-size: 16px;
    font-weight: 400;
    font-family: 'helvetic-regular';
}
.menu-panel .inner-sub-menu-header a img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.menu-panel .grid .product a {
    text-decoration: none;
}
}

/* ===== inline block from home page ===== */
.slider-container { 
    overflow: hidden;
    background: linear-gradient(90deg, #CE0E2D, #EF3826);
}

 .slider-container .slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-container .slider .slide {
    min-width: 100%;
        background: linear-gradient(90deg, #CE0E2D, #EF3826);
    padding: 12px 20px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: white;
    box-sizing: border-box;
}
.slider-container .slider .slide .icon {
    width: 24px;
    height: 24px;
}
.slider-container .slider .slide .icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.slider-container .slider .slide .text {
    font-size: 18px;
    font-weight: 700;
    font-family: 'helvetica';
    color:#fff;
}
.slider-container .slider .slide .nav-arrow {
    width: 16px;
    height: 16px;
    cursor: pointer;
    object-fit: contain;
    margin-top: -6px;
    margin-left: 2px;
}
/* Countdown timer */
.slider-container section.hero .countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin: 20px 0 ;
}

.slider-container section.hero .box {
    background: white;
    color: #d60000;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
    min-width: 60px;
}

.slider-container section.hero .box div {
    font-size: 26px;
    font-weight: bold;
}

.slider-container section.hero .box span {
    font-size: 10px;
    color: black;
}

.slider-container section.hero .colon {
    font-size: 30px;
    color: #fff;
}
.slider-container section.hero h4 {
    font-size: 18px;
    text-align: center;
    color: #FFF;
    font-family: 'helvetic-regular';
    margin: 0;
}
.slider-container a {
    text-decoration: none;
}
@media (max-width: 1600px) {
    .slider-container .slider .slide .text {
    font-size: 16px;
}

}
@media (max-width: 767px) {
   .slider-container .slider .slide .text {
    font-size: 14px;
}
.slider-container section.hero .box {
    padding: 6px 5px;
    border-radius: 4px;
    min-width: 30px;
    width: 30px;
    height: 30px;
}
.slider-container section.hero .box div {
    font-size: 16px;
}
.slider-container section.hero .countdown {
    gap: 14px;
    margin: 8px 0 18px 0;
}
.slider-container section.hero h4 {
    font-size: 14px;
}
.slider-container .slider .slide {
    gap: 8px;
}
.slider-container .slider .slide .icon {
    width: 20px;
    height: 20px;
}
.slider-container .slider .slide .icon img {
    width: 20px;
    height: 20px;
}
.slider-container .slider .slide .nav-arrow {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-left: 2px;
}
}

/* ===== inline block from home page ===== */
.slider-container .slider .slide .text {
    text-align: center;
    font-family: 'helvetic-regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-transform: none;
    display: flex;
}
body .top_slider_cyber .slider .slide {
    background: #CE0E2D;
    padding: 7px 20px;
    height: auto;
}

.legacy_div_text_align{
    justify-content: left !important;
}
    .hero-section {
        position: relative;
    }

    .hero-section > img {
        min-height: 930px;
        object-fit: cover;
        width: 100%;
    }

    .hero-section .overlay-content-middle {
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%);
        width: 90%;
    }

    .hero-section .overlay-content-middle .sub-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-section .overlay-content-middle .left-container {
        display: flex;
        max-width: 340px;
        flex-direction: column;
        align-items: flex-start;
        gap: 35px;
    }

    .hero-section .overlay-content-middle .left-container .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    .hero-section .overlay-content-middle .left-container .content .rating svg {
        width: 20px;
        height: 20px;
        aspect-ratio: 1/1;
    }

    .hero-section .overlay-content-middle .left-container .content .heading-and-description {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
        color: #FFF;
        text-align: center;
        font-family: Vox;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
    }

    .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.4px;
        margin: 0;
    }

    .hero-section .overlay-content-middle .left-container .content-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .hero-section .overlay-content-middle .left-container .content-bottom .cta {
        display: flex;
        height: 48px;
        padding: 0px 30px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        border-radius: 5px;
        background: #CE0E2D;
        text-decoration: none;
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
        width: 100%;
    }

    .hero-section .overlay-content-middle .left-container .content-bottom .trust-badge {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .hero-section .overlay-content-middle .left-container .content-bottom .trust-badge .text {
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.4px;
    }

    .hero-section .overlay-content-middle .right-container {
        position: relative;
    }

    .hero-section .overlay-content-middle .right-container img {
        max-height: 280px;
        object-fit: cover;
    }

    .hero-section .overlay-content-middle .right-container .purple-effect {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        border-radius: 792px;
        background: #CE0E2D;
        filter: blur(107px);
        flex-shrink: 0;
        width: 100%;
        height: 32px;
    }

    .hero-section .overlay-background {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #231F20;
        opacity: 0.95;
    }

    .hero-section .overlay-content-bottom {
        position: absolute;
        top: auto;
        left: 50%;
        transform: translate(-50%);
        bottom: 0;
        width: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);
        backdrop-filter: blur(12px);
    }

    .hero-section .overlay-content-bottom .features-list {
        display: flex;
        max-width: 390px;
        padding: 20px 20px 40px 20px;
        align-items: center;
        align-content: center;
        gap: 30px 20px;
        flex-wrap: wrap;
    }

    .hero-section .overlay-content-bottom .features-list .feature {
        display: flex;
        width: 160px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        flex-shrink: 0;
    }

    .hero-section .overlay-content-bottom .features-list .feature .icon {
        display: flex;
        width: 48px;
        height: 48px;
        padding: 6.4px;
        justify-content: center;
        align-items: center;
        gap: 6.4px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.10);
    }

    .hero-section .overlay-content-bottom .features-list .feature .icon svg {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        aspect-ratio: 1 / 1;
    }

    .hero-section .overlay-content-bottom .features-list .feature .text {
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.4px;
        width: auto;
    }
      @media (max-width: 767px) {
.slider-container .slider .slide .text {
    font-size: 13px !important;
}
}
    @media (min-width: 769px) {
        .hero-section .overlay-content-middle .right-container, .hero-section .overlay-content-middle .left-container {
            width: 50%;
        }
        .hero-section .overlay-content-middle .right-container {
            order: 1;
        }
    }

    @media (min-width: 769px) and (max-width: 850px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 11px;
        }
    }

    @media (min-width: 769px) and (max-width: 870px) {
        .hero-section .overlay-content-middle .right-container img {
            min-height: 250px !important;
            max-height: 100%;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 24px;
        }
    }

    @media (min-width: 851px) and (max-width: 910px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 12px;
        }
    }

    @media (min-width: 911px) and (max-width: 992px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 13.5px;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 28px;
        }
    }

    @media (min-width: 769px) and (max-width: 992px) {
        .hero-section > img {
            min-height: unset;
            height: 450px;
        }
        .hero-section .overlay-content-middle {
            top: 8%;
        }
        .hero-section .overlay-content-middle .sub-container {
            flex-direction: row;
            gap: 3rem;
            justify-content: space-between;
        }
        .hero-section .overlay-content-middle .right-container img {
            min-height: 280px;
        }
        .hero-section .overlay-content-middle .right-container .purple-effect {
            height: 40px;
        }
        .hero-section .overlay-content-middle .left-container {
            max-width: 100%;
        }
        .hero-section .overlay-content-middle .left-container .content {
            gap: 10px;
            align-items: flex-start;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading, .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            text-align: left;
        }
        .hero-section .overlay-content-middle .left-container .content-bottom {
            align-self: unset;
        }
        .hero-section .overlay-content-bottom .features-list {
            max-width: 100%;
            justify-content: space-between;
        }
        .hero-section .overlay-content-bottom .features-list .feature {
            width: 100%;
            flex-direction: row;
            flex: 1 0 0;
            align-items: center;
        }
        .hero-section .overlay-content-middle .left-container .content-bottom .cta, .hero-section .overlay-content-middle .left-container .content-bottom .trust-badge .text {
            font-size: 15px;
        }
    }
     @media (max-width:1340px) and (min-width:1000px) {
          .hero-section .overlay-content-bottom .features-list {
            padding: 40px 15px !important;
            gap: 13px !important;
        }
    }

    @media (min-width: 993px) {
        .hero-section > img {
            min-height: unset;
            height: 650px;
        }
        .hero-section .overlay-content-middle {
            width: 100%;
            max-width: 1920px;
            padding: 40px 65px;
            padding-top: 0;
        }
        .hero-section .overlay-content-middle .sub-container {
            flex-direction: row;
            justify-content: space-between;
            gap: 3rem;
        }
        .hero-section .overlay-content-middle .right-container img {
            min-height: 310px;
            max-height: 529px;
            width: 100%;
        }
        .hero-section .overlay-content-middle .left-container {
            gap: 40px;
            max-width: 600px;
        }
        .hero-section .overlay-content-middle .left-container .content {
            gap: 10px;
            align-items: flex-start;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 45px;
            line-height: 50px;
            text-align: left;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 20px;
            line-height: 25px;
            text-align: left;
        }
        .hero-section .overlay-content-middle .left-container .content-bottom {
            align-self: unset;
        }
        .hero-section .overlay-content-bottom {
            max-width: 1920px;
        }
        .hero-section .overlay-content-bottom .features-list {
            max-width: none;
            padding: 40px 45px;
            gap: 25px;
        }
        .hero-section .overlay-content-bottom .features-list .feature {
            width: auto;
            gap: 15px;
            flex: 1 0 0;
            flex-direction: row;
            flex-shrink: 0;
            align-items: center;
        }
        .hero-section .overlay-content-bottom .features-list .feature .icon {
            width: 60px;
            height: 60px;
            padding: 8px;
            gap: 8px;
        }
        .hero-section .overlay-content-bottom .features-list .feature .icon svg {
            width: 40px;
            height: 40px;
        }
        .hero-section .overlay-content-bottom .features-list .feature .text {
            font-size: 18px;
            font-weight: 700;
            line-height: 25px;
        }
        .hero-section .overlay-content-middle .left-container .content .rating svg {
            width: 24px;
            height: 24px;
        }
    }

    @media (min-width: 993px) and (max-width: 1250px) {
        .hero-section > img {
            height: 550px;
        }
    }

    @media (min-width: 1251px) and (max-width: 1440px) {
        .hero-section > img {
            height: 600px;
        }
    }

    @media (min-width: 993px) and (max-width: 1090px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 30px;
            line-height: 35px;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 15px;
            line-height: 20px;
        }
    }

    @media (min-width: 1091px) and (max-width: 1190px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 16px;
            line-height: 21px;
        }
    }
    
    @media (min-width: 1091px) and (max-width: 1240px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 35px;
            line-height: 40px;
        }
    }

    @media (min-width: 1191px) and (max-width: 1300px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 18px;
            line-height: 23px;
        }
    }

    @media (min-width: 1241px) and (max-width: 1350px) {
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 40px;
            line-height: 45px;
        }
    }

    @media (min-width: 1120px) {
        .hero-section .overlay-content-middle .right-container img {
            min-width: 360px;
        }
    }

    @media (max-width: 768px) {
        .hero-section .overlay-content-bottom {
            display: flex;
            justify-content: center;
        }
    }

    @media (max-width: 380px) {
        .hero-section .overlay-content-bottom .features-list {
            align-items: flex-start;
        }
        .hero-section .overlay-content-bottom .features-list .feature {
            width: 150px;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .heading {
            font-size: 20px;
        }
        .hero-section .overlay-content-middle .left-container .content .heading-and-description .description {
            font-size: 12px;
        }
        .hero-section .overlay-content-middle .left-container .content-bottom .cta, .hero-section .overlay-content-middle .left-container .content-bottom .trust-badge .text {
            font-size: 15px;
        }
        .hero-section > img {
            min-height: 880px;
        }
    }

    @media (max-width: 360px) {
        .hero-section .overlay-content-bottom .features-list .feature {
            width: 140px;
        }
    }

    @media (max-width: 340px) {
        .hero-section .overlay-content-bottom .features-list .feature {
            width: 130px;
        }
    }

/* ===== inline block from home page ===== */
[data-sub-layout-container="8b6d9157-f2ef-4c85-9eeb-384165e07940"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="8b6d9157-f2ef-4c85-9eeb-384165e07940"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }

/* ===== inline block from home page ===== */
[data-sub-layout="90351e5f-ae9e-45d5-b77c-c2c446ab8a1d"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="90351e5f-ae9e-45d5-b77c-c2c446ab8a1d"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="90351e5f-ae9e-45d5-b77c-c2c446ab8a1d"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }

/* ===== inline block from home page ===== */
.sd-simple-text-18f99804-7bde-4112-8825-8861f89198f9 {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;

      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;

    }

    .sd-simple-text-18f99804-7bde-4112-8825-8861f89198f9 * {
      margin: 0;
      padding: 0;

        color: rgba(51,51,51,1);
        font-family: inherit;
        font-weight: 700;
        font-size: 34px;
        min-height: 34px;

    }

    .sd-simple-text-18f99804-7bde-4112-8825-8861f89198f9 {
        text-align: center;
    }

    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 {
      min-width: 14px;
      line-height: 1.5;
      display: inline-block;
    }

    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9[data-edit-mode="true"]:hover,
    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9[data-edit-mode="true"]:active,
    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9[data-edit-mode="true"]:focus {
      outline: 1px dashed #3C64F4;
    }

    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 strong,
    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 strong * {
      font-weight: bold;
    }

    #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a {
      color: inherit;
    }

    @supports (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:hover,
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:active,
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:focus {
        color: color-mix(in srgb, currentColor 68%, white 32%);
      }
    }

    @supports not (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:hover,
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:active,
      #sd-simple-text-editable-18f99804-7bde-4112-8825-8861f89198f9 a:focus {
        filter: brightness(2);
      }
    }

/* ===== inline block from home page ===== */
[data-sub-layout-container="f884f3b7-30ac-4bf9-9385-677f9f4588ec"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="f884f3b7-30ac-4bf9-9385-677f9f4588ec"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }

/* ===== inline block from home page ===== */
[data-sub-layout="78bbd63b-8394-4053-a365-2e1b71b5b53a"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 33.333333%;
                max-width: 33.333333%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="78bbd63b-8394-4053-a365-2e1b71b5b53a"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="78bbd63b-8394-4053-a365-2e1b71b5b53a"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }

/* ===== inline block from home page ===== */
[data-sub-layout="41a3d64a-4a31-48be-81ca-3c87732c5a9a"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 33.333333%;
                max-width: 33.333333%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="41a3d64a-4a31-48be-81ca-3c87732c5a9a"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="41a3d64a-4a31-48be-81ca-3c87732c5a9a"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }

/* ===== inline block from home page ===== */
[data-sub-layout="c70e2f5f-27f2-4b72-b375-5fe2476917c3"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 33.333333%;
                max-width: 33.333333%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="c70e2f5f-27f2-4b72-b375-5fe2476917c3"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="c70e2f5f-27f2-4b72-b375-5fe2476917c3"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }

/* ===== inline block from home page ===== */
.container.best-sellers {
        padding: 40px 20px;
        background: #F1F1F1;
    }

    .best-sellers .heading {
        color: #231F20;
        text-align: center;
        font-family: Vox;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        margin: 0;
    }

    .best-sellers .slick-list.draggable {
        margin-top: 30px;
    }

    .best-sellers .slick-track {
        display: flex;
        gap: 20px;
    }

    .best-seller-product.slick-slide {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px;
    }

    .best-sellers .best-seller-product .product-card-body {
        width: 100%;
        text-decoration: none;
    }

    .best-sellers .best-seller-product .product-details {
        margin-top: 15px;
    }

    .best-sellers .best-seller-product .product-details .brand-name {
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
        margin: 0;
    }

    .best-sellers .best-seller-product .product-details .sku {
        overflow: hidden;
        color: #231F20;
        text-overflow: ellipsis;
        font-family: 'helvetic-regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.4px;
        margin: 5px 0 0 0;
    }

    .best-sellers .best-seller-product .product-details .price {
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 138.889% */
        letter-spacing: 0.4px;
        margin: 10px 0 0 0;
    }

    .best-sellers .best-seller-product .call-to-action.add-to-cart {
        display: flex;
        height: 50px;
        padding: 0px 15px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        align-self: stretch;
        border-radius: 5px;
        border: 2px solid #CE0E2D;
        background: #FFF;
        text-decoration: none;
    }

    .best-sellers .best-seller-product .call-to-action.add-to-cart .text {
        color: #CE0E2D;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px; /* 138.889% */
        letter-spacing: 0.4px;
        text-align: center;
    }


    .best-sellers .best-seller-product-image {
        width: 100%;
        height: 170px;
        object-fit: contain;
    }

    .best-sellers .icon-loading {
        width: 300px;
    }

    .best-sellers .slick-next::before, .best-sellers .slick-prev::before {
        content: '';
        background-image: none;
        background-position: 0%;
        background-repeat: unset;
        background-size: 0;
        display: none;
        height: 0;
        width: 0;
        opacity: 0;
        font-family: 'slick';
        font-size: 0px;
        line-height: 0;
        opacity: 0;
        color: red;
        -webkit-font-smoothing: antialiased;
    }

    .best-sellers .slick-next:hover:not(.slick-disabled), .best-sellers .slick-next:focus:not(.slick-disabled), .best-sellers .slick-prev:hover:not(.slick-disabled), .best-sellers .slick-prev:focus:not(.slick-disabled) {
        border: none;
        background-color: transparent;
    }

    .best-sellers .slick-next {
        right: 0;
    }

    .best-sellers .slick-prev {
        left: 0;
    }

    .best-sellers .slick-arrow {
        background-color: transparent;
        border: none;
        width: 24px;
        height: 24px;
        padding: 4.8px;
        aspect-ratio: 1 / 1;
    }

    .star-rating {
      display: flex;
      gap: 4px;
      align-items: center;
    }
  
    .star {
      position: relative;
      width: 16px;
      height: 17px;
    }
  
    .star svg {
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .star .back-star {
      fill: #ccc; /* Gray background star */
      position: absolute;
      top: 0;
      left: 0;
    }
  
    .star .front-star-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
    }
  
    .review-count {
      font-size: 14px;
      color: #555;
      margin-left: 8px;
    }

    @media (min-width: 993px) {
        .container.best-sellers {
            padding: 80px 65px;
        }
        .best-sellers .slick-list.draggable {
            margin-top: 40px;
        }
        .best-sellers .heading {
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: 45px; /* 112.5% */
        }
        .best-sellers .best-seller-product-image {
            height: 220px;
            object-fit: unset;
        }
        .best-sellers .best-seller-product .product-details .brand-name {
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 0.4px;
        }
        .best-sellers .best-seller-product .product-details .sku {
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.4px;
        }
        .best-sellers .best-seller-product .product-details .price {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px; /* 125% */
            letter-spacing: 0.4px;
        }
        .best-sellers .slick-arrow {
            width: 45px;
            height: 45px;
            padding: 11px 10px 10px 11px;
            border-radius: 10px;
            border: 1px solid rgba(120, 120, 120, 0.40);
            background: #FFF;
        }
        .best-sellers .slick-arrow:hover {
            border-radius: 10px !important;
            border: 1px solid rgba(120, 120, 120, 0.40) !important;
            background: #FFF !important;
        }
        .best-sellers .slick-arrow svg {
            width: 24px;
            height: 24px;
            aspect-ratio: 1 / 1;
        }
        .best-sellers .slick-next {
            right: 10px;
        }
        .best-sellers .slick-prev {
            left: 20px;
        }
    }

    @media (min-width: 1440px) {
        .best-sellers .best-seller-product-image {
            height: 300px;
            object-fit: unset;
        }
    }

/* ===== inline block from home page ===== */
.rating-container {
            display: flex;
            align-items: center;
            margin-top: 5px;
        }
        
        .star {
            position: relative;
            width: 12px;
            height: 12px;
            display: inline-block;
        }
        
        .star svg {
            width: 100%;
            height: 100%;
            fill: #fff;
            stroke: #ce0e2d;
            stroke-width: 2.5px;
        }
        
        .star .filled {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            overflow: hidden;
            z-index: 1;
        }
        
        .star .filled svg {
            fill: #CE0E2D;
            width: 12px;
            height: 12px;
        }
        
        /* Larger screens (992px and above) */
        @media (min-width: 992px) {
            .star {
                width: 16px;
                height: 16px;
            }
            
            .star .filled svg {
                width: 16px;
                height: 16px;
            }
        }
        
        .rating-text {
            color: #787878;
            font-family: 'helvetic-regular';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.4px;
            margin-left: 4px;
        }

/* ===== inline block from home page ===== */
.container.home-custom-banners {
        padding: 40px 20px;
    }
    .home-custom-banners .section-heading {
        color: #231F20;
        text-align: center;
        font-family: Vox;
        font-size: 1.6875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2.1875rem;
        margin: 0;
    }

    .home-custom-banners .custom-banners {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 1.25rem;
        margin-top: 1.875rem;
    }

    .home-custom-banners .custom-banners .custom-banner {
        position: relative;
        width: 100%;
    }

    .home-custom-banners .custom-banners .custom-banner img {
        min-height: 180px;
        object-fit: cover;
    }

    .home-custom-banners .custom-banners .custom-banner .banner-overlay-background {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-height: 100px;
        background: linear-gradient(180deg, rgba(35, 31, 32, 0.00) 0%, rgba(35, 31, 32, 0.90) 100%);
    }

    .home-custom-banners .custom-banners .custom-banner .banner-overlay {
        position: absolute;
        top: auto;
        bottom: 10%;
        width: 90%;
        left: 50%;
        transform: translate(-50%);
    }

    .home-custom-banners .custom-banners .custom-banner .banner-overlay .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
    }

    .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
        color: #FFF;
        font-family: Vox;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .custom-banners .custom-banner .banner-overlay .content .call-to-action {
        display: inline-flex;
        padding: 6.72px 11.2px;
        align-items: center;
        gap: 3.36px;
        border-radius: 2.24px;
        border: 0.84px solid #FFF;
    }


    .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .text {
        color: #FFF;
        font-family: 'helvetic-regular', sans-serif;
        font-size: 0.5625rem;
        font-style: normal;
        font-weight: 700;
        line-height: 0.875rem;
        letter-spacing: 0.224px;
        width: max-content
    }

    @media (min-width: 401px) {
        .home-custom-banners .custom-banners .custom-banner img {
            min-height: 220px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content {
            gap: 3rem;
        }
    }

    @media (min-width: 769px) {
        .home-custom-banners .custom-banners {
            flex-direction: row;
        }
        .home-custom-banners .custom-banners .custom-banner {
            width: calc(50% - 0.625rem);
        }
        .home-custom-banners .custom-banners .custom-banner img {
            min-height: 250px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay-background {
            max-height: 150px;
        }
    }

    @media (min-width: 993px) {
        .home-custom-banners .section-heading {
            font-size: 2.5rem;
            line-height: 3.125rem;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
            font-size: 2rem;
        }
        .home-custom-banners .custom-banners .custom-banner img {
            min-height: 300px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay-background {
            max-height: 200px;
        }
        .container.home-custom-banners {
            padding: 60px 50px 40px 50px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action {
            display: inline-flex;
            padding: 6px 10px;
            align-items: center;
            gap: 6px;
            border-radius: 4px;
            border: 1.5px solid #FFF;
            text-decoration: none;
        }
        .home-custom-banners .custom-banners {
            margin-top: 50px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .icon {
            width: 12px;
            height: 12px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .text {
            font-size: 0.75rem;
            line-height: 1.171875rem;
        }
    }

    @media (min-width: 993px) and (max-width: 1100px) {
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
            font-size: 20px;
        }
    }

    @media (min-width: 1100px) {
        .home-custom-banners .custom-banners .custom-banner img {
            min-height: 340px;
        }
    }

    @media (min-width: 1100px) and (max-width: 1200px) {
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
            font-size: 25px;
        }
    }

    @media (min-width: 1280px) {
        .container.home-custom-banners {
            padding: 60px 85px 40px 85px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1400px) {
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
            font-size: 30px;
        }
    }

    @media (min-width: 1400px) {
        .home-custom-banners .custom-banners .custom-banner img {
            height: 416px;
        }
    }

    @media (min-width: 1440px) {
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action {
            padding: 12px 20px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .text {
            font-size: 1rem;
            line-height: 1.5625rem
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .icon {
            width: 16px;
            height: 16px;
        }
    }

    @media (max-width: 425px) {
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .banner-title {
            font-size: 13.125px;
        }
        .custom-banners .custom-banner .banner-overlay .content .call-to-action {
            padding: 4.72px 8.2px;
        }
        .home-custom-banners .custom-banners .custom-banner .banner-overlay .content .call-to-action .text {
            font-size: 0.5rem;
        }
        .custom-banners .custom-banner .banner-overlay .content .call-to-action .icon {
            width: 10px;
            height: 10px;
        }
    }

/* ===== inline block from home page ===== */
.container.brand-features {
        padding: 0px 20px 40px 20px;
        display: flex;
        padding: 0px 20px 40px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .brand-feature .content {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .brand-feature .icon {
        display: flex;
        width: 54px;
        height: 54px;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 10px;
        background: #F6F6F6;
    }

    .brand-feature svg {
        width: 32px;
        height: 32px;
    }

    .brand-features .brand-feature .content .details {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 6px;
    }

    .brand-features .brand-feature .content .details .title {
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .brand-features .brand-feature .content .details .description {
        color: #787878;
        font-family: 'helvetic-regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.4px;
    }

    @media (min-width: 570px) {
        .container.brand-features {
            padding: 0 30px 50px 30px;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 0;
        }

        .brand-features .brand-feature:first-child {
            padding-left: 0;
        }

        .brand-features .brand-feature:last-child {
            padding-right: 0;
            border: none;
        }

        .brand-features .brand-feature {
            padding: 0 45px;
            width: 33%;
            border-right: 1px solid #ddd;
        }

        .brand-features .brand-feature .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
        }
        .brand-features .brand-feature .content .details {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }
        .brand-features .brand-feature .content .details .title {
            font-size: 1rem;
            text-align: center;
        }
        .brand-features .brand-feature .content .details .description {
            font-size: 0.875rem;
            text-align: center;
        }
    }

    @media (min-width: 993px) {
        .container.brand-features {
            display: flex;
            padding: 0px 85px 50px 85px;
            align-items: flex-start;
            align-self: stretch;
        }

        .brand-features .brand-feature .content .icon {
            width: 80px;
            height: 80px;
            padding: 10.667px;
            border-radius: 13.333px;
            background: #F6F6F6;
        }

        .brand-features .brand-feature .content .details .title {
            font-size: 1.5rem;
        }

        .brand-features .brand-feature .content .details .description {
            font-size: 1.25rem;
        }
        .brand-feature svg {
            width: 48px;
            height: 48px;
        }
    }

    @media (max-width: 370px) {
        .brand-features .brand-feature .content .details .title {
            font-size: 16px;
        }
    }

/* ===== inline block from home page ===== */
.container.all-power-needs {
        padding: 40px 0px;
        background: #F1F1F1;
    }

    .all-power-needs .section-heading {
        margin: 0;
        color: #231F20;
        text-align: center;
        font-family: Vox;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        padding: 0 35px;
    }

    .all-power-needs .power-needs {
        margin-top: 30px;
    }

    .all-power-needs .power-need {
        display: flex !important;
        padding: 0px 60px;
        flex-direction: column;
        justify-content: space-between;
        gap: 30px;
    }

    .all-power-needs .power-need .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .all-power-needs .power-need .content .icon {
        width: 48px;
        height: 48px;
        aspect-ratio: 1 / 1;
    }

    .all-power-needs .power-need .content .details {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .all-power-needs .power-need .content .details .title {
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
    }

    .all-power-needs .power-need .content .details .description {
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.2px;
    }

    .all-power-needs .power-need .call-to-action {
        display: flex;
        min-height: 50px;
        padding: 12px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        border-radius: 5px;
        background: #231F20;
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
        text-decoration: none;
        width: 110%;
        text-align: center;
    }

    .all-power-needs .slick-next::before, .all-power-needs .slick-prev::before {
        content: '';
        background-image: none;
        background-position: 0%;
        background-repeat: unset;
        background-size: 0;
        display: none;
        height: 0;
        width: 0;
        opacity: 0;
        font-family: 'slick';
        font-size: 0px;
        line-height: 0;
        opacity: 0;
        color: red;
        -webkit-font-smoothing: antialiased;
    }

    .all-power-needs .slick-next:hover:not(.slick-disabled), .all-power-needs .slick-next:focus:not(.slick-disabled), .all-power-needs .slick-prev:hover:not(.slick-disabled), .all-power-needs .slick-prev:focus:not(.slick-disabled) {
        border: none;
        background-color: transparent;
    }

    .all-power-needs .slick-next {
        right: 5px;
    }

    .all-power-needs .slick-prev {
        left: 5px;
    }

    .all-power-needs .slick-dots {
        bottom: -45px;
    }

    .all-power-needs .slick-next, .all-power-needs .slick-prev {
        z-index: 1;
        width: 35px;
        height: 35px;
        padding: 8px 8px 7px 7px;
        border-radius: 10px;
        border: 1px solid rgba(120, 120, 120, 0.40);
        background: #F1F1F1;
    }

    @media (min-width: 571px) {
        .all-power-needs .power-need:last-child {
            /* padding-right: 0; */
            border: none;
        }

        .all-power-needs .power-need {
            padding: 0 45px;
            border-right: 1px solid #ddd;
        }
        .all-power-needs .power-need .content .details {
            gap: 12px;
        }
    }

    @media (min-width: 993px) {
        .container.all-power-needs {
            display: flex;
            flex-direction: column;
            padding: 60px 85px;
            align-items: center;
        }
        .all-power-needs .power-needs {
            margin-top: 40px;
        }
        .all-power-needs .section-heading {
            font-size: 40px;
            line-height: 45px;
        }
    }
    
    /* @media (max-width: 1200px) {
        .all-power-needs .power-need:nth-child(3) {
            border-right: none;
        }
    }

    @media (max-width: 768px) {
        .all-power-needs .power-need:nth-child(1) {
            border-right: none;
        }
    }

    @media (max-width: 570px) {
        .all-power-needs .power-need {
            border: none;
        }
    } */

/* ===== inline block from home page ===== */
.we-are-here-for-you {
        position: relative;
        padding: 0;
        overflow: hidden;
    }

    .we-are-here-for-you img {
        object-fit: cover;
    }

    .we-are-here-for-you .overlay-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(35, 31, 32, 0.90);
    }

    .we-are-here-for-you .overlay-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        width: 100%;
        padding: 35px 25px;
    }

    .we-are-here-for-you .overlay-content .customer-service-icon {
        width: 64px;
        height: 64px;
        aspect-ratio: 1/1;
        display: none;
    }

    .we-are-here-for-you .overlay-content .heading-and-subheading {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        max-width: 300px;
    }

    .we-are-here-for-you .overlay-content .heading-and-subheading .heading {
        color: #FFF;
        text-align: center;
        font-family: Vox;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        margin: 0;
    }

    .we-are-here-for-you .overlay-content .heading-and-subheading .subheading {
        color: rgba(255, 255, 255, 0.85);
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.2px;
        margin: 0;
    }

    .we-are-here-for-you .overlay-content .call-to-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta1 {
        display: flex;
        height: 48px;
        padding: 0px 35px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        align-self: stretch;
        border-radius: 5px;
        background: #FFF;
        color: #231F20;
        font-family: 'helvetic-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
        text-decoration: none;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 {
        display: flex;
        height: 48px;
        padding: 5px 20px;
        align-items: center;
        gap: 5px;
        border-radius: 5px;
        border: 2px solid #FFF;
        text-decoration: none;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 .online-person-icon {
        position: relative;
        width: 18px;
        height: 18px;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 .person-icon {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 .online-status-icon {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 .phone-icon {
        width: 13.333px;
        height: 13.333px;
        flex-shrink: 0;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta2 .contact-no {
       color: #FFF;
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.2px;
    }

    .we-are-here-for-you .overlay-content .call-to-actions .cta3 {
        display: flex;
        height: 48px;
        padding: 0px 35px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        border-radius: 5px;
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
        border: 2px solid #FFF;
        text-decoration: none;
    }

    @media (min-width: 571px) {
        .we-are-here-for-you .overlay-background {
            background: rgba(35, 31, 32, 0.80);
        }
        /* Heading on one line; it centres past the 300px column, which still wraps the subheading. */
        .we-are-here-for-you .overlay-content .heading-and-subheading .heading {
            white-space: nowrap;
        }
    }

    @media (min-width: 993px) {
        .we-are-here-for-you img {
            min-height: 400px;
        }
        .we-are-here-for-you .overlay-content {
            gap: 20px;
        }
        .we-are-here-for-you .overlay-content .customer-service-icon {
            display: block;
        }
        .we-are-here-for-you .overlay-content .call-to-actions {
            flex-direction: row;
        }
        .we-are-here-for-you .overlay-content .call-to-actions .cta1 {
            display: none;
        }
        .we-are-here-for-you .overlay-content .call-to-actions .cta2 {
            display: flex !important;
        }
        .color-effect1 {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 15%;
            height: 75%;
            background: linear-gradient(135deg, rgba(35, 31, 32, 0.00) 0%, rgba(239, 56, 38, 0.70) 100%);
            filter: blur(100px);
            z-index: 1;
        }
        .color-effect2 {
            position: absolute;
            right: 0;
            top: 0;
            width: 15%;
            height: 100%;
            background: linear-gradient(45deg, rgba(35, 31, 32, 0.00) 0%, rgba(239, 56, 38, 0.70) 100%);
            filter: blur(100px);
        }
    }

    @media (max-width: 992px) {
        .we-are-here-for-you .overlay-content .call-to-actions, .we-are-here-for-you .overlay-content .call-to-actions .cta1, .we-are-here-for-you .overlay-content .call-to-actions .cta3 {
            width: 100%;
        }
        .we-are-here-for-you .overlay-content {
            max-width: 390px;
        }
        .we-are-here-for-you img {
            height: 426px;
        }
    }

    @media (max-width: 350px) {
        .we-are-here-for-you .overlay-content .heading-and-subheading .heading {
            font-size: 28px;
        }
        .we-are-here-for-you .overlay-content .heading-and-subheading .subheading {
            font-size: 13px;
            line-height: 20.3125px;
        }
    }

/* ===== inline block from home page ===== */
.self-custom-input{
      background-color: #231F20;
      border-radius: 0%;
    }
  
    .self-custom-input::placeholder{
      color: white !important;
    }

/* ===== inline block from home page ===== */
.choice-of-professionals {
        position: relative;
        padding: 0;
    }

    .choice-of-professionals img {
        object-fit: contain;
    }

    .choice-of-professionals .overlay-content-top {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        padding: 25px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
        width: 100%;
        max-width: 390px;
    }

    .choice-of-professionals .overlay-content-top .heading-and-description {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .choice-of-professionals .overlay-content-top .heading-and-description .heading {
        color: #231F20;
        text-align: center;
        font-family: Vox;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin: 0;
    }

    .choice-of-professionals .overlay-content-top .heading-and-description .description {
        color: #787878;
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.2px;
        margin: 0;
    }

    .choice-of-professionals .overlay-content-top .call-to-action {
        display: flex;
        height: 48px;
        padding: 0px 35px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        gap: 9px;
        border-radius: 5px;
        background: #CE0E2D;
        text-decoration: none;
        color: #FFF;
        font-family: 'helvetic-regular';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;
    }

    .choice-of-professionals .overlay-content-bottom {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        padding: 25px 45px;
        background: rgba(0, 0, 0, 0.70);
        backdrop-filter: blur(30px);
        display: flex;
        justify-content: center;
    }

    .choice-of-professionals .overlay-content-bottom [data-section-type="newsletterSubscription"] {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .choice-of-professionals .overlay-content-bottom .heading-and-description {
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }

    .choice-of-professionals .overlay-content-bottom .heading-and-description .heading {
        color: #FFF;
        text-align: center;
        font-family: Vox;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        text-transform: capitalize;
        margin: 0;
        padding: 0;
    }

    .choice-of-professionals .overlay-content-bottom .heading-and-description .description {
        text-align: center;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.2px;
        margin: 0;
    }

    .choice-of-professionals .overlay-content-bottom .form {
        margin: 0;
        width: 100%;
    }

    .choice-of-professionals .overlay-content-bottom .form .form-field {
        margin: 0;
    }

    .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#nl_email {
        display: flex;
        min-height: 48px;
        max-height: 48px;
        padding: 0px 15px;
        align-items: center;
        gap: 9px;
        align-self: stretch;
        max-width: 100%;
        color: #FFF;
        text-align: left;
        font-family: 'helvetic-regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.4px;
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.10);
        background: rgba(255, 255, 255, 0.10);
    }

    .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#subscribe-button {
        display: flex;
        min-height: 48px;
        max-height: 48px;
        padding: 0px 35px;
        justify-content: center;
        align-items: center;
        gap: 9px;
        align-self: stretch;
        border-radius: 5px;
        background: #FFF;
        width: 100%;
        max-width: 100%;
        color: #CE0E2D;
        font-family: 'helvetic-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.4px;   
        text-transform: capitalize;
    }

    @media (max-width: 992px) {
        .choice-of-professionals img {
            min-height: 800px;
            max-height: 1000px;
            width: 100%;
            object-fit: cover;
        }
        .choice-of-professionals .overlay-content-bottom [data-section-type="newsletterSubscription"] {
            max-width: 390px;
        }
    }

    @media (max-width: 570px) {
        .choice-of-professionals img {
            min-height: 800px;
            max-height: 900px;
            width: 100%;
        }
    }

    @media (min-width: 993px) {
        .choice-of-professionals img {
            min-height: 750px;
        }
        .choice-of-professionals .overlay-content-top {
            max-width: 475px;
            padding: 85px 0 0 0;
        }
        .choice-of-professionals .overlay-content-top .heading-and-description .heading {
            color: #231F20;
            text-align: center;
            font-family: Vox;
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 35px; /* 116.667% */
        }
        .choice-of-professionals .overlay-content-top .call-to-action {
            font-size: 20px;
            width: 60%;
            align-self: unset;
        }
        .choice-of-professionals .overlay-content-bottom {
            padding: 50px 0;
        }

        .choice-of-professionals .overlay-content-bottom [data-section-type="newsletterSubscription"] {
            flex-direction: row;
            gap: 75px;
            align-items: center;
            justify-content: center;
            max-width: 70%;
        }
        .choice-of-professionals .overlay-content-bottom .heading-and-description {
            align-items: flex-start;
        }
        .choice-of-professionals .overlay-content-bottom .heading-and-description .heading {
            color: #FFF;
            font-family: Vox;
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 35px; /* 116.667% */
        }
        .choice-of-professionals .overlay-content-bottom .heading-and-description .heading,
        .choice-of-professionals .overlay-content-bottom .heading-and-description .description {
            width: max-content;
        }
        
        .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap {
            flex-direction: row;
            flex-wrap: nowrap;
        }
        .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#nl_email {
            width: auto;
            min-width: 240px;
        }
        .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#subscribe-button {
            margin: 0;
        }
    }

    @media (max-width: 380px) {
        .choice-of-professionals .overlay-content-bottom .heading-and-description .heading {
            font-size: 19px;
        }
        .choice-of-professionals .overlay-content-bottom .heading-and-description .description, .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#nl_email {
            font-size: 13px;
            line-height: 20.3125px;
        }
        .choice-of-professionals .overlay-content-bottom .form .form-field .form-prefixPostfix.wrap input#subscribe-button {
            font-size: 17px;
        }
    }
    @media (min-width:450px) {
        .for-phone-view{
            display: none ;
        } 
    }
    @media (max-width:450px) {
        .for-desktop-view{
            display: none ;
        } 
        .choice-of-professionals img{
            object-fit: contain;
        }
    }

/* ===== inline block from home page ===== */
body .best-sellers .best-seller-product-image {
    object-fit: contain;
    background-color: #fff;
}
    .banners {
        background: #CE0E2D;
        padding: 5px 20px;
    }

    .powerup-promotion-text {
        color: #FFF;
        text-align: center;
        font-family: 'helvetic-regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0.4px;
    }

    @media (min-width: 769px) {
        .banners {
            display: flex;
            align-items: center;
            height: 35px;
        }
    }

/* ===== inline block from category page ===== */
.breadcrumb{
        margin-right: 0% !important;
    }
    .breadcrumb-label{
        color: rgba(255, 255, 255, 0.5) !important;
    }
    .self-view-on-md{
        display: none;
    }
    .breadcrumb > .breadcrumb-label span{
        text-decoration: underline;
    }
    @media (max-width: 1199px){
        .self-view-on-md{
            display: block;
        }

  
    }

@media (max-width:450px) {
  .self-Breadcrumb{
    justify-content: center;
  }
  .breadcrumb > .breadcrumb-label {
    font-size: 12px;
    }
    
}

/* ===== inline block from category page ===== */
select:focus-visible{
        outline: none !important;
    }

/* ===== inline block from category page ===== */
.self-card-price{
        font-size: 20px !important;
        font-weight: 500 !important;
        font-family: 'helvetic-regular' !important;
        color: #231F20 !important;
        line-height: 25px;
    }

/* ===== inline block from category page ===== */
.productList .product .card-body{
    width: 100% ;
  }
    .custom-brand-name {
        font-size: 24px !important;
        font-family: 'helvetic-regular';
        font-weight: bold !important;
        color: #231F20 !important;
        text-transform: none !important;
    }

    .custom-card-title {
        font-size: 20px !important;
        font-family: 'helvetic-regular';
        color: #231F20 !important;
        text-transform: none !important;
    }

    .self-card-add-btn {
        background-color: #FFFFFF;
        color: #CE0E2D;
        border: 2px solid #CE0E2D;
        font-size: 20px;
        font-weight: bold;
        font-family: 'helvetic-regular';
        text-transform: none;

    }

    .custom-rating-card {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        padding: 8px 0;

    }

    .custom-rating-text {
        font-size: 16px;
        color: #787878;
        font-family: 'helvetic-regular';
        line-height: 20px;
    }
      .card-best-price {
        color: #20B014;
        padding: 6px 6px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 500;
        font-family:"helvetic-regular";
        position: relative;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        white-space: nowrap;
        border: 1px solid #9F9F9F;
        background-color: #F2F2F2;
        bottom: 5px;

    }
@media (max-width:450px) {
       .card-best-price {
        display: none;
       }
    }



    @media (max-width:450px) {
        .custom-rating-text {
            font-size: 12px;
        }
        .self-card-add-btn {
            font-size: 18px;
        }
        


    }

    @media (max-width:389px) {
       
        .custom-rating-card{
            flex-wrap: wrap;
        }
    }
     .productList .product .card-figure {
    display: flex !important;
    width: 100% !important;
    }
    .productList .card-figure:hover .card-img-hover > .card-image {
        opacity: 1 !important;
        visibility: visible !important;
    }


    .productList .card-image {
        position: relative !important ;
    }
    .productList .product-additional {
        display: none !important;
    }
    .productList .card-img-container:after{
        content: none !important;
    }

/* ===== inline block from category page ===== */
.categoryHeader__container .mobile-self-product-img {
    display: none;
}
.product.self-product-img .banner-cat {
    position: relative;
}
.product.self-product-img .banner-cat:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #231f2000 0%, #231f20a6 100%);
    z-index: 2;
}
.product.self-product-img .banner-cat .banner-img-container {
    position: absolute;
    bottom: 48px;
    left: 15px;
    right: 15px;
    z-index: 4;
}
.product.self-product-img .banner-cat .banner-img-container .self-img-banner-content .self-banner-text {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    font-family: 'helvetica';
    margin-bottom: 8px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    font-family: 'helvetica';
    margin: 0;
    line-height: 30px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p img.banner-image {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background-color: transparent;
     aspect-ratio: unset;
}
.product.self-product-img .banner-cat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  aspect-ratio: 2 / 3.44;
}
.permonace-banner-part .banner-cat .banner-img-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 35px;
}
@media (max-width:1700px) {
.product.self-product-img .banner-cat img {
    aspect-ratio: 2 / 3.7;
}
.product.self-product-img .banner-cat .banner-img-container .self-img-banner-content .self-banner-text {
    font-size: 36px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p {
    font-size: 18px;
    line-height: 24px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p img.banner-image {
    width: 38px;
    height: 38px;
}
}
@media (max-width:1550px) {
.product.self-product-img .banner-cat img {
    aspect-ratio: 2 / 3.95;
}
}
@media (max-width:1400px) {
.product.self-product-img .banner-cat img {
    aspect-ratio: 2 / 4.1;
}
}
@media (max-width:1300px) {
.product.self-product-img .banner-cat img {
    aspect-ratio: 2 / 3.5;
}
}
 @media screen and (min-width: 768px)and (max-width: 991px) {
 body .self-product-img {
    height: 380px;
}
body .banner-img-container {
    height: 350px;
}
body .self-img-banner-content {
    height: 350px;
}
body .custom-img-container {
    height: 350px;
}
body .banner-image-2 {
    height: 350px;
}
body .self-img-banner-content-2 {
    width: 50%;
    height: 350px;
}    
 }
@media (max-width:991px) {
.product.self-product-img .banner-cat .banner-img-container .self-img-banner-content .self-banner-text {
    font-size: 30px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p {
    font-size: 16px;
    line-height: 22px;
}.product.self-product-img .banner-cat img {
    aspect-ratio: 2 / 4.4;
}
}
@media (min-width:768px) {
    .self-img-banner-content-2 {
    width: 41%;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #000000;
    border-radius: 10px 0px 0px 10px;
}
.self-img-banner-content-2 {
    position: relative;
    z-index: 2;
}
.self-img-banner-content-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 30px 0 30px -10px rgba(0, 0, 0, 0.1),
            60px 0 30px -10px rgba(0, 0, 0, 0.3),
            90px 0 40px -10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    overflow: visible;
}
.custom-img-container-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to left,
                rgba(0, 0, 0, 0.1) 0%,
                rgba(0, 0, 0, 0.2) 25%,
                rgba(0, 0, 0, 0.6) 70%,
                rgba(0, 0, 0, 0.9) 100%);
    z-index: 1;
}
.banner-image-2 {
    width: 100%;
    height: 480px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    background: rgba(255, 255, 255, 0.1);
    object-fit: cover;
}
.custom-img-container-2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}
    .self-banner-text {
    font-size: 20px;
    font-family: 'vox';
    font-weight: 500;
    color: #FFFFFF;
    line-height: normal;
    width: 100%;
    text-align: start;
    padding-left: 2rem;
    padding-top: 0.5rem;
}
 .self-product-img {
    width: 100% !important;
    height: 500px;
    padding: 20px 15px !important;
} 

    .banner-image {
        width: 100%;
        height: 480px;
        display: inline-block;
        border-radius: 10px 0px 0px 10px;
        background: rgba(255, 255, 255, 0.1);
        object-fit: cover;

    }
        .banner-img-container {
        width: 100%;
        height: 480px;
        display: flex;
        flex-direction: row;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
        border-radius: 10px;
        background: linear-gradient(to right, #000000 50%, #000000 90%, #ffffff 100%);
        overflow: hidden;
    }

    .banner-image {
        width: 100%;
        height: 480px;
        display: inline-block;
        border-radius: 10px 0px 0px 10px;
        background: rgba(255, 255, 255, 0.1);
        object-fit: cover;

    }
    .self-img-banner-content {
    width: 42%;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #000000;
    border-radius: 0px 10px 10px 1px;
}
.self-img-banner-content {
    position: relative;
    z-index: 2;
}
.self-img-banner-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: -30px 0 30px -10px rgba(0, 0, 0, 0.1),
            -60px 0 30px -10px rgba(0, 0, 0, 0.3),
            -90px 0 40px -10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    overflow: visible;
}
.self-banner-heading {
    font-size: 40px;
    font-family: 'vox';
    font-weight: 500;
    color: #FFFFFF;
    line-height: 55px;
    width: 100%;
    text-align: start;
    padding-left: 2rem;
    justify-content: center;
}
.text-s {
    text-align: start !important;
}
.custom-img-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.custom-img-container {
    width: 59%;
    height: 480px;
    display: block;
    border-radius: 10px;
}
.custom-img-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right,
                rgba(0, 0, 0, 0.1) 0%,
                rgba(0, 0, 0, 0.2) 25%,
                rgba(0, 0, 0, 0.6) 70%,
                rgba(0, 0, 0, 0.9) 100%);
    z-index: 1;
}
.row-r {
    flex-direction: row-reverse;
}
}
@media (max-width:767px) {
body .categoryHeader__container .mobile-self-product-img {
    display: inline-block;
}
.categoryHeader__container .desktop-self-product-img {
    display: none;
}
.product.self-product-img .banner-cat img {
    aspect-ratio: 31/87;
}
.product.self-product-img .banner-cat .banner-img-container .self-img-banner-content .self-banner-text {
    font-size: 18px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p img.banner-image {
    width: 20px;
    height: 20px;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p {
    font-size: 10px;
    line-height: 14px;
    gap: 6px;
}
.permonace-banner-part .banner-cat .banner-img-container {
    bottom: 25px !IMPORTANT;
}
.product.self-product-img .banner-cat .banner-img-container .custom-img-container p br {
    display: none;
}
}
    /*.self-product-img {*/
    /*    width: 100% !important;*/
    /*    height: 500px;*/
    /*    padding: 20px 15px !important;*/
    /*}*/

    /*.banner-img-container {*/
    /*    width: 100%;*/
    /*    height: 480px;*/
    /*    display: flex;*/
    /*    flex-direction: row;*/
    /*    align-content: space-around;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    border-radius: 10px;*/
    /*    background: linear-gradient(to right, #000000 50%, #000000 90%, #ffffff 100%);*/
    /*    overflow: hidden;*/
    /*}*/

    /*.banner-image {*/
    /*    width: 100%;*/
    /*    height: 480px;*/
    /*    display: inline-block;*/
    /*    border-radius: 10px 0px 0px 10px;*/
    /*    background: rgba(255, 255, 255, 0.1);*/
    /*    object-fit: cover;*/

    /*}*/

    /*.self-img-banner-content {*/
    /*    width: 42%;*/
    /*    height: 480px;*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    justify-content: center;*/
    /*    align-items: flex-start;*/
    /*    background-color: #000000;*/
    /*    border-radius: 0px 10px 10px 1px;*/
    /*}*/

    /*.custom-img-container {*/
    /*    width: 59%;*/
    /*    height: 480px;*/
    /*    display: block;*/
    /*    border-radius: 10px*/
    /*}*/

    /*.self-banner-heading {*/
    /*    font-size: 40px;*/
    /*    font-family: 'vox';*/
    /*    font-weight: 500;*/
    /*    color: #FFFFFF;*/
    /*    line-height: 55px;*/
    /*    width: 100%;*/
    /*    text-align: start;*/
    /*    padding-left: 2rem;*/
    /*    justify-content: center;*/

    /*}*/


    /*.self-banner-text {*/
    /*    font-size: 20px;*/
    /*    font-family: 'vox';*/
    /*    font-weight: 500;*/
    /*    color: #FFFFFF;*/
    /*    line-height: normal;*/
    /*    width: 100%;*/
    /*    text-align: start;*/
    /*    padding-left: 2rem;*/
    /*    padding-top: 0.5rem;*/


    /*}*/

    /*.row-r {*/
    /*    flex-direction: row-reverse;*/
    /*}*/


    /*.self-img-banner-content-2 {*/
    /*    width: 41%;*/
    /*    height: 480px;*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    justify-content: center;*/
    /*    align-items: flex-start;*/
    /*    background-color: #000000;*/
    /*    border-radius: 10px 0px 0px 10px;*/
    /*}*/

    /*.text-s {*/
    /*    text-align: start !important;*/
    /*}*/

    /*.banner-image-2 {*/
    /*    width: 100%;*/
    /*    height: 480px;*/
    /*    display: inline-block;*/
    /*    border-radius: 0px 10px 10px 0px;*/
    /*    background: rgba(255, 255, 255, 0.1);*/
    /*    object-fit: cover;*/


    /*}*/


    /*.custom-img-container {*/
    /*    position: relative;*/
    /*    z-index: 1;*/
    /*    overflow: hidden;*/
    /*}*/

    /*.custom-img-container::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    inset: 0;*/
    /*    background: rgba(0, 0, 0, 0.4);*/
    /*    z-index: 2;*/
    /*    pointer-events: none;*/
    /*}*/

    /*.custom-img-container::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    bottom: 0;*/
    /*    background: linear-gradient(to right,*/
    /*            rgba(0, 0, 0, 0.1) 0%,*/
    /*            rgba(0, 0, 0, 0.2) 25%,*/
    /*            rgba(0, 0, 0, 0.6) 70%,*/
    /*            rgba(0, 0, 0, 0.9) 100%);*/

    /*    z-index: 1;*/
    /*}*/

    /*.custom-img-banner-content {*/
    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/

    /*.self-img-banner-content::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    bottom: 0;*/
    /*    box-shadow:*/
    /*        -30px 0 30px -10px rgba(0, 0, 0, 0.1),*/
    /*        -60px 0 30px -10px rgba(0, 0, 0, 0.3),*/
    /*        -90px 0 40px -10px rgba(0, 0, 0, 0.5);*/
    /*    z-index: 1;*/
    /*    overflow: visible;*/
    /*}*/

    /*.self-img-banner-content {*/
    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/




    /*.custom-img-container-2 {*/
    /*    position: relative;*/
    /*    z-index: 1;*/
    /*    overflow: hidden;*/
    /*    border-radius: 10px;*/
    /*}*/

    /*.custom-img-container-2::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    inset: 0;*/
    /*    background: rgba(0, 0, 0, 0.4);*/
    /*    z-index: 2;*/
    /*    pointer-events: none;*/
    /*}*/

    /*.custom-img-container-2::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    bottom: 0;*/
    /*    background: linear-gradient(to left,*/
    /*            rgba(0, 0, 0, 0.1) 0%,*/
    /*            rgba(0, 0, 0, 0.2) 25%,*/
    /*            rgba(0, 0, 0, 0.6) 70%,*/
    /*            rgba(0, 0, 0, 0.9) 100%);*/

    /*    z-index: 1;*/
    /*}*/

    /*.custom-img-banner-content-2 {*/
    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/

    /*.self-img-banner-content-2::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    bottom: 0;*/
    /*    box-shadow:*/
    /*        30px 0 30px -10px rgba(0, 0, 0, 0.1),*/
    /*        60px 0 30px -10px rgba(0, 0, 0, 0.3),*/
    /*        90px 0 40px -10px rgba(0, 0, 0, 0.5);*/

    /*    z-index: 1;*/
    /*    overflow: visible;*/
    /*}*/

    /*.self-img-banner-content-2 {*/
    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/





    /*@media (max-width:769px) {*/
    /*    .banner-img-container {*/
    /*        flex-direction: column-reverse;*/
    /*        border-radius: 10px;*/
    /*        overflow: hidden;*/
    /*    }*/

    /*    .custom-img-container {*/
    /*        width: 100%;*/
    /*        height: 316px;*/
    /*        overflow: visible;*/
    /*    }*/

    /*    .self-img-banner-content {*/
    /*        width: 100%;*/
    /*        box-shadow: none;*/
    /*        background: none;*/
    /*    }*/

    /*    .self-banner-text {*/
    /*        display: none;*/
    /*    }*/

    /*    .self-banner-heading {*/
    /*        text-align: center !important;*/
    /*        z-index: 1;*/
    /*    }*/

    /*    .self-img-banner-content::before {*/
    /*        box-shadow: none;*/
    /*        background: linear-gradient(to right,*/
    /*                rgba(0, 0, 0, 0.1) 0%,*/
    /*                rgba(0, 0, 0, 0.2) 25%,*/
    /*                rgba(0, 0, 0, 0.6) 70%,*/
    /*                rgba(0, 0, 0, 0.9) 100%);*/

    /*        z-index: 1;*/
    /*    }*/

    /*}*/

    /*@media (max-width:769px) {*/
    /*    .card {*/
    /*        margin-bottom: 1px;*/
    /*    }*/

    /*    .banner-img-container {*/
    /*        flex-direction: column-reverse;*/
    /*        border-radius: 10px;*/
    /*    }*/

    /*    .custom-img-container-2 {*/
    /*        width: 100%;*/
    /*        height: 316px;*/
    /*        overflow: visible;*/
    /*    }*/

    /*    .self-img-banner-content-2 {*/
    /*        width: 100%;*/
    /*        box-shadow: none;*/
    /*        background: none;*/
    /*    }*/

    /*    .self-banner-text {*/
    /*        display: none;*/
    /*    }*/

    /*    .self-banner-heading {*/
    /*        text-align: center !important;*/
    /*        z-index: 1;*/
    /*    }*/

    /*    .self-img-banner-content-2::before {*/
    /*        box-shadow: none;*/
    /*        z-index: 1;*/
    /*    }*/

    /*    .custom-img-container-2::before {*/

    /*        bottom: -170px;*/

    /*    }*/
    /*}*/

    /*@media (max-width:450px) {*/
    /*    .self-desktop-view {*/
    /*        display: none !important;*/
    /*    }*/

    /*    .custom-img-container {*/
    /*        height: 401px;*/
    /*    }*/

    /*    .banner-image {*/
    /*        position: absolute;*/
    /*        scale: 1.5;*/
    /*        height: 238px;*/
    /*        top: 33%;*/
    /*        left: 24%;*/
    /*    }*/

    /*    .self-banner-heading {*/
    /*        padding-bottom: 2rem;*/
    /*        padding-left: 0rem;*/
    /*    }*/

    /*    .banner-img-container {*/
    /*        height: 370px;*/
    /*    }*/

    /*    .self-product-img {*/
    /*        height: 390px;*/
    /*    }*/
    /*}*/

    /*@media (min-width:451px) {*/

    /*    .self-phone-view {*/
    /*        display: none !important;*/
    /*    }*/
    /*}*/

/* ===== inline block from category page ===== */
.pagination-list{
    margin-top: 0px; 
    margin-bottom: 0rem;
    text-align: right;
    padding-top: 0px;
    border-top: none;
    }
    .self-pagination{
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .pagination-info{
        width: 38%;
    }
    .pagination-list{
        width: 62%;
        display: flex;
    }
    .pagination-list li{
        margin-left: 0.1rem;
    }
.pagination-item:first-child[aria-disabled="true"] {
    opacity: 0.3;
    pointer-events: none; 
    cursor: default;
}

@media (max-width:451px) {
    .self-pagination{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 3rem;

    }
    .pagination-list{
        width: 100%;
        display: flex;
          padding-top: 30px;
       border-top: 1px solid #E6E6E6;
       justify-content: center;
    }
    .pagination-info {
    width: 100%;
    text-align: center;
}
.justify-center{
    display: flex ;
    justify-content: center !important;
}
    
}
@media (max-width:450px) {
    .pagination-item .pagination-link{
        height: 38px;
        width: 37px;
        line-height: 100%;
    }
    .pagination-item.pagination-item--previous .pagination-link, .pagination-item.pagination-item--next .pagination-link {
        padding: 6px;
    }
    
}

/* ===== inline block from category page ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body .card-ellipsis {
    -webkit-line-clamp: 2;
}
body .card-title.card-ellipsis > a {
    -webkit-line-clamp: 2;
    height: 56px;
}
.pro-guide-faq-sect .faq-section {
    max-width: 1000px;
    margin: auto;
    text-align: left;
    padding-top: 100px;
    margin-bottom: 80px;
}
.pro-guide-faq-sect .faq-section .faq-title {
    text-align: center;
    font-size: 32px;
    font-weight: 900;
    color: #EF3826;
    margin-bottom: 26px;
    font-family: sans-serif;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item {
    border-bottom: 1px solid #B2B2B2;
    padding: 14px 0;
    cursor: pointer;
    align-content: center;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-question {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-question span.icon {
    width: 30px;
    transition: 0.3s;
    min-width: 30px;
    display: flex;
    justify-content: center;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-question span.icon img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item.open .faq-question span.icon img {
    transform: rotate(180deg);
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item.open .faq-answer {
    display: block;
    max-height: 100% !important;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    font-size: 18px;
    margin-top: 8px;
    color: #808080;
    line-height: 1.5;
    display: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.pro-guide-faq-sect .faq-section #view-more {
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #EF3826;
    cursor: pointer;
    font-family: sans-serif;
    text-decoration: underline;
}
.category_help_center .help-battery-btn {
    margin-bottom: 40px;
    padding: 12px 24px;
    width: fit-content;
    color: #EC3B26;
    border-color: #EC3B26;
    margin-top: 0px;
    letter-spacing: 0.8px;
}

.category_help_center .help-btn-container {
    justify-content: center;
}
.card-figure .custom-card-title span.v-tag {
    color: #EF3826;
    font-weight: 700;
}
.card-figure span.price.price--non-sale {
    color: #787878;
    font-family: 'helvetic-regular';
    font-weight: 500;
}
.card-figure .custom-card-title span.v-tag img {
    width: auto;
    height: auto;
    object-fit: contain;
    margin-top: -2px;
}
body .card [data-test-info-type="brandName"] {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 30px;
    font-size: 20px !important;
}
body .pagination-list {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px;
    justify-content: center;
}
body .self-pagination {
    justify-content: space-between;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    width: 100%;
    flex-direction: column-reverse;
}
.pagination-info {
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 1600px) {
body .card [data-test-info-type="brandName"] {
    font-size: 18px !important;
}
}
@media (max-width: 1400px) {
body .card-title.card-ellipsis > a {
    height: 80px;
} 
   }
@media screen and (max-width: 991px) {
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-question {
    font-size: 16px;
} 
body .card [data-test-info-type="brandName"] {
    -webkit-line-clamp: 2;
    height: 58px;
}
.pro-guide-faq-sect .faq-section .faq-list .faq-item .faq-answer {
    font-size: 16px;
}
.pro-guide-faq-sect .faq-section #view-more {
    margin-top: 20px;
    font-size: 16px;
}
.pro-guide-faq-sect .faq-section .faq-title {
    font-size: 20px;
    margin-bottom: 20px;
}
.pro-guide-faq-sect .faq-section {
    margin-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
body .pagination-list {
    padding-top: 14px;
}
body .self-category .self-pagination {
    flex-direction: column;
}
body .category_help_center .help-battery-btn {
    margin-bottom: 20px;
    padding: 12px 24px;
    width: 100%;
    font-size: 18px;
    
}
body .card-title.card-ellipsis > a {
    font-size: 16px;
}
body .card [data-test-info-type="brandName"] {
    line-height: 25px;
    font-size: 16px !important;
    height: 50px;
}
.pro-guide-faq-sect .faq-section {
    margin-left: 10px;
    margin-right: 10px;
}
body .self-category .self-pagination {
    gap: 1rem;
}
}

/* ===== inline block from category page ===== */
.categoryHeader .categoryHeader__content {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(to bottom, #000000, #450000);
    padding: 25px 15px;
}
.categoryHeader .categoryHeader__content nav.self-view-on-lg.self-Breadcrumb {
    justify-content: center;
}
.categoryHeader .categoryHeader__content nav.self-view-on-lg.self-Breadcrumb .breadcrumb {
    margin-right: 0% !important;
    margin: 0;
    padding: 0;
}
.categoryHeader .categoryHeader__content nav.self-view-on-lg.self-Breadcrumb ol.breadcrumbs {
    margin: 0;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner {
    max-width: 100%;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h2 {
    color: #fff;
    margin: 0;
    padding: 4px;
    text-transform: uppercase;
    font-family: 'helvetic-regular';
    line-height: normal;
    font-weight: 400;
    letter-spacing: 1px;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h1.page-heading.self-page-heading {
      color: #EF3826;
    font-family: 'helvetic-regular';
    font-weight: 400;
    margin: 0px;
    font-size: 50px;
    text-transform: uppercase;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h1.page-heading.self-page-heading p {
    color: #EF3826;
    font-family: 'helvetic-regular';
    font-weight: 400;
    margin: 0px;
    font-size: 50px;
    text-transform: uppercase;
}
/*-----------*/
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h1.page-heading.self-page-heading[style*="fff"] p {
    color: #fff !important;
    opacity: initial;
}
/*-----------*/
.categoryHeader .categoryHeader__content .cus-cat-banner .banner p {
    margin: 0;
    color: #fff;
    opacity: 70%;
    font-family: 'helvetic-regular';
    font-size: 18px;
    line-height: normal;
    margin-top: 6px;
}
    /*@media (min-width : 769px) {*/
    /*    .categoryHeader{*/
    /*       padding: 0 15px;*/
    /*    }  */
    /*}*/
    /*  @media (min-width : 1280px) {*/
    /*    .categoryHeader{*/
    /*       padding: 0 75px;*/
    /*    }  */
    /*}*/
  
    .self-flex-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
    }

    .self-main-text{
       padding: 25px 1px 50px 40px ;
    
    }

    .self-main-text {
        flex: 1 1 45%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .self-bg-img-container {
        flex: 0 1 52%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        overflow: hidden;
        border-radius: 15px;
    
    }

    .self-bg-img {
        width: 100%;
        height: 270px;
        object-fit: cover;
    }

    /*.self-categoryHeader__content{*/
    /*    display: flex !important;*/
    /*    flex-direction: column !important;*/
    /*    justify-content: space-between !important;*/
    /*    align-items: flex-start !important;*/
    /*    flex-wrap: nowrap !important;*/
    /*    background-color: #050505;*/
    /*    border-radius: 15px;*/
    /*}*/
    .self-category-page-heading{
        font-size: 40px !important;
        font-weight: 500 !important;
        font-family: 'vox' !important;
        color: #FFFFFF !important;
        text-transform: none !important;
        line-height: 45px ;
        letter-spacing: 0px;
        margin-top: 20px;
        display: flex;
    }
    .permormance-text{
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
     .permormance-text p{
        margin-bottom: 0;
        font-size: 18px;
    }
    .permormance-text img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
.self-performance-container {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    background-color: #050505;
    padding: 12px 0;
}
@media (max-width:787px) {
   .categoryHeader .categoryHeader__content nav.self-view-on-lg.self-Breadcrumb ol.breadcrumbs {
    margin-bottom: 0 !important;
}
.categoryHeader .categoryHeader__content .breadcrumb > .breadcrumb-label {
    font-size: 10px;
}
.categoryHeader .categoryHeader__content nav.self-view-on-lg.self-Breadcrumb  li {
    font-size: 10px !important;
}
.categoryHeader .categoryHeader__content {
    padding: 10px 15px;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h2 {
    font-size: 20px;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h1.page-heading.self-page-heading {
    font-size: 26px;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner h1.page-heading.self-page-heading p{
    font-size: 26px;
}
.categoryHeader .categoryHeader__content .cus-cat-banner .banner p {
    font-size: 14px;
}
.self-performance-container {
    gap: 18px !important;
    padding: 10px 20px;
    justify-content: center;
}
.permormance-text img {
    width: 24px;
    height: 24px;
}
.permormance-text p {
    font-size: 10px !important;
}
.permormance-text {
    gap: 2px;
        width: 33.33%;
}
}
    @media (max-width:786px) {
        .self-bg-img-container {
            flex: 0 1 100%;
        }
    }
    
    @media(max-width:450px) {
        .self-categoryHeader__content{
            border-radius: 0px;
        }
        .self-bg-img-container {
            display: none;
        }
        
        .self-main-text{
            padding: 15px 1px 25px 5px;
        }
        
        .self-category-page-heading{
            font-size: 27px !important;
            justify-content: center;
            margin-top: 0;
            margin-bottom: 20px;
        }
        
        .permormance-text p{
            font-size: 12px;
            text-align: start;
        }
        
        .self-main-text {
            gap: 5px;
        }
    }
    
    @media (max-width:385px) {
            .self-performance-container{
            gap: 18px;
    
        }
        .permormance-text p{
            font-size: 11px;
        }
    }
    
    .card-best-price{
        display: none;
    }
     /* .justify-center{
    display: flex ;
    justify-content: center !important;
} */