/* Global font css start */

@font-face {
    font-family: 'Merriweather-SemiBold';
    src: url('../fonts/MerriweatherSans-SemiBold.eot');
    src: url('../fonts/MerriweatherSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-SemiBold.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-SemiBold.woff') format('woff'),
        url('../fonts/MerriweatherSans-SemiBold.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-SemiBold.svg#MerriweatherSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/MerriweatherSans-Regular.eot');
    src: url('../fonts/MerriweatherSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-Regular.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-Regular.woff') format('woff'),
        url('../fonts/MerriweatherSans-Regular.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-Regular.svg#MerriweatherSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Bold';
    src: url('../fonts/MerriweatherSans-Bold.eot');
    src: url('../fonts/MerriweatherSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-Bold.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-Bold.woff') format('woff'),
        url('../fonts/MerriweatherSans-Bold.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-Bold.svg#MerriweatherSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Medium';
    src: url('../fonts/MerriweatherSans-Medium.eot');
    src: url('../fonts/MerriweatherSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-Medium.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-Medium.woff') format('woff'),
        url('../fonts/MerriweatherSans-Medium.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-Medium.svg#MerriweatherSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-Light';
    src: url('../fonts/MerriweatherSans-Light.eot');
    src: url('../fonts/MerriweatherSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-Light.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-Light.woff') format('woff'),
        url('../fonts/MerriweatherSans-Light.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-Light.svg#MerriweatherSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather-ExtraBold';
    src: url('../fonts/MerriweatherSans-ExtraBold.eot');
    src: url('../fonts/MerriweatherSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MerriweatherSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/MerriweatherSans-ExtraBold.woff') format('woff'),
        url('../fonts/MerriweatherSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/MerriweatherSans-ExtraBold.svg#MerriweatherSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* Global font css end */

body h3,
body h4,
body h2,
body h1 {
    font-family: var(--Merriweather-Bold) !important;

}

body,
body p {
    font-family: var(--Merriweather) !important;
    font-size: var(--font-14) !important;
}
body a{
    transition: 0.5s;
}

body a:hover {
    text-decoration: none !important;
    color: var(--Yellow);
    transition: 0.5s;
}

/*global css var*/
:root {

--Merriweather: "Merriweather";
    --Merriweather-Bold: "Merriweather-Bold";
    --Merriweather-Medium: "Merriweather-Medium";
    --Merriweather-Light:"Merriweather-Light";
    --Red:#FF0000;
    --Darkred:#c60000;
    --oraing:#FF5501;
    --Bluecolor:#03579d;
    --Black: #0a0909;
    --Yellow: #f7bf12;
    --Darkgray: #30434a;
    --White: #fff;
    --Bodycolor:#9ca3af;
    --Gray:#f3f3f3;
    --font-14: 14px;
    --font-16: 16px;
    --font-24: 24px;
    --font-18: 18px;
    --font-48: 48px;
    --font-40 :40px
    --font-20: 20px;
    --font-30: 30px;    
}

@media screen and (min-width: 1200px) {
    :root { 
    --font-24: 24px;
    --font-18: 18px;
    --font-48: 48px;
    --font-20: 20px;
    --font-30: 30px; 
    --font-40 :40px   
    }
  }

  @media screen and (max-width: 1200px) {
    :root { 
    --font-24: 22px;
    --font-18: 18px;
    --font-48: 40px;
    --font-20: 20px;
    --font-30: 26px;   
    --font-40 :36px 
    }
  }


  @media screen and (max-width: 1024px) {
    :root { 
    --font-24: 20px;
    --font-18: 17px;
    --font-48: 36px;
    --font-20: 18px;
    --font-30: 24px;  
    --font-40 :30px  
    }
  }

  @media screen and (max-width: 1024px) {
    :root { 
    --font-24: 20px;
    --font-18: 17px;
    --font-48: 32px;
    --font-20: 18px;
    --font-30: 22px;    
    }
  }


  body input[type=checkbox]:focus, body input:focus {
    box-shadow: none !important;
    border-color: var(--Yellow);
}


.field.choice {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
  }

.field.choice input{
    margin-top: 0px;

  }



/*global css var End*/

/* site container css */
header.page-header .panel.header {
    max-width: 100% !important;
}

body .container {
    max-width: 1300px;
}

body .header.content {
    max-width: 1300px;
    padding: 15px;
}

body.cms-home main#maincontent, body.cms-sell-equipment main#maincontent, .cms-returns main#maincontent, .cms-shipping-information main#maincontent, .cms-terms-conditions main#maincontent, .cms-privacy-policy main#maincontent, .htmlsitemap-index-index main#maincontent, .faq-index-index main#maincontent {
    max-width: 100% !important;
    padding: 0px !important;
}

.htmlsitemap-index-index main#maincontent .columns, .faq-index-index main#maincontent .columns {
    max-width: 1330px;
    display: block;
    margin: auto;
    padding: 0px 15px;
}

body:not(.cms-home) main#maincontent {
    max-width: 1330px;
    padding: 0px 15px;
}

footer.page-footer .footer.content {
    max-width: 1330px !important;
    padding: 0px 0px !important;
}

.cms-home .column.main {
    padding-bottom: 0px;
}



/* site container css */


/* site Header css start */

section.header-top-bar {
    background: var(--Gray);
    padding: 10px 0px;
}

header.page-header .panel.header {
    padding: 0;
}

section.header-top-bar .row {
    align-items: center;
}

section.header-top-bar p.phone-bar {
    margin: 0;
    text-align: right !important;
    color: var(--White);
    font-family: var(--Merriweather-Medium);
}
section.header-top-bar .shipping-bar a {
    color: var(--Black);
    margin: 0px;
    display: inline-flex;
    text-decoration: underline;
}
section.header-top-bar .shipping-bar a:hover{
border-color: var(--Yellow);
color:var(--yellow);
}
section.header-top-bar p.phone-bar a {
    color: var(--White);
    font-size: 13px;
    transition: 0.5s;
}
section.header-top-bar p.phone-bar a:hover{
    text-decoration: underline !important;
    transition: 0.5s;
}
section.header-top-bar p.phone-bar span {
    padding-right: 5px;
}



section.header-top-bar p.phone-bar a:hover{
    color: var(--Yellow);
}


section.header-top-bar .shipping-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section.header-top-bar .shipping-bar p {
    margin: 0px;
    font-size: 13px !important;
    margin: auto;
    color: var(--Black);

}

.page-header .panel.wrapper {
    border: none !important;
}

section.header-top-bar .shipping-bar p span {
    color: var(--Yellow);
    padding: 0px 5px;
}

section.header-top-bar .shipping-bar i {
    margin-right: 1rem;
    color: var(--White);
    font-size: var(--font-18);
}

.sections.nav-sections, .sections.nav-sections nav.navigation {
    background: var(--Darkgray);
}

.sections.nav-sections nav.navigation ul {
    text-align: center;
}

.sections.nav-sections nav.navigation ul li a {
    color: var(--White);
    transition: 0.5s;
    font-size: var(--font-14);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium) !important;
    font-weight: 500;
}

.sections.nav-sections nav.navigation ul li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}
body .header.content ul.login-support-list li a span.up-down-arrow.open {
    width: 15px;
    position: relative;
}

body .header.content ul.login-support-list li a span.up-down-arrow.open:before {
    content: "\f106";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    color: var(--Darkgray);
    top: -8px;
    position: absolute;
    transition: .5s;
    right: -4px;
    transform: rotate(180deg);
    line-height: normal;
}

body .header.content ul.login-support-list li a:hover span.up-down-arrow.open:before {
    color: var(--yellow);
    transition: 0.5s;
}
body .header.content ul.login-support-list li a span.up-down-arrow.open.close:before {
    transform: rotate(360deg);
    transition:0.5s;
}
body .header.content a.logo {
    margin: 0;
}

body .header.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

body .header.content .block.block-search {
    order: 2;
}

body .header.content ul.login-support-list {
    order: 3;
}

body .header.content .minicart-wrapper {
    order: 4;
}

body .header.content .minicart-wrapper.miniquote {
    order: 5;
}

body .header.content a.logo {
    width: 20%;
}

body .header.content a.logo img {
    width: 100%;
    max-width: 200px;
}

body .header.content ul.login-support-list {
    margin: 0;
    width: 220px;
    padding: 5px;
    text-align: right;
}

body .header.content ul.login-support-list li a {
    color: var(--Darkgray);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
}

body .header.content ul.login-support-list li a:hover {
    color: #fb8b20;
}

body .header.content ul.login-support-list li a img {
    margin-right: 5px;
}

body .header.content ul.login-support-list li {
    margin: 0;
    list-style: none;
}

body .header.content ul.login-support-list li a img {
    max-width: 18px;
    width: 100%;
    fill: var(--Darkgray);
    filter: invert(0%) sepia(0%) saturate(2733%) hue-rotate(346deg) brightness(0%) contrast(0%);
}

body .header.content .minicart-wrapper {
    margin: 0;
    width: 50px;
    padding: 5px;
    text-align: right;
}

body .header.content .minicart-wrapper a.action.wk_showquote span.qty {
    background: var(--Darkgray);
    height: 17px;
    width: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -16px;
    right: -12px;
    font-size: 10px;
    border-radius: 100px;
    box-shadow: 0px 0px 3px #939393;
}

body .header.content .minicart-wrapper a.action.wk_showquote {
    position: relative;
    top: 2px;
}

body .header.content .minicart-wrapper a.action.wk_showquote span i, body .header.content .minicart-wrapper a.action.wk_showquote span em {
    font-size: 20px;
    color: var(--Darkgray);
}

body .header.content .minicart-wrapper a.action.wk_showquote span i:hover, body .header.content .minicart-wrapper a.action.wk_showquote span em:hover {
    color: #fb8b20;
}

body .header.content .minicart-wrapper span.counter.qty {
    background: var(--Darkgray);
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 10px;
    border-radius: 100px;
    box-shadow: 0px 0px 3px #939393;
}

body .header.content .minicart-wrapper a.action.showcart {
    position: relative;
}

body .header.content .minicart-wrapper a.action.showcart:before {
    content: "\f07a";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    color: var(--Darkgray);
    bottom: -1px;
    position: relative;
    transition: .5s;
}

body .header.content ul.login-support-list li a:hover img, body .header.content .minicart-wrapper a.action.wk_showquote:hover img {
    fill: var(--Darkgray);
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

body .header.content .minicart-wrapper a.action.showcart:hover::before {
    color: #fb8b20;
    transition: 0.5s;
}

body .header.content .block.block-search {
    width: calc(80% - 330px);
    margin: 0px 5px;
}


body .header.content .block.block-search input#search {
    height: 40px;
    border-radius: 4px;
    border-color: var(--Darkgray);
}

body .header.content .block.block-search .actions button.action.search {
    right: 0;
    color: var(--Darkgray);
    padding: 4px 12px;
    opacity: 1;
    border-radius: 0px;
    transition: 0.5s;
}

body .header.content .block.block-search .actions button.action.search:before {
    color: var(--Darkgray);
}

body .header.content .block.block-search .actions button.action.search:hover {
    background: var(--yellow);
    transition: 0.5s;
}

body .header.content .block.block-search form#search_mini_form {
    position: relative;
    max-width: 100%;
}

body .header.content ul.login-support-list ul#customer-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #e8e9eb;
    position: absolute;
    top: -9px;
    right: -1px;
    z-index: 9999;
    transform: rotate(180deg);
}

body .header.content ul.login-support-list ul#customer-menu {
    position: absolute;
    z-index: 999;
    background: var(--white);
    padding: 0px;
    max-width: 160px;
    min-width: 160px;
    box-shadow: 0px 1px 10px #90909030;
    top: 70px;
    right: 115px;
}

body .header.content ul.login-support-list ul#customer-menu li:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

body .header.content {
    position: relative;
}

body .header.content ul.login-support-list ul#customer-menu li {
    text-align: left;
    border-bottom: solid 1px var(--gray);
    transition: 0.5s;
}

body .header.content ul.login-support-list ul#customer-menu li a {
    font-family: var(--Merriweather);
}

body .header.content ul.login-support-list ul#customer-menu li a {
    padding: 10px 12px;
    display: block;
    transition: 0.5s;
    color: var(--Black);
    font-size: 12px;
}

body .header.content ul.login-support-list ul#customer-menu li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

body .header.content ul.login-support-list ul#customer-menu li:last-child {
    border: none;
}

body .header.content span.action.nav-toggle:before {
    color: var(--Darkgray);
}

body .header.content span.action.nav-toggle:hover::before {
    color: var(--Yellow);
}


.sections.nav-sections .nav-sections-item-content nav.navigation li ul li a {
    color: var(--Darkgray);
    text-align: left;
    padding: 10px;
}

.sections.nav-sections .nav-sections-item-content nav.navigation li ul li {
    padding: 0px;
    max-width: 200px;
}

body .header.content .minicart-wrapper button#btn-minicart-close, body .header.content .minicart-wrapper .block-minicart button#btn-miniquote-close {
    padding: 5px;
    background: transparent !important;
    color: var(--Darkgray) !important;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    transition: 0.5s;
    border: none !important;
}

body .header.content .minicart-wrapper button#btn-minicart-close:before, body .header.content .minicart-wrapper .block-minicart button#btn-miniquote-close:before {
   font-weight: 700;
    font-size: 14px;
}

body .header.content .minicart-wrapper button#btn-minicart-close:hover {
    background: transparent !important;
    transition: 0.5s;
    color: var(--Yellow);
}
body .header.content .minicart-wrapper .block-minicart strong.subtitle.empty {
    text-align: center;
    font-weight: 200;
    font-size: 13px;
    padding: 10px 30px;
    color: #dc2626;
}

body .header.content .minicart-wrapper .block-minicart {
    border: none;
    padding: 40px 10px 10px;
    right: 0;
    box-shadow: 1px -1px 50px -12px #00000040;
    max-width: 300px;
    border-radius: 5px;
}

body .header.content .minicart-wrapper .block-minicart button#top-cart-btn-checkout, body .header.content .minicart-wrapper .actions a.action.viewcart {
    background: var(--Bluecolor);
    padding: 10px 25px;
    border-radius: 5px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-14);
    text-transform: uppercase;
    border: none;
    margin: auto;
}

body .header.content .minicart-wrapper .block-minicart .subtotal .amount span.price {
    font-size: var(--font-16);
    color: var(--Darkred);
    font-family: 'Roboto', sans-serif;
}

body .header.content .minicart-wrapper .minicart-items .product-item-details strong.product-item-name a {
    font-size: 12px;
    color: var(--darkgray);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}

body .header.content .minicart-wrapper .minicart-items li.product.product-item {
    padding: 10px 0px;
    border: none;
    box-shadow: 0 0 5px #bfbdbd;
    border-radius: 5px;
    margin-bottom: 7px;
}

body .header.content .minicart-wrapper .minicart-items-wrapper {
    margin: 0px -10px;
    padding: 12px;
}
body .header.content .minicart-wrapper .minicart-items .product-item-details strong.product-item-name a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}


body .header.content .minicart-wrapper .block-minicart button#top-cart-btn-checkout:focus, body .header.content .minicart-wrapper .actions a.action.viewcart:focus {
    outline: none;
}

body .header.content .minicart-wrapper .block-minicart button#top-cart-btn-checkout:hover, body .header.content .minicart-wrapper .actions a.action.viewcart:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

body .header.content .minicart-wrapper .minicart-items .product-item-details {
    padding-right: 15px;
}



body .header.content .minicart-wrapper .minicart-items .product-item-details button {
    background: var(--Yellow);
    border: none;
    color: var(--White);
    padding: 8px;
}

body .header.content .minicart-wrapper .minicart-items .product-item-details button:hover {
    background: #c89700;
}

body .header.content .minicart-wrapper .minicart-items .product-item-details button:focus {
    outline: none;
}


body .header.content .minicart-wrapper .minicart-items .product-item-details .product.actions {
    margin: 0;
    padding-top: 8px
}


.modal-inner-wrap {
    border-radius: 5px;
}

.modal-inner-wrap header.modal-header button.action-close {
    padding: 10px;
    background: var(--Bluecolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    border-radius: 0px 5px 0px 0px;
}

.modal-inner-wrap header.modal-header button.action-close:before {
    color: var(--white);
}

.modal-inner-wrap header.modal-header button.action-close:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.modal-inner-wrap .modal-content {
    border: none;
    padding: 20px 14px;
    margin-top: 14px;
}

.modal-inner-wrap header.modal-header {
    border: none;
}

.modal-inner-wrap footer.modal-footer {
    border: none;
    padding: 10px;
}

.modal-inner-wrap footer.modal-footer button {
    background: var(--Yellow);
    border: none;
    color: var(--white);
    border-radius: 5px;
    transition: 0.5s;
    padding: 8px 12px;
}

.modal-inner-wrap footer.modal-footer button:hover {
    background: #c89700;
    transition: 0.5s;
}

.modal-inner-wrap footer.modal-footer button.action-dismiss {
    background: var(--Darkgray);
}

.modal-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.sections.nav-sections nav.navigation>ul>li.level0.parent {
    position: unset;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup {
    width: 100%;
    max-width: 1180px;
    box-shadow: 0 4px 10px #979797;
    top: 50px;
}



.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter a.ambrands-letter {
    background: var(--white);
    color: var(--darkgray);
    font-size: var(--font-14);
}


.sections.nav-sections nav.navigation>ul>li.level0.parent {
    position: unset;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup {
    width: 100%;
    max-width: 1180px;
    box-shadow: 0 4px 10px #979797;
    top: 47px;
    right: 0;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter {
    padding: 10px;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter button {
    margin: 0 4px 12px !important;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter a.ambrands-letter {
    background: var(--white);
    color: var(--darkgray);
    font-size: var(--font-14);
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items section.ambrands-letters-list h3.ambrands-title {
    font-size: var(--font-24);
    color: var(--darkgray);
}


.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items section.ambrands-letters-list .ambrands-brand-item span.ambrands-label {
    color: var(--Darkgray);
    font-size: 12px;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items section.ambrands-letters-list .ambrands-brand-item span.ambrands-image-block {
    line-height: normal;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter, body .header.content .minicart-wrapper .minicart-items-wrapper {
    scrollbar-width: auto;
    scrollbar-color: #959595 #c0c0c0;
}

/* Chrome, Edge, and Safari */
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items::-webkit-scrollbar,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter::-webkit-scrollbar, body .header.content .minicart-wrapper .minicart-items-wrapper::-webkit-scrollbar {
    width: 5px;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items::-webkit-scrollbar-track,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter::-webkit-scrollbar-track,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter::-webkit-scrollbar-track-piece,  body .header.content .minicart-wrapper .minicart-items-wrapper::-webkit-scrollbar-track {
    background: #e0f9d6;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items::-webkit-scrollbar-thumb,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter::-webkit-scrollbar-thumb,
.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-letters-filter::-webkit-scrollbar-thumb:vertical,  body .header.content .minicart-wrapper .minicart-items-wrapper::-webkit-scrollbar-thumb {
    background-color: #fad154;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items section.ambrands-letters-list span.ambrands-empty {
    line-height: normal;
}

.sections.nav-sections nav.navigation>ul>li .ambrands-list-popup .ambrands-list-container .ambrands-popup-items section.ambrands-letters-list .ambrands-brand-item:hover a {
    border-color: var(--Yellow) !important;
}


.sections.nav-sections nav.navigation>ul>li.active>a, .sections.nav-sections nav.navigation>ul>li.has-active>a {
    color: var(--Yellow);
    border: none;
}

.sections.nav-sections nav.navigation>ul>li.has-active ul li.active a {
    border-color: var(--Yellow);
}

.sections.nav-sections nav.navigation>ul>li.has-active ul li.has-active>a {
    border-color: var(--yellow) !important;
    border-left: solid;
}

.cms-home .page.messages {
    margin: 0px;
}








@media screen and (min-width: 768px) {
    .sections.nav-sections nav.navigation>ul {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
    }

    section.trending-items-slider-sec a.view-all-products {
        position: absolute;
        right: 20px;
        z-index: 2;
    }
    
    .sections.nav-sections nav.navigation>ul>li {
        margin: 0px 30px !important;
    }
    
    .sections.nav-sections nav.navigation>ul>li a {
        line-height: normal;
    }

    .sections.nav-sections nav.navigation>ul>li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .blog-page .column.main {
        padding-right: 15px;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 767px) {
    .sections.nav-sections nav.navigation>ul>li {
        margin: 0px 2vw !important;
    }

}


@media screen and (max-width: 768px) {
    body .header.content span.action.nav-toggle {
        width: calc(10% - 0px);
        position: unset;
    }

    body .header.content a.logo {
        width: calc(90% - 200px);
    }

    body .header.content .block.block-search {
        margin: 0;
        width: 0px !important;
        padding: 0;
        text-align: right;
    }
    body .header.content .block.block-search label.label {
        opacity: 0;
    }

    body .header.content .block.block-search .control {
        border: none;
    }

    body .header.content .block.block-search label.label {
        margin: 0;
    }

    body .header.content .block.block-search .label:before {
        margin: 0;
        font-size: 20px;
        color: var(--yellow);
        bottom: -1px;
        position: relative;
        transition: 0.5s;
    }

    body .header.content .block.block-search .label:hover::before {
        color: var(--Darkgray);
        transition: 0.5s;
    }

    body .header.content .block.block-search form#search_mini_form input#search {
        left: 25px;
        margin: 15px 10px;
        width: calc(100% - 60px);
        height: 35px;
        font-size: 13px;
        bottom: -8px;
    }

    body .header.content {
        padding-bottom: 50px;
    }

    body .header.content .block.block-search form#search_mini_form.active input#search {
        opacity: 1;
        position: absolute;
        z-index: 999;
        margin-right: 15px;
    }

    .search-autocomplete {
        top: 120px;
        left: 34px;
        width: calc(100% - 60px) !important;
    }

    body .header.content {
        justify-content: space-between;
    }

    body .header.content .block.block-search form#search_mini_form {
        position: unset;
    }
    body .header.content span.action.nav-toggle:before {
        color: var(--Darkgray);
    }
    
    body .header.content span.action.nav-toggle:hover::before {
        color: var(--Yellow);
    }
    
    .sections.nav-sections .section-item-title {
        width: 50%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        border-bottom: solid 1px #ffff;
        background: var(--white);
    }
    
    .sections.nav-sections .section-item-title a {
        color: var(--Black);
    }
    
    .sections.nav-sections .section-item-title.active {
        background: var(--Yellow);
    }
    
    .sections.nav-sections .section-item-title.active a {
        color: var(--White);
    }
    .sections.nav-sections nav.navigation ul {
        text-align: left;
    }

   /* body .header.content .minicart-wrapper.miniquote {
        display: none;
    }*/
}

/* site Header css end */

/* site Footer css Start */

footer.page-footer .footer.content .block.newsletter {
    float: none;
    width: 100%;
}

footer.page-footer {
    background: var(--Darkgray);
    padding: 50px 0px;
    border-bottom: solid 1px var(--white);
}

footer.page-footer .footer.content .block.newsletter {
    float: none;
    width: 100%;
}

footer.page-footer {
    background: var(--Darkgray);
    padding: 50px 0px;
    padding-top: 0px !important;
    border-bottom: solid 1px var(--white);
}

footer.page-footer .footer-style img.footer-logo {
    width: 100%;
    max-width: 180px;
    margin-bottom: 10px;
}

footer.page-footer .footer-style p {
    padding: 10px 0px;
    color: var(--White);
    margin-bottom: 0px;
}

footer.page-footer .footer-style ul.call-emai {
    padding: 0px;
    margin-bottom: 0px;
}

footer.page-footer .footer-style ul.call-emai li {
    padding: 6px 0px;
}

footer.page-footer .footer-style ul.call-emai li a {
    color: var(--white);
}

footer.page-footer .footer-style ul.call-emai li a em {
    font-size: var(--font-16);
    padding-right: 10px;
}

footer.page-footer .footer-style ul.call-emai li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

footer.page-footer .footer-style ul.social-links {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

footer.page-footer .footer-style ul.social-links li {
    padding: 10px 20px 10px 0px;
}

footer.page-footer .footer-style ul.social-links li a em, footer.page-footer .footer-style ul.social-links li a i {
    color: var(--white);
    font-size: var(--font-16);
}

footer.page-footer .footer-style ul.social-links li a:hover em, footer.page-footer .footer-style ul.social-links li a:hover i {
    color: var(--Yellow);
    transition: 0.5s;
}


footer.page-footer .footer-style .menu-links h3 {
    font-size: var(--font-20);
    text-transform: uppercase;
    color: var(--Yellow);
    padding-bottom: 12px;
    margin: 0;
}

footer.page-footer .footer-style .menu-links ul.menu-list {
    margin: 0;
    padding: 0;
}

footer.page-footer .footer-style .menu-links ul.menu-list li {
    padding: 5px 0px;
}

footer.page-footer .footer-style .menu-links ul.menu-list li a {
    font-size: var(--font-14);
    color: var(--white);
}

footer.page-footer .footer-style .menu-links ul.menu-list li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

.copy-right-bar {
    background: var(--Black);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
}

.copy-right-bar small.copyright {
    background: transparent;
    color: var(--white);
    text-align: left;
    padding: 10px 0px;
}

.copy-right-bar small.copyright span {
    text-align: left;
    background: transparent !important;
    font-size: var(--font-14);
}

.copy-right-bar img.Payments {
    float: right;
}

.copy-right-bar .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
}

footer.page-footer section.connect-with-sec {
    padding: 20px 0px 10px;
    border-bottom: solid 1px var(--Gray);
}

footer.page-footer section.connect-with-sec .connect-with-style h3 {
    font-size: var(--font-14);
    color: var(--White);
    text-transform: uppercase;
    position: relative;
}

footer.page-footer section.connect-with-sec .connect-with-style p {
    color: var(--white);
}

footer.page-footer section.connect-with-sec .connect-with-style .col-xl-12>.subscribe {
    max-width: 310px;
    display: block;
    margin: auto;
    padding: 0px 10px;
    margin-bottom: 10px !important;
}

footer.page-footer section.connect-with-sec .connect-with-style {
    max-width: 800px;
    display: block;
    margin: auto;
}


footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form label input#newsletter {
    border: none;
    height: 35px;
    margin: 0;
    font-size: 12px;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form .field.newsletter {
    width: 100%;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form .control label {
    width: 100%;
}
footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form label input#newsletter:focus {
    box-shadow: none;
    outline: none;
    border: solid 1px var(--yellow) !important;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form .actions button {
    background: var(--Bluecolor);
    padding: 8px 15px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: 13px;
    text-transform: uppercase;
    margin: auto;
    transition: 0.5s;
    border: none;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form .actions button:focus {
    outline: none;
    border: none;
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form .actions button:hover {
    background: var(--Yellow);
}

footer.page-footer section.connect-with-sec .connect-with-style .subscribe .content form label {
    margin: 0;
}

footer.page-footer section.connect-with-sec .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

footer.page-footer section.connect-with-sec .content .connect-with-us-title {
    width: 20%;
    text-align: left;
}

footer.page-footer section.connect-with-sec .content .subscribe {
    width: 55%;
    margin: 0 !important;
}

footer.page-footer section.connect-with-sec .content .subscribe .content {
    width: 100%;
}

footer.page-footer section.connect-with-sec .content .subscribe .content form#newsletter-validate-detail {
    width: 100%;
}


footer.page-footer .footer.content .footer-style {
    padding-top: 50px;
}

footer.page-footer .footer-style .menu-links .trustedsite-trustmark.loaded {
    margin-top: 15px;
    margin-bottom: 12px;
    width: 100%;
}

footer.page-footer .footer-style .menu-links iframe {
    height: 40px !important;
    left: -30px;
}

footer.page-footer .footer-style .menu-links .trustpilot-widget {
    max-width: fit-content !important;
}





/* site Footer css end */




/* site Home Banner css start */
section.home-page-banner {
    background-color: var(--Gray);
    padding: 15px 0px;
}

.sections.nav-sections {
    margin-bottom: 0px;
}

section.home-page-banner .banner-left-sec .banner-slider-sec {
    display: flex;
}

section.home-page-banner .banner-left-sec .banner-slider-sec .row {
    align-items: center;
}

section.home-page-banner .banner-left-sec .banner-slider-sec .row .product-content-sec h3 {
    font-size: var(--font-48);
    color: var(--Black);
    font-family: var(--Merriweather) !important;
}

section.home-page-banner .banner-left-sec {
    position: relative;
}

section.home-page-banner .banner-left-sec .owl-nav {
    position: absolute;
    top: 40%;
    width: calc(100% - 15px);
    display: flex;
    justify-content: space-between;
}

section.home-page-banner .banner-left-sec .owl-nav button span {
    position: relative;
    font-weight: 700;
    font-size: 15px;
    background: #d2d2d3;
    border-radius: 2px;
    width: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    transition: 0.5s;
}

section.home-page-banner .banner-left-sec .owl-nav button span:hover,
section.home-page-banner .banner-left-sec .owl-dots button.owl-dot span:hover {
    background: var(--Yellow);
    color: var(--White);
    transition: 0.5s;
}

section.home-page-banner .banner-left-sec .owl-nav button:focus,
section.home-page-banner .banner-left-sec .owl-dots button:focus {
    border: none;
    outline: none;
}


section.home-page-banner .banner-left-sec .owl-dots {
    text-align: right;
    padding: 10px 0px;

}

section.home-page-banner .banner-left-sec .owl-dots button.owl-dot span {
    width: 30px;
    height: 10px;
    display: block;
    background: #d2d2d3;
    border-radius: 50px;
    transition: 0.5s;
}

section.home-page-banner .banner-left-sec .owl-dots button.owl-dot {
    margin: 5px;
}

section.home-page-banner .banner-left-sec .owl-dots button.owl-dot.active span {
    background: var(--Yellow);
}

section.home-page-banner .container>.row {
    align-items: end;
}


section.home-page-banner .banner-left-sec .owl-nav button.owl-prev {
    margin-left: -15px;
}

section.home-page-banner .banner-right-sec .banner-right-box-dark-sec,
section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec {
    background: var(--Darkgray);
    padding: 3rem;
}

section.home-page-banner .banner-left-sec .banner-slider-sec .product-img-sec img {
    max-width: 400px;
    margin: 10px 0px 10px auto;
    width: 100%;
}

section.home-page-banner .banner-right-sec .banner-right-box-dark-sec .row,
section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec .row {
    align-items: center;
}

section.home-page-banner .banner-right-sec .banner-right-box-dark-sec img,
section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec img {
    max-width: 150px;
    display: block;
    margin: 10px auto;
    width: 100%;
}

section.home-page-banner .banner-right-sec .banner-right-box-dark-sec h4,
section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec h4 {
    color: var(--Yellow);
    font-size: var(--font-16);
    padding-bottom: 8px;
}

section.home-page-banner .banner-right-sec .banner-right-box-dark-sec h3,
section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec h3 {
    color: var(--white);
    font-size: var(--font-24);
    padding-bottom: 8px;
}

section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec {

    background: var(--Gray);
    margin-top: 0px;
}

section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec img {
    margin: auto;

}

section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec h4 {
    color: var(--Black);
}

section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec h3 {
    color: var(--Darkgray);
}

a.shop-now-btn {
    background: var(--Bluecolor);
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 12px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
}

a.shop-now-btn:hover {
    background: var(--Darkgray);
    color: var(--white);
}
section.home-page-banner .banner-right-sec .banner-right-box-dark-sec a.shop-now-btn:hover, section.additional-services-boxs-sec .right-additionl-box .additionl-box-inner.dark a.shop-now-btn:hover, section.refurbished-sec .refurbished-bg-style .content a.view-all-btn:hover {
    background: var(--Yellow);
}
section.home-page-banner .banner-left-sec .banner-slider-sec .row .product-content-sec p {
    color: var(--Bodycolor);
}

@media screen and (max-width: 567px) {
    section.home-page-banner .banner-left-sec .banner-slider-sec .product-img-sec img {
        max-width: 300px;
        margin: 10px auto;
    }

}


/* site Home Banner css end */


/* Back To Top css start */


#mfbacktop {
    background: var(--Darkgray);
    border-radius: 100%;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    height: 55px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    bottom: 130px;
    text-align: center;
    text-transform: uppercase;
    width: 55px;
    z-index: 9999;
    display: none;
    text-decoration: none;
    transition: 0.5s;
}
#mfbacktop:hover {
    background: var(--Yellow);
    transition: 0.5s;
}

#mfbacktop span {
    display: block;
}

#mfbacktop .gt-arrow {
    padding-top: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mfbacktop .gt-arrow:before {
    content: "\f0d8";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    color: var(--White);
    position: absolute;
    top: auto;
}


/* Back To Top css end */


/* service staps css start */

section.services-staps-box {
    padding: 20px 0px;
    background: rgb(211,214,219);
    background: linear-gradient(180deg, rgb(243 244 246) 0%, rgba(255,255,255,1) 77%);
}

section.services-staps-box .services-style {
    padding: 30px;
    background: var(--White);
    border-radius: 25px 25px 0px 0px;
}

section.services-staps-box .services-style .service-box-style {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    border-right: solid 1px var(--Yellow);
    height: 100%;
}

section.services-staps-box .services-style .service-box-style .service-icon i {
    font-size: var(--font-30);
    color: var(--Yellow);
    padding: 5px;
}


section.services-staps-box .services-style .service-box-style .service-title h4 {
    color: var(--Yellow);
    font-size: var(--font-14);
    text-transform: uppercase;
}

section.services-staps-box .services-style .service-box-style .service-title {
    font-size: var(--font-14);
    padding: 5px;
}

section.services-staps-box .services-style .service-box-style .service-title p {
    color: var(--Bodycolor);
    margin: 0px;
}
section.services-staps-box .services-style .col-6:last-child .service-box-style {
    border: none;
}

@media screen and (max-width: 767px) {
    section.services-staps-box .services-style .col-6:nth-child(2) .service-box-style {
  border: none;
  
}




}


/* service staps css end */


/* categories slider staps css start */

.section-title-style {
    text-align: center;
    padding: 10px 0px;
}

.section-title-style h3 {
    font-size: var(--font-24);
    color: var(--Darkgray);
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
}

section.featured-categories-slider-sec {
    padding: 20px 0px;
}

.section-title-style h3:before, .section-title-style h3:after {
    content: '';
    border-bottom: solid 2px var(--Yellow);
    width: 2rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

.section-title-style h3:after {
    right: 0;
    left: auto;
}


section.featured-categories-slider-sec .categories-slider {
    overflow: hidden;
    padding: 10px 4px;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item {
    text-align: center;
    background: var(--Gray);
    padding: 50px 20px 30px 20px;
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item:before, section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item:after {
    content: '';
    background: var(--Yellow);
    width: 70px;
    height: 70px;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: -1;
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item:hover:before, section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item:hover::after {
    background: var(--Darkgray);
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item:after {
    bottom: -2px;
    right: -2px;
    top: auto;
    left: auto;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item img.popular-product-img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item h4.categories-title {
    padding: 10px 0px;
    font-size: var(--font-14);
    margin-bottom: 0px;
}
section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item h4.categories-title a {
    color: var(--Darkgray);
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item h4.categories-title a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item a.view-all {
    background: var(--Bluecolor);
    padding: 10px 30px;
    border-radius: 5px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    margin: auto;
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider .owl-stage-outer .owl-stage .owl-item a.view-all:hover {
    background: var(--Darkgray);
}


section.featured-categories-slider-sec .categories-slider .owl-dots {
    display: none;
}

section.featured-categories-slider-sec .categories-slider .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 40px);
    top: 50%;
}
section.featured-categories-slider-sec .categories-slider .owl-nav button:focus{
    outline: none;
}

section.featured-categories-slider-sec .categories-slider .owl-nav button {
    border: none;
    background: var(--Yellow);
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: var(--font-16);
    transition: 0.5s;
    font-weight: 400;
}

section.featured-categories-slider-sec .categories-slider .owl-nav button:hover {
    transition: 0.5s;
    background: #c89700;
}


/* categories slider staps css end */





/* my account and login and crete acount page css start */

.page-title-wrapper {
    text-align: center;
    padding: 30px 0px 20px 0px;
}

.page-title-wrapper h1.page-title {
    text-align: center;
    margin-bottom: 10px;
}

.page-title-wrapper h1.page-title span {
    font-size: var(--font-24);
    color: var(--Darkgray);
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
}

.page-title-wrapper h1.page-title span:before, .page-title-wrapper h1.page-title span:after {
    content: '';
    border-bottom: solid 2px var(--Yellow);
    width: 2rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

.page-title-wrapper h1.page-title span:after {
    right: 0;
    left: auto;
}


section.sameday-shipping-section {
    padding: 10px;
    text-align: center;
    background: var(--Bluecolor);
    color: var(--White);
}

section.sameday-shipping-section span {
    text-align: center;
    color: var(--White);
    font-size: 13px;
}

form.form-create-account, .customer-account-forgotpassword main#maincontent form {
    display: block;
    margin: 20px auto;
    max-width: 700px !important;
    width: 100% !important;
    padding: 25px 20px;
    background: var(--White);
    box-shadow: 0 0 8px #c2c2c2;
}

form.form-create-account legend.legend {
    border: none;
}

form.form-create-account legend.legend span {
    color: var(--Black);
    font-size: var(--font-20);
    padding-bottom: 10px;
    display: block;
}

form.form-create-account .field input, .customer-account-forgotpassword form .field input {
    height: 40px;
}

form.form-create-account .field input:focus, .customer-account-forgotpassword form .field input:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}


form.form-create-account .field.choice input, .customer-account-forgotpassword form .field.choice input {
    height: auto;
}

form.form-create-account .field.field-name-firstname, form.form-create-account .field.field-name-lastname {
    width: calc(50% - 10px);
    float: left;
    margin: 5px 5px 20px;
}

form.form-create-account button {
    background: var(--Bluecolor) !important;
    padding: 12px 30px !important;
    border-radius: 5px;
    margin-top: 0px !important;
    display: block !important;
    width: 100% !important;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16) !important;
    text-transform: uppercase;
    border: none !important;
    transition: 0.5s;
    font-family: var(--Merriweather) !important;
    font-weight: 500 !important;
}

form.form-create-account button:hover {
    background: var(--Darkgray) !important;
    transition: 0.5s;
}


.form-create-account .fieldset.create.account:after, .customer-account-login .fieldset:after, .customer-account-forgotpassword form .fieldset:after   {
    display: none !important;
}


.page.messages {
    max-width: 1300px;
    display: block;
    margin: 10px 0;
}

.page.messages a {
    color: var(--Darkgray);
}
.page.messages a:hover {
    color: var(--Yellow);
}


.account .columns .column.main {
    background: var(--White);
    box-shadow: 0 0 8px #c2c2c2;
    padding: 20px 20px;
}

.account .columns {
    padding: 20px 0px;
}

.account .columns .column.main .block-title strong {
    color: var(--Black);
    font-size: var(--font-20) !important;
    display: block;
    margin-bottom: 5px;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content {
    background: var(--Gray);
    padding: 0;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li, .account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li strong,.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li a {
    color: var(--Darkgray);
    width: 100%;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.current strong, .account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.current a {
    color: var(--White);
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item strong, .account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item:hover a {
    color: var(--white);
}
.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li {
    padding: 6px 0px;
    border-bottom: solid 1px;
    border-color: #dcdcdc;
    width: 100%;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li:last-child {
    border: none;
}

.account .columns .column.main .block-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}


.account .order-details-items.ordered table td.col.name strong {
    font-size: var(--font-14);
}

.account .order-details-items.ordered table tr td span.price {
    color: var(--Darkred);
    font-size: var(--font-16);
    font-family: 'Roboto', sans-serif;
}

.account .order-details-items.ordered tfoot {
    background: transparent !important;
}

.account .order-details-items.ordered tfoot tr td, .account .order-details-items.ordered tfoot tr th {
    border: solid 1px #cccccc !important;
    background: transparent;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.current {
    background: var(--Bluecolor);
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.current strong, .account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.current a {
    border: none;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li strong:hover, .account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li a:hover {
    background: transparent !important;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li {
    transition: 0.5s;
    margin: 0px;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li:hover {
    background: var(--Bluecolor);
    transition: 0.5s;
}


.account form legend.legend span {
    color: var(--Black);
    font-size: var(--font-20);
    padding-bottom: 10px;
    display: block;
}

.account form legend.legend {
    border: none;
}

.account form .field input {
    height: 40px;
}

.account form .field input:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}

.account form  .actions-toolbar button, .customer-account-login form .actions-toolbar button, .customer-account-login .login-container .actions-toolbar a.action.create.primary, .customer-account-forgotpassword form .actions-toolbar button  {
    background: var(--Bluecolor) !important;
    padding: 12px 30px !important;
    border-radius: 5px;
    margin-top: 0px !important;
    display: block !important;
    width: 100% !important;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16) !important;
    text-transform: uppercase;
    border: none !important;
    transition: 0.5s;
    font-family: var(--Merriweather) !important;
    font-weight: 500 !important;
}

.account form .actions-toolbar button:hover, .customer-account-login form .actions-toolbar button:hover, .customer-account-login .login-container .actions-toolbar a.action.create.primary:hover, .customer-account-forgotpassword form .actions-toolbar button:hover {
    background: var(--Darkgray) !important;
    transition: 0.5s;
}
.account form .actions-toolbar button:focus, .customer-account-login form .actions-toolbar button:focus, .customer-account-forgotpassword form .actions-toolbar button:focus{
border: none;
outline: none;
}

.account form .field.choice input {
    height: auto;
}

.account .columns .sidebar.sidebar-additional {
    margin: 20px 0px;
}


.customer-account-login .login-container .block-customer-login, .customer-account-login .login-container .block-new-customer {
    background: var(--White);
    box-shadow: 0 0 8px #c2c2c2;
    padding: 20px 20px;
}

.customer-account-login .block-title {
    border: none !important;
}

.customer-account-login main#maincontent .block-title strong {
    color: var(--Black);
    font-size: var(--font-20);
    padding-bottom: 10px;
    display: block;
}

.customer-account-login main#maincontent  form .field input {
    height: 40px;
}

.customer-account-login main#maincontent form .field.choice input {
    height: auto;
}


.customer-account-login main#maincontent form .actions-toolbar {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.customer-account-login main#maincontent form .actions-toolbar a.action.remind {
    background: var(--Darkgray) !important;
    padding: 12px 30px !important;
    border-radius: 5px;
    margin-top: 0px !important;
    display: block !important;
    width: 100% !important;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16) !important;
    text-transform: uppercase;
    border: none !important;
    transition: 0.5s;
    font-family: var(--Merriweather) !important;
    font-weight: 500 !important;
    margin-top: 8px !important;
}

.customer-account-login main#maincontent form .actions-toolbar a.action.remind:hover {
    background: var(--Bluecolor) !important;
}


.account input, .account select {
    height: 40px;
}
.account input:focus, .account select:focus, .account input[type=checkbox]:focus{
box-shadow: none;
border-color: var(--Yellow);
}

.account input[type=checkbox]{
    height: auto !important;
}

.modal-body input {
    height: 40px;
}

.modal-body input[type="checkbox"] {
    height: auto;
}

.modal-body input:focus {
    border: var(--Yellow);
    box-shadow: none;
}

/* my account and login and crete acount page css end */


/* home page TRENDING ITEMS tabs section css start */

section.trending-items-slider-sec {
    padding: 30px 0px;
    background: var(--Gray);
}

section.trending-items-slider-sec  .title a {
    background: transparent;
}

section.trending-items-slider-sec  .title a {
    background: transparent !important;
    border: none !important;
    padding-left: 0px !important;
    font-size: var(--font-16) !important;
    height: auto !important;
    line-height: normal !important;
    color: var(--Darkgray) !important;
}

section.trending-items-slider-sec  .title.active a {
    color: var(--Yellow) !important;
}

section.trending-items-slider-sec  .title a:hover {
    color: var(--Yellow) !important;
}

section.trending-items-slider-sec  .content {
    background: transparent !important;
    border: none !important;
    padding: 0px 0px 15px !important;
}

section.trending-items-slider-sec .section-title-style {
    margin-bottom: 12px;
}

section.trending-items-slider-sec  a.view-all-products {
  max-width: fit-content;
  float: right;
  color: var(--Bluecolor) !important;
  font-size: var(--font-16);
  text-transform: uppercase;
  font-family: var(--Merriweather-Medium);
  margin: auto;
  transition: 0.5s;
}
section.trending-items-slider-sec  a.view-all-products:hover{
    color: var(--Darkgray) !important;
    transition: 0.5s;
   
}


section.trending-items-slider-sec  .content>ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}



section.trending-items-slider-sec  .content>ul>li {
    list-style: none;
    display: inline-block;
    width: calc(25% - 20px);
    background: var(--White);
    margin: 10px;
    padding: 15px;
    border-radius: 12px;
    text-align: left;
    position: relative;
    transition: 0.5s;
}

section.trending-items-slider-sec  .content>ul>li:hover {
    box-shadow: 0 0 5px #d7d7d7;
    transition: 0.5s;
}

section.trending-items-slider-sec  .content>ul>li img.product-img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 15px auto;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict {
    padding: 10px 5px 0px;
    display: block;
}
section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div {
    padding-top: 5px;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict h4 {
    font-size: var(--font-14);
    font-family: var(--Merriweather) !important;
    line-height: normal;
    color: var(--Darkgray);
    transition: 0.5s;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict h4:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box span.special-price span, section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box span.price {
    color: var(--Darkred);
    font-size: var(--font-20);
    font-family: 'Roboto', sans-serif;

}


section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box span.old-price span.price-label {
    display: none;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box span.special-price {
    padding-right: 10px;
    padding-bottom: 5px;
}

section.trending-items-slider-sec  .content>ul>li a.view-prodict .price-div .price-box span.old-price span {
    font-size: var(--font-14);
    color: var(--Bodycolor);
    text-decoration: line-through;
}

section.trending-items-slider-sec  .content>ul ul {
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

section.trending-items-slider-sec  .content>ul ul li {
    margin: 0;
    display: inline-block;
    padding: 5px;
}

section.trending-items-slider-sec  .content>ul ul span.brand {
    max-width: fit-content;
}

section.trending-items-slider-sec  .content>ul>li span.discount-label {
    position: absolute;
    right: 0;
    padding: 4px 6px;
    background: var(--Yellow);
    box-shadow: 0 0 2px #d3d3d3;
    color: var(--White);
    font-size: 10px;
    transition: 0.5s;
}
section.trending-items-slider-sec  .content>ul>li span.discount-label:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}


section.trending-items-slider-sec  .content>ul ul span {
    padding: 5px;
    font-size: 12px;
}

section.trending-items-slider-sec  .content>ul ul li a {
    color: var(--Darkgrat);
    font-size: 12px;
    transition: 0.5s;
}

section.trending-items-slider-sec  .content>ul ul li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

section.trending-items-slider-sec .product.data.items.mage-tabs-disabled {
    margin-bottom: 0px;
}

/* home page TRENDING ITEMS tabs section css end */


/* home page Additional Services section css start */

section.additional-services-boxs-sec {
    padding: 40px 0px;
}

.cms-home .column.main {
    padding-bottom: 0px;
}


section.additional-services-boxs-sec .additionl-box-inner {
    padding: 40px;
    background: var(--Gray);
    margin-bottom: 15px;
}
section.additional-services-boxs-sec .left-additionl-box .additionl-box-inner {
    height: 100%;
}

section.additional-services-boxs-sec .right-additionl-box .additionl-box-inner.dark {
    margin-bottom: 0px;
}


section.additional-services-boxs-sec .left-additionl-box .additionl-box-inner {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}
section.additional-services-boxs-sec .additionl-box-inner .title-side h3 {
    font-size: var(--font-30);
    text-transform: uppercase;
    color: var(--Darkgray);
}

section.additional-services-boxs-sec .additionl-box-inner .title-side p {
    font-size: var(--font-14);
    color: var(--Bodycolor);
    padding-bottom: 10px;
}


section.additional-services-boxs-sec .right-additionl-box .additionl-box-inner.dark {
    background: var(--Darkgray);
}

section.additional-services-boxs-sec .right-additionl-box .additionl-box-inner.dark h3, section.additional-services-boxs-sec .right-additionl-box .additionl-box-inner.dark p {
    color: var(--White);
}


section.additional-services-boxs-sec .additionl-box-inner .img-side img.addi-img {
    width: 100%;
    max-width: 150px;
    display: block;
    margin: auto;
}

section.additional-services-boxs-sec .additionl-box-inner .row {
    align-items: center;
}



/* home page Additional Services section css end */


/* home Brands section css start */

section.brands-sec {
    padding: 25px 0px;
}

section.brands-sec .section-title-style {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

section.brands-sec .section-title-style h3 {
    margin: 0;
    display: inline;
    padding: 0px;
    text-transform: capitalize;
}

section.brands-sec .section-title-style h3:before,
section.brands-sec .section-title-style h3:after {
    display: none;
}

section.brands-sec .section-title-style .view-more-btn a.view-all-btn {
    margin: 5px 10px;
    padding: 0px;
    background: transparent;
    color: var(--Bluecolor) !important;
    text-transform: capitalize;
}

section.brands-sec .section-title-style .view-more-btn {
    width: fit-content !important;
}

section.brands-sec ul.brands-imgs li {
    background: var(--White);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;
    display: flex !important;
    align-items: center;
    margin: 5px !important;
    border-radius: 5px;
    justify-content: center;
    min-height: 100px;
}
section.brands-sec ul.brands-imgs li:hover{
    box-shadow: 0 3px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;
    transition: 0.5s;
}


section.brands-sec ul.brands-imgs {
    padding: 0px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 20px;
}

section.brands-sec ul.brands-imgs li {
    margin: 0;
    list-style: none;
    display: inline;
    padding: 15px;
}

section.brands-sec ul.brands-imgs li a {
    display: block;
    width: fit-content;
}

section.brands-sec ul.brands-imgs li a img.ambrands-image {
    width: 100%;
    max-width: 140px;
    transition: 0.5s;
    max-height: 70px;
    object-fit: contain;
}



section.brands-sec .view-more-btn a {
    max-width: fit-content;
    display: block;
    margin: auto;
    background: var(--Bluecolor);
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 20px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
}

section.brands-sec .view-more-btn a:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

/* home Brands section css end */


/* home page REFURBISHED PRODUCT section css start */


section.refurbished-sec {
    padding: 40px 0px;
}

section.refurbished-sec .refurbished-bg-style {
    padding: 50px;
    background: var(--Darkgray);
}

section.refurbished-sec .refurbished-bg-style .row {
    align-items: center;
}

section.refurbished-sec .refurbished-bg-style .icon em,
section.refurbished-sec .refurbished-bg-style .icon i {
    color: var(--white);
    font-size: 150px;
    padding: 10px;
}

section.refurbished-sec .refurbished-bg-style .content h3 {
    color: var(--yellow);
    font-size: var(--font-24);
    margin-bottom: 12px;
    text-transform: uppercase;
}

section.refurbished-sec .refurbished-bg-style .content p {
    font-size: var(--font-14);
    color: var(--White);
}

section.refurbished-sec .refurbished-bg-style .content a.view-all-btn {
    background: var(--Bluecolor);
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 19px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
}

section.refurbished-sec .refurbished-bg-style .content a.view-all-btn:hover {
    background: #c89700;
}

/* home page REFURBISHED PRODUCT section css end */



/* checkout-cart-index page  css Start */
.checkout-cart-index .cart-container form table thead tr {
    width: 100%;
}


.checkout-cart-index .cart-container form table tr td a img {
    max-width: 100px;
}

.checkout-cart-index .cart-container form table thead {
    background: var(--Darkgray);
}

.checkout-cart-index .cart-container form table thead th.col {
    padding: 12px 10px !important;
    text-align: left;
}

.checkout-cart-index .cart-container form table thead th.col span {
    color: var(--White);
}

.checkout-cart-index .cart-container form table {
    border: solid 1px #cfcfcf;
    border-bottom: none;
    display: block;
}

.checkout-cart-index .cart-container form table tbody.cart.item {
    padding-bottom: 10px;display: block;
    border-top: none;
}

.checkout-cart-index .cart-container form table tbody.cart.item .actions-toolbar {
    margin: 10px;
}


.checkout-cart-index .cart-container form .cart.main.actions button.action.update {
    background: var(--Bluecolor);
    padding: 12px 30px;
    border-radius: 5px;
    color: var(--White) !important;
    font-size: var(--font-14);
    text-transform: uppercase;
    border: none;
    transition: 0.5s;
}

.checkout-cart-index .cart-container form .cart.main.actions button.action.update:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-cart-index .cart-container form .cart.main.actions button.action.update:focus {
    outline: none;
}

.checkout-cart-index .cart-container .cart-discount .block.discount {
    padding: 15px 10px;
    border: solid 1px #cfcfcf;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .title strong {
    font-size: var(--font-16);
    color: var(--Darkgray);
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .fieldset.coupon {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .fieldset.coupon .field {
    margin: 0px;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .fieldset.coupon .field input {
    height: 40px;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .fieldset.coupon .field input:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .actions-toolbar button {
    border: none;
    background: var(--Bluecolor);
    color: var(--White);
    font-size: var(--font-14);
    padding: 10px 10px;
    min-height: 40px;
    font-family: var(--Merriweather);
    font-weight: 500;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .actions-toolbar button:hover {
    background: var(--Darkgray);
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content form .actions-toolbar button:focus {
    outline: none;
}

.checkout-cart-index .cart-container form table tr.item-info strong.product-item-name {
    font-size: var(--font-14);
}

.checkout-cart-index .cart-container form table tr.item-info span.cart-price {
    font-size: var(--font-16);
}

.checkout-cart-index .cart-container .cart-summary {
    background: var(--Gray);
    color: var(--Darkgray);
}


.checkout-cart-index .cart-container .cart-summary strong.summary.title {
    font-size: var(--font-20);
}


.checkout-cart-index .cart-container .cart-summary table th {
    background: transparent;
}

.checkout-cart-index .cart-container .cart-summary ul.checkout li.item button, .checkout-cart-index .cart-container .cart-summary ul.checkout li.item a {
    background: var(--Bluecolor);
    padding: 10px 15px;
    width: 100%;
    display: block;
    color: var(--white);
    font-family: var(--Merriweather);
    font-size: var(--font-14);
    font-weight: normal;
    text-transform: capitalize;
    border-radius: 5px;
    border: none;
    transition: 0.5s;
}

.checkout-cart-index .cart-container .cart-summary ul.checkout li.item button:hover, .checkout-cart-index .cart-container .cart-summary ul.checkout li.item a:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-cart-index .cart-container .cart-summary ul.checkout li.item button:focus, body button:focus {
    outline: none;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .title {
    padding: 0;
    border: none;
}

.checkout-cart-index .cart-container .cart-discount .block.discount .content {
    margin-top: 10px;
}


/* checkout-cart-index page  css end */


/* Single Product page  css Start */
.catalog-product-view .product.media {
    justify-content: center;
}
.sellto-us-cta-section {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 15px;
    border-top: solid 1px var(--Darkgray);
    border-bottom: solid 1px var(--Darkgray);
    margin-top: 13px;
    justify-content: flex-start;
}

.catalog-product-view .product.media {
    flex-wrap: wrap;
}

.sellto-us-cta-section em, .sellto-us-cta-section i {
    color: var(--White);
    font-size: var(--font-30);
    margin: 5px 20px 5px 5px;
    background: #30434a;
    padding: 16px 15px;
    border-radius: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sellto-us-cta-section strong {
    font-size: var(--font-16);
}

.sellto-us-cta-section a {
    display: block;
    color: var(--darkgray);
    border: solid 1px var(--Darkgray);
    padding: 10px 15px;
    text-align: center;
    font-weight: 600;
    font-size: var(--font-14);
    text-transform: uppercase;
    border-radius: 5px;
    max-width: max-content;
    margin-top: 10px;
}

.sellto-us-cta-section a:hover {
    background: var(--Darkgray);
    color: var(--White);
    transition: 0.5s;
}

.catalog-product-view .product.media strong {
    font-size: var(--font-16);
}

.catalog-product-view .breadcrumbs, .cms-brands .breadcrumbs, .cms-sell-equipment .breadcrumbs, .htmlsitemap-index-index .breadcrumbs, .breadcrumbs {
    padding: 25px 15px;
}

.catalog-product-view .breadcrumbs, .cms-brands .breadcrumbs, .cms-sell-equipment .breadcrumbs, .htmlsitemap-index-index.breadcrumbs, .breadcrumbs {
    margin-bottom: 0px;
}

.catalog-product-view .breadcrumbs ul li.item.home a, .cms-brands .breadcrumbs ul li.item.home a, .cms-sell-equipment .breadcrumbs ul li.item.home a, .htmlsitemap-index-index .breadcrumbs ul li.item.home a, .breadcrumbs ul li.item.home a {
    color: var(--Bluecolor);
}

.catalog-product-view .breadcrumbs ul li.item.product strong, .cms-brands .breadcrumbs ul li.item.product strong, .cms-sell-equipment .breadcrumbs ul li.item.product strong, .htmlsitemap-index-index .breadcrumbs ul li.item.product strong, .breadcrumbs ul li.item.product strong {
    color: var(--Bluecolor);
}

.catalog-product-view .product-info-main {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.catalog-product-view .product.media,
.catalog-product-view .product-info-main {
    width: 100%;
}


.catalog-product-view .product-info-main .page-title-wrapper.product {
    padding: 0px;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
}

.catalog-product-view .product-info-main .page-title-wrapper.product h1.page-title span.base {
    padding: 0px;
}

.catalog-product-view .product-info-main .page-title-wrapper.product h1.page-title {
    text-align: left;
    padding: 0;
}

.catalog-product-view .product-info-main .page-title-wrapper.product h1.page-title span.base:before,
.catalog-product-view .product-info-main .page-title-wrapper.product h1.page-title span.base:after {
    display: none;
}

.catalog-product-view .product-info-main .amshopby-option-link img {
    width: 100%;
    max-width: 90px;
    float: right;
}

.catalog-product-view .product-info-main .product-reviews-summary a {
    color: var(--Darkgray);
}

.catalog-product-view .product-info-main .product-reviews-summary a {
    line-height: normal;
}

.catalog-product-view .product-info-main .product-reviews-summary a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

.catalog-product-view .product-info-main .product-info-price,
.catalog-product-view .product-info-main .product-add-form {
    color: var(--Darkgray);
    border: none;
    background: var(--Gray);
    padding: 15px 15px 0px;
    margin: 0;
}

.catalog-product-view .product-info-main .product-add-form {
    padding-bottom: 10px;
}

.catalog-product-view .product-info-main .product-reviews-summary {
    width: 100%;
    margin-top: -15px;
    max-width: fit-content;
    z-index: 2;
}

.catalog-product-view .product-info-main .product-info-price {
    width: 100%;
}

.catalog-product-view .product-info-main .product-add-form {
    width: 80%;
}

.catalog-product-view .product-info-main .product-social-links {
    width: 20%;
    background: var(--Gray);
    margin: 0px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.catalog-product-view .product-info-main.unavailable .product-info-price .stock span:before {
    background: var(--red);
}

.catalog-product-view .product-info-main.unavailable .product-add-form {
    width: 50%;
}

.catalog-product-view .product-info-main.unavailable .product-social-links {
    width: 50%;
}


.catalog-product-view .product-info-main .product-add-form .box-tocart .actions {
    display: flex;
    flex-wrap: wrap;
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button {
    background: var(--Bluecolor);
    padding: 15px 20px;
    line-height: normal;
    height: 100%;
    transition: 0.5s;
    border-radius: 5px;
    border-color: transparent;
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button.wk_qs_quote_button {
    background: transparent;
    color: var(--Darkgray);
    border: solid 1px var(--Darkgray);
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button.wk_qs_quote_button:hover {
    background: var(--Darkgray);
    color: var(--White);
}

.catalog-product-view .product-info-main .product-social-links .product-addto-links a {
    position: relative;
    font-size: 0;
    padding: 0px;
    border: none;
    margin-top: 22px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.catalog-product-view .product-info-main .product-social-links .product-addto-links a:before {
    margin: 0px;
    margin: 0px;
    font-size: 22px;
    width: 100%;
}

.catalog-product-view .product-info-main .product-social-links .product-addto-links a:hover::before {
    color: var(--Yellow);
    transition: 0.5s;
}

.catalog-product-view .product-main-details-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.catalog-product-view .product-main-details-section .pro-description-accordion {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.catalog-product-view .product-main-details-section .pro-description-accordion h4 {
    color: var(--Darkgray);
    font-size: var(--font-16);
    padding: 20px;
    background: #f7f7f7;
    margin: 0px;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .description-content,
.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper {
    background: var(--White);
    padding: 10px;
    border: solid 2px var(--Gray);
}

.catalog-product-view .product-info-main .product-info-price span.price {
    font-size: var(--font-30);
    color: var(--Darkred);
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .product.media  .fotorama__thumb-border {
    border-color: var(--Bluecolor);
}


.catalog-product-view .product-info-main .product-info-price span.old-price span {
    font-size: var(--font-14);
}

.catalog-product-view .product-info-main .product-info-price span.old-price span.price-label {
    font-size: 0;
}

.catalog-product-view .product-info-main .product-info-price span.old-price span.price {
    text-decoration: line-through;
    color: var(--Bodycolor);
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .block-content {
    width: 100%;
    display: block;
    padding: 10px 0px;
}

.catalog-product-view .block-content legend.legend.review-legend span {
    font-size: var(--font-18);
}

.catalog-product-view .block-content legend.legend.review-legend strong {
    font-size: var(--font-20);
    color: var(--Darkgray);
}

.catalog-product-view .block-content fieldset.field.required.review-field-ratings .control div#product-review-table .field.choice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.catalog-product-view .block-content fieldset.field.required.review-field-ratings .control div#product-review-table .field.choice label {
    padding-right: 10px;
}

.catalog-product-view .block-content form#review-form {
    padding: 20px;
    border: solid 2px #f7f7f7;
    max-width:100%;
}
.catalog-product-view .block-content form#review-form .review-field-ratings {
    width: 100%;
    display: block;
}

.catalog-product-view .block-content form#review-form input {
    height: 40px;
}

.catalog-product-view .block-content form#review-form input:focus,
.catalog-product-view .block-content form#review-form textarea:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}

.catalog-product-view .block-content form#review-form button {
    background: var(--Bluecolor);
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    color: var(--White);
    font-size: var(--font-16);
    text-transform: uppercase;
    transition: 0.5s;
}

.catalog-product-view .block-content form#review-form button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.catalog-product-view .block.related {
    padding: 10px 0px;
}

.catalog-product-view .block.related .block-title.title strong {
    font-size: var(--font-24);
    color: var(--Darkgray);
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
}

.catalog-product-view .block.related .block-title.title strong:before,
.catalog-product-view .block.related .block-title.title strong:after {
    content: '';
    border-bottom: solid 2px var(--Yellow);
    width: 2rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

.catalog-product-view .block.related .block-title.title strong:after {
    right: 0;
    left: auto;
}

.catalog-product-view .block.related .block-content.content .block-actions button.action.select {
    background: var(--Yellow);
    color: var(--White);
    padding: 10px 12px;
    border-radius: 5px;
    text-decoration: none;
    margin: 5px;
    text-transform: uppercase;
    transition: 0.5s;
}

.catalog-product-view .block.related .block-content.content .block-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-14);
    padding: 10px;
}

.catalog-product-view .block.related .block-content.content .block-actions button.action.select:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li {
    width: calc(25% - 20px);
    margin: 10px;
    text-align: center;
    background: var(--Gray);
    padding: 50px 20px 30px 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    transition: 0.5s;
    text-align: center;
}

.catalog-product-view .block.related .products.wrapper ol {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li .product-item-info {
    width: 100%;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li .product-item-info:hover {
    box-shadow: none;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li:hover {
    box-shadow: 0 0 6px #888;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li .product.details strong.product.name a {
    font-size: var(--font-18);
    color: var(--Darkgray);
    padding-top: 14px;
    display: block;
}


.catalog-product-view .block.related .products.wrapper ol.products.list li .product.details .price-box span.price-label {
    display: none;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li .product.details .price-box span.price {
    font-size: var(--font-16);
    color: var(--Darkred);
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .block.related .products.wrapper ol.products.list li .product.details .price-box span.old-price span.price {
    padding: 10px;
    text-decoration: line-through;
    color: var(--Bodycolor);
    font-size: var(--font-14);
    font-family: 'Roboto', sans-serif;
}


.catalog-product-view .product.info.detailed .product {
    margin: 0px !important;
}

.catalog-product-view .product.info.detailed .title.active a {
    background: var(--Yellow) !important;
    color: var(--White) !important;
}


.catalog-product-view .block.related .products.wrapper ol.products.list li .product.details.product-item-details input {
    height: 20px;
    width: 20px;
    top: 10px;
}

.catalog-product-view .product-info-main .product-add-form .field.qty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.catalog-product-view .product-info-main .product-add-form .field.qty label.label {
    padding-right: 10px;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper table {
    max-width: 600px;
    width: 100%;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper table tr {
    border-bottom: solid 1px #cacaca;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper table tr th {
    border-right: solid 1px #cacaca;
    width: 50%;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper table tr td {
    padding: 5px 20px;
}

.catalog-product-view .product-main-details-section .pro-description-accordion .additional-attributes-wrapper table tr:last-child {
    border: none;
}

.catalog-product-view .product-info-main .product-info-price .stock span {
    position: relative;
}

.catalog-product-view .product-info-main .product-info-price .stock span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #22c55e;
    position: absolute;
    left: -15px;
    top: 3px;
    border-radius: 50px;
}

.catalog-product-view .product-info-main .product-info-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.catalog-product-view .product-info-main .product-info-price .login-container {
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .product-info-main .product-info-price .login-container a {
    color: var(--Bluecolor);
    transition: 0.5s;
}

.catalog-product-view .product-info-main .product-info-price .login-container a:hover {
    text-decoration: underline !important;
    transition: 0.5s;
}
.catalog-product-view .product-info-main .product-info-price .product-info-stock-sku .product .type {
    font-weight: 600;
  }


.catalog-product-view .product-info-main .product-info-price .product-info-stock-sku .product {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    padding: 4px 0px;
}

.catalog-product-view .product-main-details-section .pro-description-accordion:hover {
    cursor: pointer;
}

.catalog-product-view  .customer-reviews-accordion {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.catalog-product-view .customer-reviews-accordion h4 {
    color: var(--Darkgray);
    font-size: var(--font-16);
    padding: 20px;
    background: #f7f7f7;
    margin: 0px;
}

.catalog-product-view .customer-reviews-accordion:hover {
    cursor: pointer;
}

.catalog-product-view .customer-reviews-accordion .block-content.customer-reviews-content {
    padding: 10px;
    border: solid 2px #f7f7f7;
}

.catalog-product-view .product-info-main .amshopby-option-link {
    width: fit-content;
    float: right;
}


.catalog-product-view .block-content .control .control.review-control-vote label:before {
    font-size: 20px !important;
}

.catalog-product-view .block-content .control .control.review-control-vote:before {
    font-size: 20px;
}
.catalog-product-view .productsattachment-accordion{
    margin-bottom: 10px;
}

.catalog-product-view .productsattachment-accordion h4 {
    color: var(--Darkgray);
    font-size: var(--font-16);
    padding: 20px;
    background: #f7f7f7;
    margin: 0px;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content {
    background: var(--White);
    padding: 10px;
    border: solid 2px #f7f7f7;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul li {
    list-style: none;
    padding: 10px 0px;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul {
    padding: 10px;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul span.icon {
    padding: 10px;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul  span.download a {
    background: var(--Darkgray);
    padding: 10px 12px;
    border-radius: 50px;
    margin: 10px;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul  span.download a:hover {
    background: var(--Yellow);
    transition: 0.5s;
}

.catalog-product-view .productsattachment-accordion .productsattachment-content ul span.download a i, .catalog-product-view .productsattachment-accordion .productsattachment-content ul span.download a em {
    color: var(--white);
}

.catalog-product-view .block.upsell {
    padding: 10px 0px;
}

.catalog-product-view .block.upsell .block-title.title strong {
    font-size: var(--font-24);
    color: var(--Darkgray);
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
    text-align: center;
}

.catalog-product-view .block.upsell .block-title.title strong:before, .catalog-product-view .block.upsell .block-title.title strong:after {
    content: '';
    border-bottom: solid 2px var(--Yellow);
    width: 2rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

.catalog-product-view .block.upsell .block-title.title strong:after {
    right: 0;
    left: auto;
}



.catalog-product-view .block.upsell .products.wrapper ol li {
    text-align: center;
    background: #f7f7f7;
    margin-bottom: 10px;
    padding: 25px 10px 20px 10px;
}

.catalog-product-view .block.upsell .products.wrapper ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info {
    text-align: center;
    width: 100%;
    padding: 10px;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info:hover {
    box-shadow: none;
    border: none;
    margin: 0px !important;
    background: transparent;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info .product.details a.product-item-link {
    padding: 10px 0px;
    font-size: var(--font-14);
    font-weight: 700;
    display: block;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info .product.details .price-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info .product.details .price-box span.price-label {
    display: none;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info .product.details .price-box span.price {
    color: var(--Darkred);
    font-size: var(--font-16);
    padding: 6px;
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .block.upsell .products.wrapper ol li .product-item-info .product.details .price-box span.old-price span.price {
    font-size: var(--font-14);
    color: var(--Bodyfont);
    text-decoration: line-through;
    font-family: 'Roboto', sans-serif;
}

.catalog-product-view .block.upsell .products.wrapper ol li:hover {
    box-shadow: 0 0 6px #a8a8a8;
}

@media screen and (min-width: 768px) {

    
.checkout-cart-index .cart-container form table thead tr th.col.item {
    width: 68% !important;
}

.checkout-cart-index .cart-container form table thead tr th.col.price, .checkout-cart-index .cart-container form table thead tr th.col.subtotal,.checkout-cart-index .cart-container form table thead tr th.col.qty {
    width: 12%;
    text-align: left;
    
}

.checkout-cart-index .cart-container form table  tr.item-info td.col.item {
    width: 64%;
    display: table-cell;
}

.checkout-cart-index .cart-container form table tr.item-info td.col.subtotal, 
.checkout-cart-index .cart-container form table tr.item-info td.col.qty, .checkout-cart-index .cart-container form table tr.item-info td.col.price {
    width: 12%;
    text-align: right;
}

    .catalog-product-view .product.media {
        width: 45% !important;
    }

    .catalog-product-view .product-info-main {
        width: 55% !important;
    }
}

/* Single Product page  css end */


/*  Product catalog page  css Start */
.catalog-category-view .breadcrumbs {
    padding: 25px 15px;
    margin-bottom: 0px;
}

.catalog-category-view .breadcrumbs ul li.item a {
    color: var(--Bluecolor);
}

.catalog-category-view .columns .toolbar.toolbar-products {
    background: var(--Darkgray);
    padding: 10px;
}

.catalog-category-view .columns .column.main {
    padding: 0px;
}

.catalog-category-view .columns .toolbar.toolbar-products .modes strong, .catalog-category-view .columns .toolbar.toolbar-products .modes a {
    background: var(--White);
}

.catalog-category-view .columns .toolbar.toolbar-products .modes strong:before, .catalog-category-view .columns .toolbar.toolbar-products .modes a:before {
    color: var(--Yellow);
}

.catalog-category-view .columns .toolbar.toolbar-products .toolbar-amount {
    color: var(--White);
}

.catalog-category-view .columns .toolbar.toolbar-products .toolbar-sorter.sorter label.sorter-label {
    color: var(--white);
}

.catalog-category-view .columns .toolbar.toolbar-products .toolbar-sorter.sorter select#sorter {
    background-color: var(--white);
}

.catalog-category-view .columns .toolbar.toolbar-products .toolbar-sorter.sorter a.action.sorter-action:before {
    color: var(--white);
}




.catalog-category-view .columns .column.main .products.wrapper.list.products-list ol li {
    padding: 20px 15px;
    border-bottom: solid 1px #30434a;
}

.catalog-category-view .columns .column.main .products ol li .product.details strong.product.name a {
    color: var(--Darkgray);
    font-size: var(--font-18);
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details strong.product.name a:hover {
    color: var(--Yellow);
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .price-box span.price-label {
    display: none;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .price-box span.price {
    font-size: var(--font-20);
    color: var(--Darkred);
    padding: 5px;
    padding-left: 0px;
    padding-right: 8px;
    font-family: 'Roboto', sans-serif;
}
.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .price-box {
    margin-bottom: 5px;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details  .login-container a {
    color: var(--Bluecolor);
    transition: 0.5s;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .login-container a:hover {
    text-decoration: underline !important;
    transition: 0.5s;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .login-container {
    font-family: 'Roboto', sans-serif;
}


.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .price-box span.old-price span.price {
    font-size: var(--font-14);
    text-decoration: line-through;
    color: var(--Bodycolor);
    font-family: 'Roboto', sans-serif;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.actions button {
    background: var(--Bluecolor);
    color: var(--White);
    font-size: var(--font-14);
    border-radius: 5px;
    padding: 12px 18px;
    transition: 0.5s;
    border-color: transparent;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.actions button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
    color: var(--white);
}


.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .actions-primary.quote_button button {
    background: transparent;
    border-color: var(--Darkgray);
    color: var(--Darkgray);
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.actions button {
    min-width: 127.66px;
}

.catalog-category-view .columns .column.main .products.wrapper ol li a.product.photo.product-item-photo {
    padding-bottom: 0px;
}
.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.description {
    color: var(--Darkgray);
    font-size: 13px;
    margin: 10px 0;
}
.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.description p {
    font-size: 13px !important;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.description a {
    color: var(--Bluecolor);
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li {
    width: calc(33.33% - 20px);
    margin: 10px;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol {
    justify-content: flex-start;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li {
    padding: 15px;
    box-shadow: 0 0 9px #ededed;
    background: var(--white);
}
.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li:hover {

    box-shadow: 0 0 12px #ededed;
}
.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info{
    transition: 0.5s;   
}
.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info:hover {
    box-shadow: none;
    border: none;
    margin: 0px;
    padding: 0px;
    transition: 0.5s;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info {
    text-align: center;
    width: 100%;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info .product-item-inner .product.actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info .product-item-inner {
    box-shadow: none;
    border: none;
    margin: 0;
    width: 100%;
    position: unset !important;
    height: 100%;
    clip: inherit !important;
    overflow: visible;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info:hover img.product-image-photo {
    width: 100%;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol {
    padding: 15px 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.catalog-category-view .columns .column.main .products {
    margin-top: 0px !important;
    border: solid 1px #f9f9f9;
    margin: 0;
}

.catalog-category-view .columns .toolbar.toolbar-products .field.limiter label.label {
    color: var(--white);
}

.catalog-category-view .columns .toolbar.toolbar-products .field.limiter .control select#limiter {
    background-color: var(--white);
}

.catalog-category-view .columns .toolbar.toolbar-products .field.limiter span.limiter-text {
    color: var(--white);
}

.catalog-category-view .columns .toolbar.toolbar-products {
    margin: 0px;
}

.catalog-category-view .columns .column.main .products.wrapper.products-grid ol li .product-item-info:hover .product-item-inner {
    padding: 0px;
}

.catalog-category-view .columns 
 .sidebar.sidebar-main .block-content.filter-content strong, .account .columns .sidebar.sidebar-main .block-content.filter-content strong {
    font-size: var(--font-16);
    background: var(--Darkgray);
    color: var(--White);
    text-align: left;
    padding: 18px 10px;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-title, .account  .columns .sidebar.sidebar-additional .block-title  {
    font-size: var(--font-14);
    padding: 12px 10px !important;
    background: var(--Gray);
    margin-bottom: 5px;
    display: block;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-title strong#block-compare-heading {
    font-size: var(--font-14);
    text-transform: uppercase;
    font-weight: 700;
}

.catalog-category-view .columns .sidebar.sidebar-additional .empty {
    padding: 10px;
    color: #dc2626;
}

.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-item {
    border: solid 1px  whitesmoke;
    margin: 5px 0px;
    padding-bottom: 0px;
}

.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-item .filter-options-title {
    font-size: var(--font-14);
    padding: 12px 10px;
    background: var(--Gray);
}

.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-item.active .filter-options-title {
    background: var(--Darkgray);
    color: var(--white);
}

.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-item:last-child {
    padding: 0px;
}


.catalog-category-view .columns .column.main .sidebar.sidebar-additional .block-title {
    margin: 0px;
}

.catalog-category-view .columns .sidebar.sidebar-additional, .account .columns .sidebar.sidebar-additional {
    padding: 10px 25px 0px 0px;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-title, .account .columns .sidebar.sidebar-additional .block-title {
    margin: 0px;
    font-size: var(--font-16);
    padding-bottom: 5px;
}



.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-item ol li a:hover {
    background: transparent;
}

.catalog-category-view .columns .sidebar.sidebar-main .block-title.filter-title strong {
    padding: 8px 15px;
    background: var(--white);
    border-color: var(--Darkgray);
    font-size: var(--font-14);
}

.catalog-category-view .columns .toolbar.toolbar-products .field.limiter {
    display: block;
}

.catalog-category-view .columns .sidebar.sidebar-main .block-content.filter-content a.action.clear.filter-clear {
    color: var(--Bluecolor);
}


.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .reviews-actions a {
    color: var(--Bluecolor) !important;
}


.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .reviews-actions a:hover {
    color: var(--Yellow) !important;
    transition: 0.5s;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .product.details {
    border-right: solid 1px var(--Darkgray);
    width: calc(55% - 15px);
    padding-right: 15px;
    margin-right: 15px;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product-info-stock-sku{
    padding: 12px 15px;
    background: var(--Gray);

}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .product-item-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .product-item-info a.product.photo.product-item-photo {
    width: 20%;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .stock,
.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.sku,
.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.model,
.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.product-condition {
    width: 100%;
    text-align: right;
    padding: 8px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .stock span, .catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock span {
    position: relative;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .stock span:before, .catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #22c55e;
    position: absolute;
    left: -15px;
    top: 3px;
    border-radius: 50px;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .stock.unavailable span:before, .catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock.unavailable  span:before {
    background: var(--Red);
}


.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.actions .stock.unavailable span {
    position: relative;
    padding-left: 16px;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .product.actions .stock.unavailable span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--red);
    position: absolute;
    left: 0px;
    top: 3px;
    border-radius: 50px;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .actions-primary {
    margin: 8px 2px;
}



.catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku {
    background: #f3f3f3;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock, .catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .product {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 0px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.catalog-category-view .columns .column.main .products.wrapper ol li .right-additional-section .brand-logo img {
    width: 100%;
    max-width: 100px;
    margin-bottom: 10px;
}

.catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .brand-logo {
    width: 100%;
    display: block;
    text-align: right;
}

.catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .brand-logo {
    width: 100%;
    display: block;
}

.catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock span {
    padding-left: 15px;
}

.catalog-category-view .columns .column.main .products.wrapper.grid ol li .right-additional-section .product-info-stock-sku .stock span:before {
    left: 0px;
}


.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li span {
    color: var(--white);
    font-size: var(--font-14);
}


.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li.item.current span {
    color: var(--Yellow);
}


.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li  strong.page {
    background: transparent;
}

.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li span:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li.item  a.action {
    background: var(--white);
    color: var(--darkgray);
}

.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li.item a.action:before {
    color: var(--darkgray);
}

.catalog-category-view .columns .toolbar.toolbar-products .pages ul.items.pages-items li.item a.action:hover {
    background: var(--yellow);
}

.catalog-category-view .columns .column.main .products.grid ol li .product.details strong.product.name a {
    font-size: var(--font-16);
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content, .account .columns .sidebar.sidebar-additional .block-content {
    padding: 12px;
    background: var(--white);
    border: solid 1px #f3f3f3;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content ol li.product-item a.product-item-link, .account .columns .sidebar.sidebar-additional .block-content ol li.product-item a.product-item-link {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    display: block;
    border-bottom: solid 1px #c2c2c2;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content ol li.product-item:last-child a.product-item-link, .account .columns .sidebar.sidebar-additional .block-content ol li.product-item:last-child a.product-item-link {
    border: none;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content ol li.product-item a.action.delete, .account .columns .sidebar.sidebar-additional .block-content ol li.product-item a.action.delete {
    top: 2px;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content .actions-toolbar a, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar a, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button span {
    border: none;
    background: var(--Bluecolor);
    padding: 8px;
    color: var(--white);
    margin-top: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
    text-transform: uppercase;
}

.account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button {
    background: transparent !important;
    padding: 0px !important;
    margin: 7px;
}

.account .columns .sidebar.sidebar-additional .block-content .actions-toolbar {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button span {
    padding: 10px 12px;
}

.account .table-wrapper caption.table-caption {
    display: none;
}


.account table.data.wk_quotelist_table.table.table-order-items.history tr th {
    width: fit-content;
}

.account table.data.wk_quotelist_table.table.table-order-items.history {
    margin-top: 20px;
}
.account .column.main a {
    color: var(--Bluecolor);
}

.account .column.main a:hover {
    color: var(--Yellow);
}

.account .column.main  button {
    background: var(--Bluecolor);
    padding: 10px 12px;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: var(--font-14);
    transition: 0.5s;
    color:var(--White);
}

.account .column.main button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content .actions-toolbar a:hover, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar a:hover, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button span:hover {
    background: var(--Darkgray) !important;
    transition: 0.5s;
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content .actions-toolbar a.clear, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar a.clear {
    background: var(--Red);
}

.catalog-category-view .columns .sidebar.sidebar-additional .block-content ol li.product-item a.product-item-link:hover, .account .columns .sidebar.sidebar-additional .block-content ol li.product-item a.product-item-link:hover {
    color: var(--Yellow);
    transition: 0.5s;
}


.catalog-category-view .columns, .account .columns {
    margin-bottom: 20px;
}

.catalog-category-view .columns .column.main .products.wrapper.list.products-list ol li:last-child, .account .columns .column.main .products.wrapper.list.products-list ol li:last-child {
    border-bottom: none;
}

.account .wk-quote-buyer-list .quote_view
{
  padding: 10px;
}


.popup-authentication header.modal-header {
    padding: 30px;
}

.popup-authentication .block.block-new-customer ul {
    padding-left: 15px;
}

.popup-authentication .block.block-new-customer ul li {
    list-style: disc;
}

.popup-authentication .block.block-new-customer .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.popup-authentication .block.block-new-customer .actions-toolbar a {
    background: var(--Bluecolor);
    padding: 14px 15px;
    font-size: var(--font-16);
    text-transform: uppercase;
}

.popup-authentication .block.block-new-customer .actions-toolbar a:hover {
    background: var(--Darkgray);
}

.popup-authentication .block-title strong {
    font-size: var(--font-24);
}

.popup-authentication  .block.block-customer-login .actions-toolbar {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.popup-authentication .block.block-customer-login .actions-toolbar button, .popup-authentication .block.block-customer-login .actions-toolbar a {
    background: var(--Bluecolor);
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    color: var(--white);
    font-size: var(--font-16);
    margin: 0;
    transition: 0.5s;
}

.popup-authentication .block.block-customer-login .actions-toolbar>.secondary {
    padding: 0px;display: block;width: fit-content;margin: 10px;
}

.popup-authentication .block.block-customer-login .actions-toolbar .primary {
    margin: 10px;
}

.popup-authentication .block.block-customer-login .actions-toolbar>.secondary a.action {
    background: var(--Darkgray);
}

.popup-authentication .block.block-customer-login .actions-toolbar button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.popup-authentication .block.block-customer-login .actions-toolbar>.secondary a.action:hover {
    background: var(--Bluecolor);
}

/*  Product catalog page  css end */


/*  Contact us page  css start */


section.Contact-us-sec {
    padding: 3.5vw 0px;
}

.contact-index-index .page-title-wrapper {
    display: none;
}

section.Contact-us-sec .section-title-style {
    text-align: left;
}

section.Contact-us-sec .section-title-style h3 {
    margin: 0px;
    padding-left: 0px;
}

section.Contact-us-sec .section-title-style h3:before {
    display: none;
}

section.Contact-us-sec  p {
    font-size: var(--font-14);
    padding: 10px 0px;
}

section.Contact-us-sec p.contact-dec {
    padding-right: 10vw;
}

section.Contact-us-sec ul.address-and-contact {
    padding: 0px;
    margin: 0;
}

section.Contact-us-sec ul.address-and-contact li {
    list-style: none;
    padding: 2px 0px;
}

section.Contact-us-sec ul.address-and-contact li a {
    color: var(--Darkgray);
}

section.Contact-us-sec ul.address-and-contact li a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

section.Contact-us-sec ul.address-and-contact li a em, section.Contact-us-sec ul.address-and-contact li a i {
    font-size: var(--font-18);
    padding-right: 8px;
}

section.Contact-us-sec p.call-to-us a {
    display: block;
    padding-top: 5px;
    color: var(--Darkgray);
}

section.Contact-us-sec p.call-to-us a:hover {
    color: var(--Yellow);
}

section.Contact-us-sec form input {
    height: 40px;
}

section.Contact-us-sec form input:focus, section.Contact-us-sec form textarea:focus {
    border-color: var(--yellow);
    box-shadow: none;
}

section.Contact-us-sec form button {
    border: none !important;
    background: var(--Yellow) !important;
    padding: 10px 30px !important;
    border-radius: 5px !important;
    display: block;
    width: 100%;
    max-width: max-content !important;
    color: var(--White) !important;
    font-size: var(--font-16) !important;
    text-transform: uppercase !important;
    margin: auto;
    transition: 0.5s;
}

section.Contact-us-sec form button:hover {
    background: var(--Darkgray) !important;
    transition: 0.5s;
}




/*  Contact us page  css end */





/*  product_compare page  css start */
.catalog-product_compare-index a.action.print {
    display: block;
    margin-bottom: 10px;
    background: var(--Darkgray);
    width: fit-content;
    padding: 10px 12px;
    color: var(
    --white);
}

.catalog-product_compare-index a.action.print:hover {
    background: var(--Yellow);
    transition: 0.5s;
}

.catalog-product_compare-index .table-wrapper table {
    border: solid 1px #dee2e6;
    display: table;
}

.catalog-product_compare-index .table-wrapper caption.table-caption {clip: unset;position: absolute;width: fit-content;height: fit-content;padding: 10px;color: var(--Darkgray);}

.catalog-product_compare-index .table-wrapper table th.cell.label.remove {
    border: none;
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info {
    border: solid 1px #dee2e6;
}
.catalog-product_compare-index .table-wrapper table td.cell.product.info button.action.tocart.primary {
    background: var(--Bluecolor);
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info button {
    background: var(--Bluecolor);
    color: var(--White);
    border: none;
    padding: 10px 12px !important;
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info button:hover {
    background: var(--Darkgray);
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info .price-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info .price-box span.price-label {
    display: none;

}

.catalog-product_compare-index .table-wrapper table td.cell.product.info .price-box span.price {
    color: var(--Darkred);
    padding: 5px;
    font-family: 'Roboto', sans-serif;
}

.catalog-product_compare-index .table-wrapper table td.cell.product.info .price-box span.old-price span.price {
    color: var(--Bodycolor);
    text-decoration: line-through;
    font-family: 'Roboto', sans-serif;
}

.catalog-product_compare-index .table-wrapper table tr {
    border-bottom: solid 1px #dee2e6;
}

.catalog-product_compare-index .table-wrapper table td {
    border: solid 1px #cccccc;
}





/*  product_compare page  css end */


/*  checkout page  css start */

.checkout-index-index .authentication-wrapper {
    margin: 0px;
}

.checkout-index-index .authentication-wrapper button.action.action-auth-toggle {
    background: var(--Bluecolor);
    padding: 10px;
    border-radius: 5px;
    color: var(--white);
    font-size: 13px;
    margin-bottom: 1px;
}

.checkout-index-index .authentication-wrapper button.action.action-auth-toggle:hover {
    background: var(--Darkgray);
    transition: 0.5s;
    text-decoration: none;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show {
    border-color: #c8c8c8;
    border-radius: 15px;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show header.modal-header {
    border: none;
}
.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .block-title {
    font-size: var(--font-20);
    color: var(--Darkgray);
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show input {
    height: 40px;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show input:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar button, .checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar a.action.action-remind {
    background: var(--Bluecolor);
    padding: 10px 12px;
    border: none;
    color: var(--White);
    font-size: var(--font-14);
    font-weight: 500;
    margin: 10px;
    border-radius: 5px;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar button:hover, .checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar a.action.action-remind:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar .primary {
    display: block;
    margin: 0px 5px;
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar>.secondary {
    padding-top: 0px;display: flex;flex-wrap: wrap;align-items: flex-end;}

    .checkout-payment-method .payment-method + .payment-method .payment-method-title label.label {
        padding-top: 5px;
    }

.checkout-index-index ul.opc-progress-bar li.opc-progress-bar-item._active:before {
    background: var(--Yellow);
    border-color: var(--Yellow);
}

.checkout-index-index ul.opc-progress-bar li.opc-progress-bar-item._active span:before {
    background: var(--Yellow);
    border-color: var(--yellow);
}

.checkout-index-index ul.opc-progress-bar li.opc-progress-bar-item._active span:after {
    border-color: var(--Yellow);
}



.checkout-index-index .checkout-container {
    padding: 20px 0px;
}

.checkout-index-index li.checkout-shipping-address .step-title {
    border: none;
    font-size: var(--font-24);
    text-transform: uppercase;
    padding-top: 20px;
}

.checkout-index-index li.checkout-shipping-address .field input {
    height: 45px;
    border-radius: 3px;
    border-color: #c8c8c8;
}

.checkout-index-index li.checkout-shipping-address .field input:focus, .checkout-index-index li.checkout-shipping-address .field  select:focus {
    box-shadow: none;
    border-color: var(--Yellow);
}

.checkout-index-index li.checkout-shipping-address .field  select {
    height: 45px;
}

.checkout-index-index li.checkout-shipping-address .field  label.label span {
    color: var(--Darkgray);
}

.checkout-index-index li.checkout-shipping-address form.form.form-login {
    max-width: 700px;
    border: solid 1px;
    border-radius: 15px;
    border-color: #c8c8c8;
    padding: 30px;
    max-width: 700px;
}

.checkout-index-index li.checkout-shipping-address form.form.form-login .actions-toolbar button, .checkout-index-index li.checkout-shipping-address form.form.form-login .actions-toolbar a.action.remind {
    background: var(--Bluecolor);
    border: none;
    color: var(--white);
    padding: 10px 15px;
    margin: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
}

.checkout-index-index li.checkout-shipping-address form.form.form-login .actions-toolbar button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-index-index li.checkout-shipping-address form.form.form-login .actions-toolbar a.action.remind {
    background: var(--Darkgray);
    font-weight: 500;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method div#checkout-shipping-method-load {
    padding-left: 15px;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method form#co-shipping-method-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-end;
}


.checkout-index-index li.checkout-shipping-method .checkout-shipping-method table.table-checkout-shipping-method input.radio {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    accent-color: #ab8200;
}

.checkout-cart-index .cart-empty p {
    text-align: center;
    font-size: var(--font-16) !important;
}

.checkout-cart-index .cart-empty {
    padding: 30px;
    border: solid 2px var(--red);
    max-width: fit-content;
    display: block;
    margin: auto;
}

.checkout-cart-index .cart-empty a {
    color: var(--Bluecolor);
}

.checkout-cart-index .cart-empty a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

.checkout-index-index li.checkout-shipping-address form.form.form-login .actions-toolbar a.action.remind:hover {
    background: var(--Bluecolor);
    transition: 0.5s;
}

.checkout-index-index li.checkout-shipping-address form#co-shipping-form {
    max-width: 100%;
    padding: 30px;
     border: solid 1px;
    border-radius: 15px;
    border-color: #c8c8c8;
    padding: 30px;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method {
    position: static;
    margin-top: 4rem;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method .step-title {
    font-size: var(--font-24);
    text-transform: uppercase;
    border: none;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method .step-content td.col span, .checkout-index-index li.checkout-shipping-method .checkout-shipping-method .step-content td {
    font-size: var(--font-16);
    font-weight: 700;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method .step-content .actions-toolbar button {
    border-radius: 4px;
    background: var(--Bluecolor);
    color: var(--white);
    border: none;
    padding: 10px 20px;
}

.checkout-index-index li.checkout-shipping-method .checkout-shipping-method .step-content .actions-toolbar button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}


.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide header.modal-header {
    display: none;
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary {
    background: var(--Gray);
    border-radius: 5px;
    padding: 20px 40px;
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content span.title {
    font-size: var(--font-24);text-transform: uppercase;
}


.checkout-index-index li.checkout-payment-method .step-title {
    border: none;
    font-size: var(--font-24);
    text-transform: uppercase;
    padding-top: 20px;
}

.checkout-index-index li.checkout-payment-method  .payment-method._active button {
    border-radius: 4px;
    background: var(--Bluecolor);
    color: var(--white);
    border: none;
    padding: 10px 20px;
}


.checkout-index-index li.checkout-payment-method .payment-method._active .actions-toolbar {
    float: left;
    margin-bottom: 12px;
}

Body input[type=radio]:focus {
    box-shadow: none;
}


.new-address-popup button.action.action-show-popup {
    background: var(--Bluecolor);
    border: navajowhite;
    color: var(--white);
    padding: 10px 12px;
    transition: 0.5s;
    border-radius: 5px;
}

.new-address-popup button.action.action-show-popup:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-index-index li.checkout-payment-method .payment-method._active button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code span#block-discount-heading {
    color: var(--Darkgray);
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code .payment-option-content form#discount-form {
    display: flex;
    flex-wrap: wrap;
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code .payment-option-content form#discount-form input#discount-code {
    height: 45px;
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code .payment-option-content form#discount-form input#discount-code:hover {
    border-color: var(--Yellow);
    box-shadow: none;
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code .payment-option-content form#discount-form  button {
    border-radius: 0;
    background: var(--Bluecolor);
    color: var(--white);
    border: none;
    padding: 12px 15px;
}

.checkout-index-index li.checkout-payment-method .opc-payment-additional.discount-code .payment-option-content form#discount-form button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.checkout-index-index ul.opc-progress-bar li.opc-progress-bar-item span {
    font-size: var(--font-16);
    color: var(--Bodycolor);
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody th.mark {
    background: transparent;
    padding: 12px 0px;
}


.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td.col-price {
    padding-right: 20px !important;
    padding-left: 8px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row {
    padding-bottom: 20px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td input[type="radio"]:checked,  .firecheckout #checkout input[type="radio"]:checked {
    box-shadow: 0 0 0 10px #03579d inset !important;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td span {
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td.col-price span {
    font-weight: bold !important;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td {
    padding-right: 0px !important;
    font-weight: normal !important;
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody th.mark, .checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody td {
    font-weight: 700;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}


.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody tr {
    font-size: var(--font-16);
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody tr th {
    padding-bottom: 0px !important;
}

.checkout-index-index .checkout-container aside.modal-custom.opc-sidebar.custom-slide .modal-content .opc-block-summary tbody tr.totals.shipping.excl span.value {
    font-size: 12px;
}

.checkout-index-index .checkout-container .opc-block-shipping-information {
    background: #f5f6f6;
    padding: 0px;
    border-radius: 5px;
}

.checkout-index-index .checkout-container .opc-block-shipping-information .shipping-information {
    padding: 20px 30px;
}

.checkout-index-index .checkout-container .opc-block-shipping-information .shipping-information-title {
    font-size: var(--font-20);
    text-transform: uppercase;
}

.checkout-index-index  a {
    color: var(--Darkgray);
    font-weight: 700;
}

.checkout-index-index  .opc-estimated-wrapper {
    border: none;
    background: #f5f6f6;
}

.checkout-index-index .opc-estimated-wrapper .minicart-wrapper {
    margin: 5px 8px;
}


.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar a.action.action-remind {
    background: var(--Darkgray);
}

.checkout-index-index .authentication-wrapper aside.modal-custom.custom-slide._show .actions-toolbar a.action.action-remind:hover {
    background: var(--Bluecolor);
}


.opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--Yellow);
    width: 100%;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: var(--Yellow);
}

.modal-content form input, .modal-content form select, .modal-content form textarea {
    height: 40px;
}
.modal-content form input[type=checkbox]{

    height: auto;

}

.modal-content form input:focus, .modal-content form select:focus, .modal-content form textarea:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}



footer.modal-footer button {
    background: var(--Bluecolor) !important;
    padding: 10px 15px !important;
    color: var(--White) !important;
    margin: 5px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: none !important;
}

footer.modal-footer button:hover {
    border: none;
    text-decoration: none !important;
    background: var(--Darkgray) !important;
    transition: 0.5s !important;
}

footer.modal-footer button.action-hide-popup {
    background: var(--Darkgray) !important;
}

footer.modal-footer button.action-hide-popup:hover {
    background: var(--Yellow) !important;
}

.modal-popup .modal-title {
    border: none;
    font-size: var(--font-20);
}
/*  checkout page  css end */

/*  Brand page  css start */

.cms-brands .am-widget-brand-slider .ambrands-slider {
    max-width: 100% !important;
}

.cms-brands section.ambrands-letters-list {
    flex-wrap: wrap;
}

.cms-brands section.ambrands-letters-list h3.ambrands-title {
    font-size: var(--font-24);
}

.cms-brands section.ambrands-letters-list ul.ambrands-content {
    flex-wrap: wrap;
    align-items: stretch;
}

.cms-brands section.ambrands-letters-list ul.ambrands-content a.ambrands-inner:hover {
    border-color: var(--Yellow);
}

.cms-brands section.ambrands-letters-list .ambrands-letter {
    margin-bottom: 20px;
    width: 100% !important;
}


.cms-brands p strong {
    text-align: center !important;
    font-size: var(--font-14) !important;
}

.cms-brands p {
    text-align: center !important;
}

.ambrand-index-index .category-view img.image {
    width: 100%;
    max-width: 120px;
}
/*  Brand page  css end */



/*  Set to us page  css start */

.cms-sell-equipment section.set-to-us-banner-sec {
    padding: 3vw 0px 3vw 0px;
    background: var(--Bluecolor);
}

.cms-sell-equipment section.set-to-us-banner-sec .row {
    align-items: center;
}

.cms-sell-equipment section.set-to-us-banner-sec h1 {
    color: var(--white);
    font-size: var(--font-40);
    font-weight: 400;
    font-family: var(--Merriweather) !important;
    text-transform: uppercase;
    padding-left: 30px;
    position: relative;
    text-align: left;
    max-width: 460px;
}

.cms-sell-equipment section.set-to-us-banner-sec h1:before {
    content: '';
    background: var(--Yellow);
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cms-sell-equipment section.set-to-us-banner-se p {
    color: var(--White);
}

.cms-sell-equipment section.set-to-us-banner-sec p {
    text-align: left;
    color: var(--White);
    font-size: var(--font-18) !important;
    font-weight: 400 !important;
}


.cms-sell-equipment section.how-it-works {
    padding: 50px 0px;
}

.cms-sell-equipment section.how-it-works .title h2 {
    text-align: center;
    font-size: var(--font-30);
    color: var(--Darkgray);
}

.cms-sell-equipment section.how-it-works .box-wapper {
   width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px;
}

.cms-sell-equipment section.how-it-works .container>.row {
    justify-content: center;
}
.cms-sell-equipment section.how-it-works .box-wapper .box {
    background: var(--Darkgray);
    width: 100% !important;
    max-width: 32.33% !important;
    text-align: center;
    padding: 20px;
    color: var(--white);
    margin: 10px 0px;
    border-radius: 12px;
    box-shadow: 0 5px 11px #d8d5d5;
    border-bottom: solid 5px var(--yellow);
}

.cms-sell-equipment section.how-it-works .box-wapper .box i, .cms-sell-equipment section.how-it-works .box-wapper .box em {
    font-size: 35px;
    color: var(--Yellow);
    padding: 15px;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: solid 2px var(--Yellow);
    transition: 0.5s;
}

.cms-sell-equipment section.how-it-works .box-wapper .box:hover em, .cms-sell-equipment section.how-it-works .box-wapper .box:hover i {
    transform: rotate(360deg);
    transition: 0.5s;
}


.cms-sell-equipment section.how-it-works .box-wapper .box h3 {
    font-size: var(--font-24);
    padding: 20px 0px;
    text-transform: uppercase;
    font-family: var(--Merriweather) !important;
}

.cms-sell-equipment section.how-it-works .box-wapper .box p {
    font-size: var(--font-18) !important;
}


section.sell-your-req {
    padding: 3vw 0px;
    background: var(--Gray);
}

section.sell-your-req .title {
    text-align: center;
}

section.sell-your-req .title h2 {
    text-align: center;
    font-size: var(--font-30);
    color: var(--Darkgray);
    text-transform: uppercase;
    padding-bottom: 10px;
}

section.sell-your-req .title p {
    color: var(--Bodycolor);
}

section.sell-your-req .trust-and-review-fields {
    text-align: center;
    padding: 15px 0px;
}

section.sell-your-req  .how-it-work-list h4 {
    font-size: var(--font-20);
    color: var(--Darkgray);
    padding-bottom: 10px;
    padding-top: 20px;
}

section.sell-your-req  .infom-form {
    padding: 20px 0px;
}

section.sell-your-req  .buy-and-sell {
    text-align: center;
}

section.sell-your-req .buy-and-sell h2 {
    text-align: center;
    font-size: var(--font-30);
    color: var(--Darkgray);
    text-transform: uppercase;
    padding-bottom: 10px;
}

section.sell-your-req .buy-and-sell h2.small {
    font-size: 11px !important;
    font-style: oblique;
    font-family: var(--Merriweather) !important;
    text-transform: capitalize;
}

section.screen-shot-of-reviews {
    padding: 20px 0px;
    text-align: center;
}

section.screen-shot-of-reviews .screenshots {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

section.what-we-buy {
    padding: 50px 0px;
}

section.what-we-buy .title>h2 {
    text-align: center;
    font-size: var(--font-30);
    color: var(--Darkgray);
    padding-bottom: 10px;
}

section.what-we-buy .title h2.heading-style, section.what-we-buy .title h1.heading-style {
    text-align: left;
    font-size: var(--font-18);
}

section.what-we-buy p {
    color: var(--Bodycolor);
    line-height: 25px;
}


section.social ul {
    padding: 0;
    margin: 20px 0px;
    text-align: center;
}
section.social ul li a {
    color: #fff;
    padding: 12px;
    display: block;
}
section.social ul li {
    margin: 0px;
    list-style: none;
    text-align: center;
    display: inline-block;
    padding: 2px;
    margin: 5px;
    border-radius: 5px;
    color: #fff;
    transition: 0.5s;
}

section.social ul li i, section.social ul li em {
    font-size: var(--font-24);
}

section.social ul li.facebook {
    background: #3b5998;
}

section.social ul  li.youtube {
    background: #cd201f;
}

section.social ul  li.instagram {
    background: #262626;
}

section.social ul li:hover {
    opacity: 0.8;
    transition: 0.5s;
}


section.sell-your-req form.infomation-form {
    padding: 30px 15px;
}

section.sell-your-req form.infomation-form .title {
    width: 100%;
    text-align: left;
    font-size: var(--font-18);
    color: var(--Darkgray);
    display: block;
    padding: 20px;
    font-family: var(--Merriweather-Bold) !important;
}

section.sell-your-req form.infomation-form .form-field {
    margin-bottom: 20px;
}

section.sell-your-req form.infomation-form .form-field input, section.sell-your-req form.infomation-form .form-field textarea {
    height: 45px;
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    background: var(--white);
    border-color: #e7e7e7;
}

section.sell-your-req form.infomation-form .form-field input:focus, section.sell-your-req form.infomation-form .form-field textarea:focus {
    border-color: var(--Yellow);
    box-shadow: none;
}
section.sell-your-req form.infomation-form .form-field-check-box .check-box input[type=checkbox]:focus {
    box-shadow: none;
}


section.sell-your-req form.infomation-form .form-field-check-box label.form-field-raido-check-box {
    display: none;
}

section.sell-your-req form.infomation-form .form-field-check-box .check-box {
    display: flex;
    flex-wrap: wrap;
    align-items: first baseline;
    width: 100%;
  }
  section.sell-your-req form.infomation-form .form-field-check-box .check-box input {
    margin: 0px 10px;
  }

section.sell-your-req form.infomation-form .form-field-check-box .check-box input[type=checkbox]:hover {
    box-shadow: none;
}


section.sell-your-req form.infomation-form .form-field textarea {
    height: 80px;
}

section.sell-your-req form.infomation-form .title span.info {
    padding: 10px 0px;
    display: block;
    font-size: 13px;
}

section.sell-your-req form.infomation-form .form-field [type="file" i] {
    background: transparent;
}

section.sell-your-req form.infomation-form .form__buttons {
    text-align: center;
    width: 100%;
}

section.sell-your-req form.infomation-form .form__buttons button.sumbit-btn {
    display: block;
    margin: auto;
    background: var(--Bluecolor);
    text-align: center;
    width: fit-content;
    color: var(--white);
    font-size: 15px;
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    transition: 0.5s;
}

section.sell-your-req form.infomation-form .form__buttons button.sumbit-btn:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}


section.sell-your-req form.infomation-form .form-field.upload-pictures input.upload-field {
    padding: 10px 0px;
    margin-bottom: 5px;
}

section.sell-your-req form.infomation-form .form-field.upload-pictures label {
    width: 100%;
    text-align: left;
    font-size: var(--font-16);
    color: var(--Darkgray);
    display: block;
    font-family: var(--Merriweather-Bold) !important;
}

section.sell-your-req form.infomation-form .form-field.upload-pictures button {
    background: var(--Black);
    color: var(--White);
    padding: 8px 10px;
    border-radius: 4px;
    transition: 0.5s;
    border-color: var(--Black);
    font-size: 13px;
    font-family: var(--Merriweather) !important;
    font-weight: 400;
}

section.sell-your-req form.infomation-form .form-field.upload-pictures button:hover {
    background: var(--Darkgray);
    border-color: var(--Darkgray);
    transition: 0.5s;
}


section.sell-your-req .trusted {
    padding: 20px 0px;
}

.cms-sell-equipment-ndt .page-title-wrapper {
    display: none;
}

.cms-sell-equipment-ndt .page.messages, .cms-sell-equipment-xrf .page.messages, .cms-sell-equipment-fluke .page.messages, .cms-sell-your-exfo-equipment .page.messages, .cms-sell-your-afl-equipment .page.messages, .cms-sell-your-jdsu-viavi-equipment .page.messages, .cms-sell-your-fujikura-equipment .page.messages {
    display: none;
}
.cms-sell-your-pruftechnik-equipment .page.messages, .cms-sell-your-phased-array-equipment .page.messages, .cms-sell-your-olympus-ndt-videoscope-borescope-xrf-xrd-analyzer-equipment .page.messages, .cms-inno .page.messages, .cms-ideal .page.messages, .cms-sell-your-digitrak-equipment .page.messages, .cms-ditch-witch .page.messages{
    display: none;
}



.cms-sell-equipment-ndt main#maincontent, .cms-sell-equipment-xrf main#maincontent, .cms-sell-equipment-fluke main#maincontent, .cms-sell-your-exfo-equipment main#maincontent, .cms-sell-your-afl-equipment main#maincontent, .cms-sell-your-jdsu-viavi-equipment main#maincontent, .cms-sell-your-fujikura-equipment main#maincontent, .cms-sell-your-jdsu-viavi-equipment main#maincontent, .cms-inno main#maincontent, .cms-ditch-witch main#maincontent {
    max-width: 100% !important;
    padding: 0px !important;
}   

.cms-sell-your-pruftechnik-equipment main#maincontent, .cms-sell-your-phased-array-equipment main#maincontent, .cms-sell-your-olympus-ndt-videoscope-borescope-xrf-xrd-analyzer-equipment main#maincontent, .cms-ideal main#maincontent, .cms-sell-your-digitrak-equipment main#maincontent, .cms-videoscopes-borescopes main#maincontent{
    max-width: 100% !important;
    padding: 0px !important; 
}


.cms-anritsu main#maincontent, .cms-emerson main#maincontent, .cms-flir main#maincontent, .cms-subsite main#maincontent, .cms-hardness-testers main#maincontent, .cms-thickness-gauges main#maincontent, .cms-eddy-current-array main#maincontent, .cms-sell-your-omniscan-equipment main#maincontent,  .cms-sell-your-ultrasonic-flaw-detectors-equipment main#maincontent {
    max-width: 100% !important;
    padding: 0px !important; 
}

.cms-anritsu .page.messages, .cms-emerson .page.messages, .cms-flir .page.messages, .cms-subsite .page.messages, .cms-hardness-testers .page.messages, .cms-thickness-gauges .page.messages, .cms-eddy-current-array .page.messages, .cms-videoscopes-borescopes .page.messages, .cms-sell-your-omniscan-equipment .page.messages, .cms-sell-your-ultrasonic-flaw-detectors-equipment .page.messages{
    display: none;
}


section.what-we-buy hr {
    margin: 20px 0;
}

section.Whay-equipment-sec {
    padding: 50px 0px;
}

section.Whay-equipment-sec .section-contnet-style h2 {
    text-align: left;
    font-size: var(--font-30);
    color: var(--Darkgray);
    margin-bottom: 21px;
}

section.Whay-equipment-sec .section-contnet-style>p {
    padding: 10px 0px;
    color: var(--Bodycolor);
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 10px;
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box .icon-sec {
    width: 12%;
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box .box-content {
    width: 88%;
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box .icon-sec em, section.Whay-equipment-sec .section-contnet-style .icons .icon-box .icon-sec i {
    color: var(--Yellow);
    font-size: var(--font-20);
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box .box-content h3 {
    font-size: var(--font-16);
}

section.Whay-equipment-sec .section-contnet-style .icons .icon-box .box-content p {
    color: var(--Bodycolor);
    font-size: 13px !important;
}

section.what-we-buy ul {
    padding-left: 15px;
}

section.what-we-buy ul li {
    color: var(--Bodycolor);
}

section.sell-your-req ul {
    padding-left: 15px;
}

section.sell-your-req .trustpilot-section iframe {
    height: 42px !important;
}

section.sell-your-req h2.small {
    font-size: 11px !important;
    font-style: oblique;
    font-family: var(--Merriweather) !important;
    text-transform: capitalize;
}


section.what-we-buy .with-table table.specifications-table tr td, section.what-we-buy .with-table table.specifications-table tr th {
    border: solid 1px #d3d3d3;
}

section.what-we-buy .with-table table.specifications-table tr:nth-child(odd) {
    background: var(--Gray);
}

section.what-we-buy .with-table table.specifications-table {
    padding-bottom: 20px;
    margin: 16px 0px;
}

section.what-we-buy .with-table  h3 {
    margin: 20px 0px;
    text-align: left;
    font-size: var(--font-20);
    color: var(--Darkgray);
    text-transform: capitalize;
    padding-bottom: 10px;
}

/*  Set to us page  css end */


/*  site map  page  css Start */

.htmlsitemap-index-index .sitemap-search, .htmlsitemap-catalog_category-categories .sitemap-search {
    max-width: 800px;
    display: block;
    margin: 10px auto 30px;
}

.htmlsitemap-index-index .sitemap-search input, .htmlsitemap-catalog_category-categories .sitemap-search input {
    border-radius: 5px !important;
}

.htmlsitemap-index-index .sitemap-search input:focus, .htmlsitemap-catalog_category-categories .sitemap-search input:focus {
    box-shadow: none;
    border-color: var(--Yellow);
}

.htmlsitemap-index-index .sitemap-item-type, .htmlsitemap-catalog_category-categories .sitemap-item-type {
    background: var(--Gray);
    padding: 20px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    padding-bottom: 10px;
}

.htmlsitemap-index-index .sitemap-item-type .sitemap-title, .htmlsitemap-catalog_category-categories .sitemap-item-type .sitemap-title {
    font-size: var(--font-24);
    color: var(--Darkgray);
    text-transform: uppercase;
    display: block;
    margin-bottom: 14px;
}

.htmlsitemap-index-index .sitemap-item-type .sitemap-item-wrap a.sitemap-item {
    font-size: var(--font-14);
    color: var(--Darkgray);
    padding: 8px;
    border: solid 1px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 8px;
}

.htmlsitemap-index-index .sitemap-item-type .sitemap-item-wrap a.sitemap-item:hover {
    color: var(--Yellow);
    transition: 0.5s;
}



.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion>ul>li, .htmlsitemap-catalog_category-categories .sitemap-item-type  .widget.block.block-categories .accordion>ul>li {
    list-style: upper-latin;
}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion ul li a, .htmlsitemap-catalog_category-categories .sitemap-item-type  .widget.block.block-categories .accordion ul li a {
    color: var(--Darkgray);
    font-size: var(--font-14);
}
.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion ul li a:hover, .htmlsitemap-catalog_category-categories .sitemap-item-type  .widget.block.block-categories .accordion ul li a:hover{
    color: var(--Yellow);
    transition: 0.5s;

}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li, .htmlsitemap-catalog_category-categories .sitemap-item-type  .widget.block.block-categories .accordion>ul>li>ul>li {
    list-style: auto;
    padding-left: 0px;
}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul, .htmlsitemap-catalog_category-categories .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul {
    padding-left: 15px;
}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul li, .htmlsitemap-catalog_category-categories .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul li {
    padding-left: 15px;
    list-style: none;
    position: relative;
}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul li:before, .htmlsitemap-catalog_category-categories .sitemap-item-type .widget.block.block-categories .accordion>ul>li>ul>li ul li:before {
    width: 5px;
    height: 5px;
    content: '';
    background: var(--Bluecolor);
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50px;
}
.htmlsitemap-catalog_category-categories .column.main {
    width: 79% !important;
}


.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories a.view-more {
    background: var(--Bluecolor);
    padding: 10px 30px;
    border-radius: 5px;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    margin: 20px auto;
    transition: 0.5s;
}

.htmlsitemap-index-index .sitemap-item-type .widget.block.block-categories a.view-more:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional {
    padding: 10px 0px 0px 25px;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-title {
    padding: 12px 10px !important;
    background: var(--Gray);
    margin-bottom: 0px;
    display: block;
    font-size: var(--font-16);
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content {
    padding: 12px;
    background: var(--white);
    border: solid 1px #f3f3f3;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content ol li strong.product-item-name a {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    display: block;
    border-bottom: solid 1px #c2c2c2;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content .actions-toolbar a {
    border: none;
    background: var(--Bluecolor);
    padding: 8px;
    color: var(--white);
    margin-top: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
    text-transform: uppercase;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content .actions-toolbar a.clear {
    background: var(--Red);
}


.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional {
    padding: 10px 0px 0px 25px;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-title {
    padding: 12px 10px !important;
    background: var(--Gray);
    margin-bottom: 0px;
    display: block;
    font-size: var(--font-16);
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content {
    padding: 12px;
    background: var(--white);
    border: solid 1px #f3f3f3;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content ol li strong.product-item-name a {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    display: block;
    border-bottom: solid 1px #c2c2c2;
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content .actions-toolbar a, .htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .actions-toolbar button {
    border: none;
    background: var(--Bluecolor);
    padding: 8px;
    color: var(--white);
    margin-top: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
    text-transform: uppercase;
    max-width: fit-content;
    margin:5px
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content .actions-toolbar a.clear {
    background: var(--Red);
}

.htmlsitemap-catalog_category-categories .sidebar.sidebar-additional .block-content .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*  site map  page  css end */



/*  POLICYs page  css start */

.cms-sell-equipment .page.messages {
    margin: 0px;
}

.cms-returns .page-title-wrapper, .cms-shipping-information .page-title-wrapper, .cms-terms-conditions .page-title-wrapper, .cms-privacy-policy .page-title-wrapper, .htmlsitemap-index-index  .page-title-wrapper, .faq-index-index .page-title-wrapper {
    padding: 3vw 0px 3vw 0px;
    background: var(--Bluecolor);
    margin-bottom: 20px;
}
.cms-returns .page-title-wrapper h1.page-title span, .cms-shipping-information .page-title-wrapper h1.page-title span, .cms-terms-conditions .page-title-wrapper h1.page-title span, .cms-privacy-policy .page-title-wrapper h1.page-title span, .htmlsitemap-index-index .page-title-wrapper h1.page-title span, .faq-index-index .page-title-wrapper h1.page-title span {
    color: var(--white);
}

section.policys-page ol {
    padding-left: 25px;
}


 section.policys-page {
    padding: 20px 0px;
}

 section.policys-page h3 {
    text-align: left;
    font-size: var(--font-24);
    color: var(--Darkgray);
    margin-bottom: 12px;
}

 section.policys-page h4 {
    padding: 10px 0px;
    font-size: var(--font-16);
}

 section.policys-page ul {
    padding-left: 15px;
}

 section.policys-page a {
    color: var(--Bluecolor);
}

 section.policys-page a:hover {
    color: var(--Yellow);
    transition: 0.5s;
}

section.policys-page table {
    border: solid 1px var(--Darkgray);
    margin: 15px 0px;
}

section.policys-page table tr td {
    border: solid 2px var(--Darkgray);
    padding: 10px;
}

section.policys-page table tr td p {
    margin: 0px;
}

section.policys-page ol li {
    list-style: decimal-leading-zero;
}

/*  POLICYs page   css end */


/*  faq  page   css start */

.faq-index-index .faq-accordion .ui-accordion-header {
    font-size: var(--font-14) !important;
    background: transparent;
    border-color: #decece;
    position: relative;
    width: 100%;
    padding: 15px !important;
    transition: 0.5s;
    border-top: none;
    border-left: none;
    border-right: none;
}
.faq-index-index .faq-accordion .ui-accordion-header:hover {
    background: transparent !important;
    color: var(--Darkgray) !important;
}

.faq-index-index .faq-accordion .ui-accordion-header:after {
    right: 15px;
    position: absolute;
}

.faq-index-index .faq-accordion .ui-accordion-header.ui-state-active {
    background: transparent;
    color: var(--Darkgray);
    border: none;
}

.faq-index-index .faq-accordion  .ui-widget-content {
    border-color: #decece !important;
    padding: 10px 15px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.mageprince-faq-collection .faq-accordion .ui-widget-content p {
    font-size: 13px !important;
}

/*  faq  page   css end */



/* 404  page css start */


.cms-noroute-index .sidebar.sidebar-additional .block-content {
    padding: 12px;
    background: var(--white);
    border: solid 1px #f3f3f3;
}

.cms-noroute-index .sidebar.sidebar-additional 
 .block-title {
    font-size: var(--font-14);
    padding: 12px 10px !important;
    background: var(--Gray);
    margin-bottom: 0px;
    display: block;
}

.cms-noroute-index .sidebar.sidebar-additional .block-content ol li a {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
    display: block;
    border-bottom: solid 1px #c2c2c2;
}

.cms-noroute-index .sidebar.sidebar-additional .block-content ol li a.action.delete {
    border: none;
}

.cms-noroute-index .sidebar.sidebar-additional .block-content .actions-toolbar a.action {
    border: none;
    background: var(--Bluecolor);
    padding: 8px;
    color: var(--white);
    margin-top: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
    text-transform: uppercase;
}

.cms-noroute-index .sidebar.sidebar-additional .block-content .actions-toolbar a.clear {
    background: var(--Red);
}

.cms-noroute-index .sidebar.sidebar-additional .block-content .actions-toolbar a.action:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.cms-noroute-index .sidebar.sidebar-additional .block {
    margin-bottom: 15px !important;
    display: block;
}

.cms-noroute-index main#maincontent {
    max-width: 100% !important;
    padding: 0px !important;
}

.cms-noroute-index .columns {
    max-width: 1330px;
    padding: 15px;
    margin: auto;
}

.cms-noroute-index .page-title-wrapper {
    padding: 3vw 0px 3vw 0px;
    background: var(--Bluecolor);
    margin-bottom: 20px;
}

.cms-noroute-index .page-title-wrapper h1.page-title span {
    color: var(--white);
}

.cms-noroute-index .columns dl {
    text-align: center;
}

.cms-noroute-index .columns dl ul.disc {
    padding: 0;
}

.cms-noroute-index .columns dl ul.disc li {
    list-style: none;
}

.cms-noroute-index .columns  dt {
    font-size: var(--font-20);
    margin-bottom: 10px;
}

.cms-noroute-index .columns dl ul.disc li a {
    background: var(--Bluecolor);
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 12px;
    display: inline-block;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    margin: 10px;
}
.cms-noroute-index .columns dl ul.disc li span.separator {
    display: none;
}

.cms-noroute-index .columns dl ul.disc li a:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

/* 404  page css End */



/* New Home page css start  */


section.featured-categories-slider-sec .section-title-style h3 {
    padding: 0px;
    text-transform: capitalize;
}

section.featured-categories-slider-sec .section-title-style h3:after, section.featured-categories-slider-sec .section-title-style h3:before {
    display: none;
}

section.featured-categories-slider-sec .categories-slider ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

section.featured-categories-slider-sec .categories-slider ul li.item {
    margin: 5px 15px;
    border: solid 1px #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(25% - 30px);
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider ul li.item a {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 6px 8px;
}

section.featured-categories-slider-sec .categories-slider ul li.item:hover {
    border-color: var(--Darkgray);
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider ul li.item:hover img {
    transform: scale(1.04);
    transition: 0.5s;
}

section.featured-categories-slider-sec .categories-slider ul li.item img {
    width: 100%;
    max-width: 60px;
    padding-right: 10px;
    height: 60px;
    object-fit: contain;
}

section.featured-categories-slider-sec .categories-slider ul li.item h4.categories-title {
    margin: 0px;
    padding: 5px 8px;
    font-size: 13px;
}



section.trending-items-slider-sec {
    background: transparent !important;
}

section.trending-items-slider-sec .owl-featured-carousel {
    overflow: hidden;
    max-width: 1300px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item {
    border: solid 1px var(--Gray);
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;
    margin: 10px 0px;
    border-radius: 5px;
    padding-bottom: 10px;
}


section.trending-items-slider-sec .owl-featured-carousel .owl-item:hover {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,0.12)!important;
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item {
    position: relative;
    text-align: left;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item span.discount-label {
    position: absolute;
    right: -15px;
    background: #06b90d;
    color: var(--White);
    padding: 4px 10px;
    top: -4px;
    box-shadow: 0 0 5px #bbb;
    font-size: 12px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item img.product-img {
    max-width: 150px;
    margin: 0px auto 15px auto;
    margin: 10px auto 15px auto;
    width: 100%;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px !important;
}

section.trending-items-slider-sec h3 {
    font-size: var(--font-24);
    color: var(--Darkgray);
    text-transform: capitalize;
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 15px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item ul {
    padding: 0;
    border-top: solid 1px #0000001f;
    padding-top: 10px;
    margin-bottom: 4px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item ul li {
    display: inline-block;
    list-style: none;
    padding: 8px 5px 8px 0px;
    margin: 0px;
    text-transform: uppercase;
    color: #696969;
    line-height: 19px;
    font-family: var(--Merriweather-Bold);
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 30px;
    margin-bottom: 10px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item  .categories-title {
    color: var(--Bluecolor);
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .categories-title:hover {
    text-decoration: underline;
}


section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 40px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box span.price {
    color: var(--Black);
    transition: 0.5s;
    font-family:var(--Merriweather-Bold);
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .view-prodict:hover .price-box.price-final_price span {
    color: var(--Yellow);
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box span.special-price span {
    color: var(--Darkred);
   font-family:var(--Merriweather-Bold);
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box span.price-label {
    display: none;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box .old-price span.price {
    color: #acacac;
    text-decoration: line-through;
    padding: 8px 0px;
    padding-right: 5px;
    font-size: 12px;
    font-family: var(--Merriweather);
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .price-box span.special-price {
    order: 2;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item .categories-title {
    padding-bottom: 10px;
    font-family: var(--Merriweather-Light) !important;
    font-size: 14px;
    line-height: 19px;
    font-family: Roboto, sans-serif !important;
    min-height: 56px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 56px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item {
    position: relative;
    overflow: hidden;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item:before {
    content: '';
    background: var(--Bluecolor);
    position: absolute;
    width: 100%;
    height: 0.8rem;
    top: -8px;
    left: 0;
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item:hover::before {
    top: 0;
    transition: 0.5s;
}

section.brands-sec ul.brands-imgs li {
    position: relative;
    overflow: hidden;
}

section.brands-sec ul.brands-imgs li:before {
    content: '';
    background: var(--Bluecolor);
    position: absolute;
    width: 100%;
    height: 0.8rem;
    top: -8px;
    left: 0;
    transition: 0.5s;
}

section.brands-sec ul.brands-imgs li:hover::before {
    top: 0;
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block {
    text-align: center;
    margin-top: 15px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block button {
    border: none;
    background: var(--Bluecolor);
    color: var(--White);
    font-size: 14px;
    width: 100%;
    padding: 10px 5px;
    font-family: var(--Merriweather) !important;
    transition: 0.5s;
    border-radius: 4px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block button span {
    font-family: var(--Merriweather) !important;
    font-weight: 400;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block button:hover {
    background: var(--Yellow);transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav {
    display: block;
    text-align: center;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button span {
    padding: 10px;
    font-size: 25px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block .out-of-stock {
    background: var(--Darkred);
    padding: 10px;
    border: none;
    color: var(--White);
    font-size: 14px;
    width: 100%;
    padding: 10px 5px;
    font-family: var(--Merriweather) !important;
    transition: 0.5s;
    border-radius: 4px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block .out-of-stock {
    background: var(--Darkred);
    padding: 10px;
    border: none;
    color: var(--White);
    font-size: 14px;
    width: 100%;
    padding: 10px 5px;
    font-family: var(--Merriweather) !important;
    transition: 0.5s;
    border-radius: 4px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .add-to-cart-block .out-of-stock span {
    color: var(--WHite);
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button span {
    font-size: 0;
    text-align: center;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button span:before {
   content: "\f061";
   font-weight: 900;
   font-family: "Font Awesome 6 Free";
   font-size: 20px;
   color: var(--Darkgray);
   bottom: -1px;
   position: relative;
   transition: .5s;
   font-size: 20px;
}


section.trending-items-slider-sec .owl-featured-carousel .owl-nav button.owl-prev span:before {
 content: "\f060";
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button {
    margin: 4px 25px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button span:hover::before {
    color: var(--Yellow) !important;
    transition: 0.5s;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-nav button {
    background: transparent;
    border: none;
    padding: 0px;
    box-shadow: none;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-dots button {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0px;
}


section.trending-items-slider-sec .owl-featured-carousel .owl-dots {
    text-align: center;
    top: -29px;
    position: relative;
    width: fit-content;
    margin: auto;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-dots button.owl-dot span {
    width: 8px;
    height: 8px;
    background: var(--Darkgray);
    border-radius: 100%;
    margin: 0px 6px;
    display: block;
    padding: 0px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-dots button.owl-dot.active span {
    background: var(--Yellow);
    width: 10px;
    height: 10px;
}

/* New Home page css End  */




/* Website Responsive css start */

@media screen and (min-width: 1024px) {


section.trending-items-slider-sec  .content>ul>li:last-child {
    margin-right: 0px;
}
}

@media screen and (max-width: 1024px) {

    section.featured-categories-slider-sec .categories-slider ul li.item {
        max-width: calc(25% - 30px);
    }

    .catalog-category-view .columns .column.main .products.wrapper.products-grid ol li {
        width: calc(50% - 20px);
        margin: 10px;
    }

    section.what-we-buy, section.Whay-equipment-sec {
        padding: 40px 0px;
    }
    .cms-sell-equipment section.how-it-works {
        padding: 40px 0px;
    }
    
    .cms-sell-equipment section.how-it-works .box-wapper .box {
      max-width: 32% !important;
       
    }

    .catalog-product-view .block.related .products.wrapper ol.products.list li {
        width: calc(33.33% - 20px);
    }

    section.trending-items-slider-sec  .content>ul>li {
        width: calc(33.33% - 20px);
    }

    section.refurbished-sec .refurbished-bg-style .icon em, section.refurbished-sec .refurbished-bg-style .icon i {
        font-size: 100px;
    }
    

}

@media screen and (max-width: 768px) {

    section.featured-categories-slider-sec .categories-slider ul li.item {
        max-width: calc(33.33% - 30px);
    }

    section.brands-sec ul.brands-imgs {
        padding-top: 10px !important;
        justify-content: start;
    }
    #mfbacktop {
        right: 10px !important;
        bottom: 120px !important;
    }
    section.additional-services-boxs-sec .left-additionl-box .additionl-box-inner {
        height: auto;
    }

    footer.page-footer section.connect-with-sec .content .connect-with-us-title {
        width: 100%;
        text-align: center;
    }
    footer.page-footer section.connect-with-sec .content .subscribe {
        width: 100%;
        margin: 0 !important;
    }

    
.catalog-product-view .product.media .fotorama-item {
    min-width: 90vw;
    width: 100%;
    height: 100%;
}

.catalog-product-view .product.media .fotorama-item .fotorama__wrap {
    min-width: 100% !important;
    height: 100% !important;
}

.catalog-product-view .product.media .fotorama-item .fotorama__stage {
    width: 100% !important;
    height: 100% !important;
}

.catalog-product-view .product.media .fotorama-item .fotorama__stage__frame {
    width: 100% !important;
    height: 100% !important;
}

.catalog-product-view .product.media .fotorama-item  .fotorama__stage__shaft.fotorama__grab {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height:400px !important;
}


.catalog-product-view .product.media .fotorama-item .fotorama__nav {
    width: 100% !important;
}

  
    .catalog-category-view .columns .column.main .products.wrapper ol li .product.details .product-item-inner .actions-primary {
        margin: 8px 2px;
        display: inline-block;
    }


    section.refurbished-sec .refurbished-bg-style .icon em, section.refurbished-sec .refurbished-bg-style .icon i {
        font-size: 80px;
    }

    .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar .secondary, .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar .primary {
        margin: 5px;
    }
    
    .account .columns .sidebar.sidebar-additional .block-content .actions-toolbar {
        align-items: center;
    }

    .catalog-category-view .columns .column.main .products.wrapper.products-grid ol li {
        width: calc(50% - 20px);
        margin: 10px;
    }
    section.sell-your-req form.infomation-form .form-field {
       max-width: 100% !important;
       flex: 100% !important;
    }
    section.what-we-buy, section.Whay-equipment-sec {
        padding:30px 0px;
    }

    section.sell-your-req {
        padding: 30px 0px;
      
    }

    .cms-sell-equipment section.how-it-works .box-wapper .box i,  .cms-sell-equipment section.how-it-works .box-wapper .box em {
        font-size: 28px;
    }

    .cms-sell-equipment section.how-it-works {
        padding: 30px 0px;
    }
    
    .cms-sell-equipment section.how-it-works .box-wapper .box {
      max-width: 100% !important;
       
    }

    .checkout-index-index li.checkout-shipping-address form#co-shipping-form, .checkout-index-index li.checkout-shipping-address form.form.form-login {
        margin: 10px 0px;
    }
    
    .checkout-index-index li.checkout-shipping-method .checkout-shipping-method form#co-shipping-method-form {
        margin: 0px;
        border: none;
    }

    .catalog-product-view .product-info-main.unavailable .product-add-form {
        width: 100%;
    }
    
    .catalog-product-view .product-info-main.unavailable .product-social-links {
        width: 100%;
    }

    .checkout-cart-index .cart-container .cart-discount .block.discount .title:after {
        top: 0;
    }

    .checkout-cart-index .cart-container form table tr td a img {
        max-width: 60px;
    }

    .checkout-cart-index .cart-container form table tr.item-info td.col.item {
        margin-bottom: 10px;
    }
    .sections.nav-sections .section-items.nav-sections-items .section-item-title:nth-child(3) {
        display: none;
    }
    
    .sections.nav-sections .section-items.nav-sections-items .section-item-title {
        width: 100% !important;
    }

    .catalog-category-view .columns .sidebar.sidebar-additional {
        padding: 10px;
    }

    .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section {
        width: 100%;
        justify-content: flex-start;
    }
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product-info-stock-sku {
        width: 100%;
    }
    
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product.details {
        width: 75%;
        margin: 0px;
        border: none;
    }
    
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product-item-info a.product.photo.product-item-photo {
        width: 25%;
    }

    .catalog-product-view .block.related .products.wrapper ol.products.list li {
        width: calc(50% - 10px);
        margin: 5px;
    }



    section.trending-items-slider-sec .col-12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    section.trending-items-slider-sec .col-12 a.view-all-products.w-100 {
        order: 2;
    }


    section.brands-sec ul.brands-imgs li a img.ambrands-image {
        width: 100%;
        max-width: 120px;
    }

    section.refurbished-sec .refurbished-bg-style {
        padding:30px;
       
    }

    section.refurbished-sec {
        padding: 30px 0px;
    }
    section.additional-services-boxs-sec .additionl-box-inner .img-side img.addi-img {
        margin: 20px 0px 0px;
    }
    section.additional-services-boxs-sec .additionl-box-inner {
        padding: 30px;
      
    }

    section.additional-services-boxs-sec {
        padding: 30px 0px;
    }

    section.trending-items-slider-sec {
        padding: 20px 0px;
       
    }

    section.trending-items-slider-sec a.view-all-products {
        float: left;
        margin: 15px 10px;
    }

    section.trending-items-slider-sec  .product.data {
        margin: 0;
        border: solid 1px #cfcfcf;
        padding: 10px;
    }
    
    section.trending-items-slider-sec  .product.data .title {
        padding: 10px;
        border-top: solid 1px #cfcfcf;
    }
    
    section.trending-items-slider-sec  .product.data .title:nth-child(1) {
        border: none;
    }


    .account .columns .sidebar.sidebar-main .block.block-collapsible-nav {
        top: 0px;
    }
    
    .account .columns .column.main {
        margin-top: 28px;
    }
    form.form-create-account .field.field-name-firstname, form.form-create-account .field.field-name-lastname {
        width: calc(100% - 0px);
    }
    .page-header {
        margin-bottom: 0px;
    }

    section.home-page-banner {
        padding: 25px 0px 20px 0px;
    }

    section.services-staps-box .services-style {
        padding: 20px;
    }

    .sections.nav-sections .nav-sections-item-content {
        padding: 0px;
    }
    
    .sections.nav-sections .nav-sections-item-content nav.navigation li {
        border-top: 0;
        border-bottom: solid 1px #52666d;
        padding: 5px 0px;
    }
    
    .sections.nav-sections .nav-sections-item-content nav.navigation li a {
        font-size: 13px;
        font-family: var(--Merriweather) !important;
    }


.sections.nav-sections .nav-sections-item-content nav.navigation li ul li a {
    color: var(--white);
    text-align: left;
    padding: 10px;
    font-size: 12px;
}

.sections.nav-sections nav.navigation ul>li>ul>li {
    padding: 5px 5px 5px 20px !important;
}


.sections.nav-sections .nav-sections-item-content nav.navigation ul li ul li {
    border-color: var(--Yellow);
}


.sections.nav-sections .nav-sections-item-content nav.navigation ul li ul li ul {
    margin-bottom: 10px;
}

.sections.nav-sections .nav-sections-item-content nav.navigation ul li ul li ul li {
    border-color: #52666d;
}

footer.page-footer {
    padding: 30px 0px;
   
}

footer.page-footer .footer-style .menu-links h3 {
    margin-top: 12px;
}

footer.page-footer .footer.content .footer-style {
    padding-top: 30px;
}

section.Contact-us-sec form#contact-form {
    padding-top: 40px;
}


.contact-index-index main#maincontent {
    padding: 0px !important;
}

section.brands-sec ul.brands-imgs {
    justify-content: start;
}

section.brands-sec ul.brands-imgs li {
    min-height: 90px;
}

section.trending-items-slider-sec .owl-featured-carousel .owl-item .item ul li {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 30px;
    margin-bottom: 10px;
}

}

@media screen and (max-width: 600px) {

    section.trending-items-slider-sec .owl-featured-carousel .owl-stage {
        padding-left: 10px !important;
    }

    section.featured-categories-slider-sec .categories-slider ul li.item {
        max-width: calc(50% - 10px);
        margin: 5px !important;
    }

    .catalog-category-view .columns .column.main .products.wrapper.products-grid ol li {
        width: calc(100% - 20px);
        margin: 10px;
    }

    section.Contact-us-sec p.contact-dec {
        padding-right: 0vw;
    }



    section.trending-items-slider-sec  .content>ul>li {
        width: calc(50% - 20px);
    }

}


@media screen and (max-width: 576px) {

    section.brands-sec ul.brands-imgs li {
        width: calc(50% - 10px);
    }

    section.brands-sec .section-title-style {
        flex-wrap: wrap;
    }
    
    section.brands-sec .section-title-style .view-more-btn {
        width: 100% !important;
    }
    
    section.brands-sec .section-title-style .view-more-btn a.view-all-btn {
        margin-left: 0px;
        margin-top: 10px;
    }

    section.featured-categories-slider-sec .categories-slider ul li.item {
        max-width: calc(100% - 10px);
    }


    .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .stock, .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.sku, .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.model, .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .product.attribute.product-condition {
        justify-content: center;
        padding-left: 5px;
    }
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .right-additional-section .brand-logo {
        text-align: center;
        padding-top: 12px;
    }  
    
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product.details {
        text-align: center;
    }

    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product.details {
        text-align: center;
    }

    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product.details {
        width: 100%;
        
    }
    
    .catalog-category-view .columns .column.main .products.wrapper.list ol li .product-item-info a.product.photo.product-item-photo {
        width: 100%;
        text-align: center;
    }

    .catalog-product-view .product-info-main .product-reviews-summary {
        margin-top: 0px;
    }

    .catalog-product-view .product-info-main .amshopby-option-link {
        float: left;
    }

    .catalog-product-view .block.related .products.wrapper ol.products.list li {
        width: calc(100% - 0px);
        margin: 5px 0px;
    }


    section.refurbished-sec .refurbished-bg-style {
        padding:20px;
       
    }

    section.refurbished-sec {
        padding: 20px 0px;
    }

    section.additional-services-boxs-sec .additionl-box-inner {
        padding: 20px;
      
    }
  
    .copy-right-bar small.copyright span, .copy-right-bar small.copyright {
        text-align: center !important;
        
    }
    
    .copy-right-bar img.Payments {
        float: none;
        display: block;
        margin: auto;
    }

    footer.page-footer {
        padding: 20px 0px;
        margin: 0px;
       
    }

    section.home-page-banner .banner-right-sec .banner-right-box-dark-sec img,
    section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec img {
        margin: 20px 0px;
    }

    section.services-staps-box .services-style {
        padding: 15px;
    }

    section.services-staps-box .services-style .service-box-style .service-icon {
        display: block;
        width: 100%;
        text-align: center;
    }
    section.services-staps-box .services-style .service-box-style {
        justify-content: center;
    }

    section.services-staps-box .services-style .service-box-style .service-title h4, section.services-staps-box .services-style .service-box-style .service-title p {
        text-align: center;
    }
    

    section.home-page-banner .banner-right-sec .banner-right-box-dark-sec,
    section.home-page-banner .banner-right-sec .banner-right-box-bottom-light-sec {
        padding: 2rem;
    }

  

}

@media screen and (max-width:475px) {
    .catalog-product-view .product-info-main .product-info-price .product-info-stock-sku {
        width: 100%;
    }
    section.trending-items-slider-sec  .content>ul>li {
        width: calc(100% - 0px);
    }

}

@media screen and (min-width:767px) {
section.Contact-us-sec form .field.fname, section.Contact-us-sec form .field.lname, section.Contact-us-sec form .field.email, section.Contact-us-sec form .field.telephone {
    width: calc(50% - 8px);
    float: left;
}

section.Contact-us-sec form .field.fname, section.Contact-us-sec form .field.email {
    margin-right: 8px;
}

section.Contact-us-sec form .field.lname, section.Contact-us-sec form .field.telephone {
    margin-left: 8px;
}
.checkout-cart-index .cart-container .cart-discount .block.discount {
    margin-top: -65px;
}

}



@media screen and (min-width:640px) {

.account .table-wrapper table{
    table-layout:fixed
}

.account form#form-productlist-filter table tr {
    display: flex;
    flex-wrap: wrap;
}



.account table.data.wk_quotelist_table.table.table-order-items.history th.wk_check_first_td {
    width: 70px;
}

.account table.data.wk_quotelist_table.table.table-order-items.history th.col.wkactions {
    width: 80px;
}

.account table.data.wk_quotelist_table.table.table-order-items.history th.col.productQty.sort {
    width: 90px;
}

.account table.data.wk_quotelist_table.table.table-order-items.history th.col.wkstatus {
    width: 100px;
}

.account table.data.wk_quotelist_table.table.table-order-items.history th.col.productPrice.sort {
    width: 110px;
}
.account table.data.wk_quotelist_table.table.table-order-items.history th.col.wkdate {
    width: 110px;
}

.message.global.cookie .content p {
    max-width: 100%;
}

}

@media screen and (max-width:480px) {
section.trending-items-slider-sec .content>ul>li img.product-img {
        margin: auto;
    }
}

/* Website Responsive css End */

/* Website search page css start */

.catalogsearch-result-index.catalog-category-view .columns .sidebar.sidebar-additional .block-content .actions-toolbar button {
    border: none;
    background: var(--Bluecolor);
    padding: 8px;
    color: var(--white);
    margin-top: 5px;
    border-radius: 5px;
    font-size: var(--font-14);
    text-transform: uppercase;
    transition: 0.5s;
    transition: 0.5s;
    max-width: fit-content;
}

.catalogsearch-result-index.catalog-category-view .columns .sidebar.sidebar-additional .block-content .actions-toolbar button:hover {
    background: var(--Darkgray);
    transition: 0.5s;
}

.catalogsearch-result-index.catalog-category-view .columns dl.block {
    padding: 10px;
}


/* Website search page css End */


/* Website mega menu css css start */

/*
@media screen and (min-device-width:1200px) and (max-device-width: 1400px) { 
    .sections.nav-sections ul li>ul.submenu>li {
      width: 25% !important;
        
    }
}

@media screen and (min-device-width:768px) and (max-device-width: 1200px) { 
    .sections.nav-sections ul li>ul.submenu>li {
      width: 33.33% !important;
        
    }
}
*/


@media screen and (min-device-width:768px) and (max-device-width: 1200px) { 
    .sections.nav-sections ul li>ul.submega {
        display: flex !important;
        flex-wrap: wrap;
        column-count: auto !important;
        align-items: flex-start;
        height: auto !important;
        left: 0 !important;
        z-index: 99999;
        padding: 10px 10px;
       overflow-y: scroll !important;
        display: block !important;
         width: 100%;
    }
    
    .sections.nav-sections ul li>ul.submega>li>ul {
        display: none !important;
    }
    
    .sections.nav-sections ul li>ul.submenu li>ul.submenu {
        display: none !important;
    }
    
    .sections.nav-sections ul li>ul.submega>li {
        width: 33.33% !important;
        padding: 5px !important;
        display: inline-block !important;
    }


    
.sections.nav-sections ul li>ul.submenu li.parent:hover>ul.submenu {
    overflow: unset !important;
}
.sections.nav-sections ul>li.first.parent:hover>ul.submenu, .navigation .level0.parent:hover > .submenu {
    overflow-y: scroll !important;
} 

.sections.nav-sections ul li>ul.submenu>li a {
    word-wrap: break-word;
    padding: 10px;
    font-size: 13px;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu {
    display: none !important;
    border: none;
    box-shadow: none;
    position: unset !important;
    padding-top: 0px;
    background: transparent;
    height: 100% !important;
    overflow: unset !important;
    padding: 0px;
    column-count: unset;
}



.sections.nav-sections ul li>ul.submenu li>ul.submenu li {
    display: block;
    width: 100% !important;
    background: transparent;
    padding: 0px;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu li a {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px !important;
    color: var(--Darkgray) !important;
}

.sections.nav-sections ul li>ul.submenu li span.ui-menu-icon {
    display: none !important;
}


.sections.nav-sections ul li>ul.submenu>li a {
    font-size: var(--font-14);
    font-weight: 900;
    color: var(--Bluecolor) !important;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu li a:hover, .sections.nav-sections ul li>ul.submenu>li a:hover {
    background: transparent !important;
    color: var(--Yellow) !important;
}

}



@media screen and (min-width:1200px) {

.sections.nav-sections ul li>ul.submega {
    left: 0 !important;
    z-index: 99999;
    padding: 10px 10px;
    height: 500px;
    overflow-y: scroll !important;
    display: block !important;
    column-count: 6;
    width: 100%;
}

.sections.nav-sections ul li>ul.submenu li.parent:hover>ul.submenu {
    overflow: unset !important;
}
.sections.nav-sections ul>li.first.parent:hover>ul.submenu, .navigation .level0.parent:hover > .submenu {
    overflow-y: scroll !important;
} 

.sections.nav-sections ul li>ul.submenu>li a {
    word-wrap: break-word;
    padding: 10px;
    font-size: 13px;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu {
    display: block !important;
    border: none;
    box-shadow: none;
    position: unset !important;
    padding-top: 0px;
    background: transparent;
    height: 100% !important;
    overflow: unset !important;
    padding: 0px;
    column-count: unset;
}



.sections.nav-sections ul li>ul.submenu li>ul.submenu li {
    display: block;
    width: 100% !important;
    background: transparent;
    padding: 0px;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu li a {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px !important;
    color: var(--Darkgray) !important;
    word-wrap: break-word;
}

.sections.nav-sections ul li>ul.submenu li span.ui-menu-icon {
    display: none !important;
}


.sections.nav-sections ul li>ul.submenu>li a {
    font-size: var(--font-14);
    font-weight: 900;
    color: var(--Bluecolor) !important;
    word-wrap: break-word;
}

.sections.nav-sections ul li>ul.submenu li>ul.submenu li a:hover, .sections.nav-sections ul li>ul.submenu>li a:hover {
    background: transparent !important;
    color: var(--Yellow) !important;
}


}
/* Website mega menu css css end */

.checkout-onepage-success .checkout-success {
    max-width: 800px;
    display: block;
    margin: auto;
    text-align: center;
    border: solid 2px #36b800;
    padding: 20px;
}

.checkout-onepage-success .checkout-success .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
}


section.mega-menu-sec {
    -moz-column-count: 3;
    column-count: 3;
    width: 1262px;
    display: block;
    margin: auto;
    background: var(--White);
    box-shadow: 0 4px 8px #ccc;
    padding: 15px;
    width: 100%;
    max-width: 1320px;
}

section.mega-menu-sec .main-wapper {
    height: 100%;
}

section.mega-menu-sec .main-wapper .manu-wapper {
    justify-content: center;
    flex-direction: column-reverse;
    height: 100%;
    display: flex;
}


section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 10px;
}


section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box h4.ceg-title {
    font-size: var(--font-14);
    color: var(--Bluecolor);
    padding-bottom: 4px;
}

section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box ul.sub-ceg-list li a {
    font-size: 13px;
    color: var(--Darkgray);
}

section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box ul.sub-ceg-list li {
    list-style: none;
}

section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box ul.sub-ceg-list li a:hover {
    color: var(--Yellow);
}

section.mega-menu-sec .main-wapper .manu-wapper .menu-box .list-box ul.sub-ceg-list {
    padding-left: 10px;
}




/* Website Cookies css start */


.message.global.cookie {
    background: #30434ad4;
    z-index: 9999;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 8px 0px;
}

.message.global.cookie .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    flex-wrap: wrap;
    width: 100%;
    max-width: 1330px;
    padding: 0px 15px;
}

.message.global.cookie a {
    color: var(--Yellow);
}

.message.global.cookie .content p {
    max-width: 80%;
}

.message.global.cookie .content button {
    background: var(--Bluecolor);
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    transition: 0.5s;
}

.message.global.cookie .content button:hover {
    background: var(--Yellow);
    transition: 0.5s;
}



.account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button.action.tocart span {
    background: var(--Bluecolor) !important;
}

.account .columns .sidebar.sidebar-additional .block-content .actions-toolbar button.action.tocart span:hover {
    transition: 0.5s;
    color: var(--white);
    background: var(--Darkgray) !important;
    transition: 0.5s;
    color: var(--white);
}

html {
  scroll-behavior: smooth;
}

footer.page-footer .footer-style p {
    text-align: left !important;
}

.checkout-index-index li.checkout-shipping-address .field input[type="checkbox"] {
    height: auto !important;
}


/* product details page img sec css start */

@media screen and (min-width: 769px) {

    .catalog-product-view .product.media .fotorama__stage__frame .fotorama__img {
    transform: translate3d(-50%, -59%, 0) !important;
    -webkit-transform: translate3d(-50%, -59%, 0);
    -ms-transform: translate3d(-50%, -59%, 0);
    -o-transform: translate3d(-50%, -59%, 0);
}


    .catalog-product-view .product.media .fotorama__nav-wrap.fotorama__nav-wrap--horizontal .fotorama__nav .fotorama__thumb__arr {
        background: #e0e0e096;
    }


    .catalog-product-view .product.media .fotorama__nav-wrap.fotorama__nav-wrap--horizontal .fotorama__nav:before,
    .catalog-product-view .product.media .fotorama__nav-wrap.fotorama__nav-wrap--horizontal .fotorama__nav:after {
        background: transparent;
    }
}

@media screen and (max-width: 769px) {
    .catalog-product-view .product.media .fotorama__arr {
        background: transparent !important;
    }

}


@media screen and (min-width: 1150px) {
    .catalog-product-view .product.media .fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
        max-width: 480px;
        margin: auto;
        width: 100%;
    }

    .catalog-product-view .product.media .fotorama__wrap .fotorama__stage {
        width: 500px !important;
        height: 500px !important;
        display: flex;
    }
}


@media screen and (min-device-width: 769px) and (max-device-width: 1150px) {
    .catalog-product-view .product.media .fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
        max-width: 320px;
        margin: auto;
        width: 100%;
    }
    .catalog-product-view .product.media .fotorama__wrap .fotorama__stage {
        width: 320px !important;
        height: 420px !important;
        display: flex;
    }
}

/* product details page img sec css end */

.checkout-index-index .payment-method .sorter {
    width: 100%;
    float: left;
    padding-bottom: 16px;
}

.checkout-onepage-success #registration {
  text-align: center;
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button.wk_qs_quote_button, .catalog-product-view .product-info-main .product-add-form .box-tocart .actions button {
    min-width: fit-content;
}

.catalog-product-view .product-info-main .product-add-form .box-tocart .actions button.wk_qs_quote_button, .catalog-product-view .product-info-main .product-add-form .box-tocart .actions button {
    width: 100%;
    max-width: 257px;
}

.catalog-product-view .product-info-main.unavailable .product-social-links a.action.tocompare {
    margin-top: 35px;
}

.copy-right-bar img.Payments {
    max-width: 300px;
    margin: 0;
    display: block;
    width: 100%;
}

.copy-right-bar div#authorize-seal {
    max-width: 45px;
    margin-left: 5px;
}

.copy-right-bar .col-12 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.copy-right-bar .col-12:last-child {
    justify-content: flex-end;
}

.copy-right-bar div#authorize-seal img {
    width: 100%;
    max-width: 45px;
    min-width: 40px;
}

@media only screen and (max-width: 767px) {
    body .header.content .minicart-wrapper {
        padding-right: 10px;
    }
  .catalog-product-view .product-info-main.unavailable .product-add-form {
    width: 82% !important;
}

.catalog-product-view .product-info-main.unavailable .product-social-links {
        width: 18% !important;
    }
}



.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav:hover ul {
    background: #f3f3f3;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav:hover ul li:hover a {
    color: var(--white);
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav ul {
    width: 100%;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav:hover {
    background: #f3f3f3;
}

.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav a,
.account .columns .sidebar.sidebar-main .block-collapsible-nav .content ul.nav.items li.item.quote-nav ul li a {
    color: var(--Darkgray);
}

@media screen and (max-width: 576px) {
    .copy-right-bar .col-12 {
        text-align: center;
        justify-content: center !important;
    }
}
@media screen and (max-width: 1300px) {

    section.trending-items-slider-sec h3 {
        padding-left: 15px;
    }

}


@media screen and (max-width: 940px) {

    body .header.content ul.login-support-list {
        width: 50px;
    }
    
    body .header.content ul.login-support-list li a {
        font-size: 0;
    }
    
    body .header.content ul.login-support-list li a img {
        margin: 0;
    }
    
    body .header.content .block.block-search {
        width: calc(70% - 160px);
    }

    body section.recent-blog-sec ul.post-list li {
        width: calc(50% - 20px) !important;
    }
    
    section.recent-blog-sec ul.post-list li:last-child {
        width: 100% !important;
    }


}


@media screen and (max-width: 767px) {

    .account .columns .sidebar.sidebar-main .block.block-collapsible-nav {
        top: 60px !important;
    }

    .account .columns .column.main {
        margin-top: 100px !important;
    }

    .form-group.required div#recaptcha {
        text-align: center;
        width: 100%;
    }

    .form-group.required {
        width: 100%;
    }

    .form-group.required div#recaptcha div {
        display: block;
        margin: auto;
    }

    .field-recaptcha div {
        display: block;
        margin: auto;
    }
    

    body section.recent-blog-sec ul.post-list li {
        width: calc(100% - 20px) !important;
    }
}




/* brand logo slider css start */


.am-widget-brand-slider .amslider-header-container {
    font-size: var(--font-24);
    color: var(--Darkgray) !important;
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
}

.am-widget-brand-slider .amslider-header-container:before, .am-widget-brand-slider .amslider-header-container:after {
   content: '';
   border-bottom: solid 2px var(--Yellow);
   width: 2rem;
   display: block;
   position: absolute;
   left: 0px;
   top: 50%;
}

.am-widget-brand-slider .amslider-header-container:after{
    right: 0;
    left: auto;
}

.ambrands-slider-container {
    padding-top: 30px;
}


.ambrands-slider-container .ambrands-slider button {
    background-color: var(--yellow);
    background-size: 46%;
    width: 35px;
    height: 35px;
    transition: 0.5s;
}

.ambrands-slider-container .ambrands-slider button:hover {
    background-color: #c89700;
}
.ambrands-slider-container .ambrands-slider {
    margin-bottom: 0px;
}
.ambrands-slider-container .ambrands-slider .ambrands-inner {
    padding-bottom: 0px;
}

/* brand logo slider css End */

/* Resent Blogs sec css start */
section.recent-blog-sec {
    padding: 30px 0px;
    background: var(--Gray);
    border-bottom: solid 1px #30434a;
}

section.recent-blog-sec h3.title {
    font-size: var(--font-24);
    color: var(--Darkgray) !important;
    text-transform: uppercase;
    position: relative;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 0px 25px;
}

section.recent-blog-sec h3.title:before,
section.recent-blog-sec h3.title:after {
    content: '';
    border-bottom: solid 2px var(--Yellow);
    width: 2rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
}

section.recent-blog-sec h3.title:after {
    right: 0;
    left: auto;
}

section.recent-blog-sec ul.post-list {
    padding: 0;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

section.recent-blog-sec ul.post-list li {
    text-align: center;
}

section.recent-blog-sec ul.post-list li .post-content {
    border: solid 1px #e2e2e2;
    background: var(--white);
    padding-bottom: 15px;
    text-align: center;
    height: 100%;
    transition: 0.5s;
}

section.recent-blog-sec ul.post-list li .post-content .post-header .post-info.clear {
    padding: 8px 0px;
}

section.recent-blog-sec ul.post-list li .post-content .post-header .post-info.clear span.value {
    font-family: var(--Merriweather) !important;
    font-size: 13px;
    color: var(--Bodycolor);
    margin: 0px;
    font-style: normal;
}

section.recent-blog-sec ul.post-list li .post-content .post-title a {
    color: var(--Darkgray);
    padding: 10px 0px;
    font-size: var(--font-18);
    margin-bottom: 0px;
    display: block;
    font-weight: 900;
    transition: 0.5s;
}

section.recent-blog-sec ul.post-list li .post-content .post-text-hld p {
    color: var(--Bodycolor);
    margin: 0px;
    line-height: 1.7;
    padding-top: 5px;
}

section.recent-blog-sec ul.post-list li .post-content .post-header,
section.recent-blog-sec ul.post-list li .post-content .post-title-holder,
section.recent-blog-sec ul.post-list li .post-content .post-text-hld {
    padding: 0px 15px;
}


section.recent-blog-sec ul.post-list li .post-content a.post-read-more {
    display: block;
    width: fit-content;
    float: none;
    color: var(--Bluecolor);
    transition: 0.5s;
    font-size: var(--font-14);
    text-transform: capitalize;
    font-family: var(--Merriweather-Medium);
    margin: 10px auto;
}

section.recent-blog-sec ul.post-list li {
    width: calc(33.33% - 20px) !important;
    margin: 10px;
    transition: 0.5s;
}

section.recent-blog-sec ul.post-list li .post-content .post-title a:hover {
    color: var(--yellow);
    transition: 0.5s;
}

section.recent-blog-sec ul.post-list li .post-content a.post-read-more:hover {
    color: var(--yellow);
    transition: 0.5s;
}

section.recent-blog-sec ul.post-list li .post-content:hover {
    box-shadow: 0 0 8px #b9b9b9;
    transition: 0.5s;
}

section.recent-blog-sec .post-footer {
    text-align: center;
}

section.recent-blog-sec .post-footer a {
    display: block;
    width: fit-content;
    float: none;
    color: var(--Bluecolor);
    transition: 0.5s;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    margin: auto;
}

.blog-page .sidebar.sidebar-additional .widget.block.blog-search form button.action.search {
    right: 0;
    background: var(--Darkgray);
    opacity: 1;
    border-radius: 0px 10px 10px 0px;
    transition: 0.5s;
}

.blog-page .sidebar.sidebar-additional .widget.block.blog-search form input {
    border: solid 1px var(--Darkgray);
    border-radius: 8px;
}

.blog-page .sidebar.sidebar-additional .block-title strong {
    margin-bottom: 0px;
    font-size: var(--font-18);
    color: var(--Darkgray);
    text-transform: uppercase;
    display: block;
}

.blog-page .sidebar.sidebar-additional .accordion li a {
    font-size: 13px;
    font-family: var(--Merriweather) !important;
    line-height: normal;
    color: var(--Darkgray);
    transition: 0.5s;
}

.blog-page .sidebar.sidebar-additional  .widget.block {
    margin-bottom: 20px;
}

.blog-page .sidebar.sidebar-additional .accordion li {
    padding-left: 0px;
}

.blog-page .sidebar.sidebar-additional .block-title {
    margin-bottom: 8px;
}

.blog-page .sidebar.sidebar-additional .widget.block.block-list-posts .item {
    padding-bottom: 8px;
    border-bottom: solid 1px #dedede;
    margin-bottom: 7px;
}

.blog-page .sidebar.sidebar-additional .widget.block.block-list-posts .item a.post-item-link {
    font-size: 13px;
    font-family: var(--Merriweather) !important;
    line-height: normal;
    color: var(--Darkgray);
    transition: 0.5s;
}

.blog-page .sidebar.sidebar-additional .widget.block.block-list-posts .item .post-item-date span.value {
    font-size: 12px;
    font-family: var(--Merriweather) !important;
    line-height: normal;
    color: var(--Darkgray);
    transition: 0.5s;
    padding-top: 10px;
    display: block;
}

.blog-page .sidebar.sidebar-additional .block.block-archive .item a, .blog-page .sidebar.sidebar-additional .block-tagclaud .tagclaud-hld span.largest a {
    font-size: 13px;
    font-family: var(--Merriweather) !important;
    line-height: normal;
    color: var(--Darkgray);
    transition: 0.5s;
}

.blog-page .sidebar.sidebar-additional a:hover {
    color: var(--yellow) !important;
}

.blog-page .sidebar.sidebar-additional .block-tagclaud .tagclaud-hld span.largest {
    line-height: normal;
}

.blog-page .sidebar.sidebar-additional .block-tagclaud .tagclaud-hld span.largest a {
    padding: 5px 8px;
    border: solid 1px #ececec;
    background: var(--Darkgray);
    color: var(--white);
    margin: 2px;
    font-size: 12px;
}

.blog-page .sidebar.sidebar-additional {
    background: var(--Gray);
    padding: 20px 15px;
}

.blog-page .column.main .post-title a {
    color: var(--Darkgray);
    padding: 10px 0px;
    font-size: var(--font-18);
    margin-bottom: 0px;
    display: block;
    font-weight: 900;
    transition: 0.5s;
}

.blog-page .column.main a:hover {
    color: var(--yellow) !important;
}


.blog-page .column.main .post-data-wrap span {
    color: var(--Darkgray);
    font-size: 12px;
}

.blog-page .column.main .post-data-wrap span a {
    color: var(--Darkgray);
}

.blog-page .column.main .post-description p {
    color: var(--Black);
    line-height: 1.7;
}

.blog-page .column.main .post-read-more a.action.primary {
    background: var(--Bluecolor);
    padding: 8px 15px;
    border-radius: 5px;
    margin-top: 12px;
    color: var(--White) !important;
    font-size: var(--font-14) !important;
    font-family: var(--Merriweather-Medium);
    transition: 0.5s;
}

.blog-page .column.main .post-read-more a.action.primary:hover {
    background: var(--Darkgray);
    color: var(--white);
    transition: 0.5s;
}
.blog-page .column.main a.category-name {
    background: var(--Black);
    font-family: var(--Merriweather-Medium);
}


.blog-page .column.main .post-bottom .icon-wrapper {
    padding: 0px;
}

.blog-page .column.main .post-bottom .icon-wrapper .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.blog-page .column.main .post-bottom .icon-wrapper .icon svg {
    width: 30px !important;
    height: 30px !important;
    position: relative;
}

.blog-page .column.main .post-bottom .label {
    height: 30px;
    line-height: 30px;
}

.blog-page .column.main .post-nextprev a {
    font-size: var(--font-16);
    color: var(--Darkgray);
}


.blog-post-view .post-tag .item.post-tags a {
    color: var(--Darkgray);
}

.blog-post-view .post-tag .item.post-tags a:hover {
    background: var(--Black);
    color: var(--white) !important;
}

.blog-post-view .post-nextprev a.nextprev-link span {
    color: var(--Yellow);
    font-size: 16px;
}

.blog-page .column.main a.category-name:hover {
    background: var(--Darkgray);
    color: var(--white) !important;
    transition: 0.5s;
}
/* Resent Blogs sec css end */



/* Add to cart pop css start */


.add-to-cart-popup .modal-inner-wrap {
    max-width: 800px;
    padding-bottom: 40px;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header {
    background: var(--Gray);
    width: 100%;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header h1 {
    border: none !important;
    padding-left: 0px !important;
    font-size: var(--font-18) !important;
    line-height: normal !important;
    color: var(--Darkgray) !important;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header button.action-close {
    top: 15px;
    right: 15px;
    background: transparent;
    border: solid 3px var(--Darkgray);
    border-radius: 0;
    padding: 5px;
    transition: 0.5s;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header button.action-close:before {
    color: var(--Darkgray);
    font-weight: 900;
    font-size: 15px;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header button.action-close:hover,
.add-to-cart-popup .modal-inner-wrap header.modal-header button.action-close:hover::before {
    border-color: var(--Yellow);
    transition: 0.5s;
    color: var(--yellow);
}

.add-to-cart-popup .modal-inner-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.add-to-cart-popup .modal-inner-wrap .modal-content {
    width: 50%;
}

.add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog {
    font-size: var(--font-16);
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog img {
    width: 100%;
    padding: 10px;
    max-width: 150px;   
}

.add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog .pro-img {
    width: 25%;
}

.add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog  .pro-title {
    width: 75%;
    padding: 10px;
}

.add-to-cart-popup .modal-inner-wrap footer.modal-footer {
    width: 50%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.add-to-cart-popup .modal-inner-wrap footer.modal-footer button {
    min-width: 220px;
    order: 2;
}

.add-to-cart-popup .modal-inner-wrap footer.modal-footer button:last-child {
    background: var(--Darkgray) !important;
    order: 1;
}

.add-to-cart-popup .modal-inner-wrap footer.modal-footer button:hover:last-child {
    background: var(--Bluecolor) !important;
}

.add-to-cart-popup .modal-inner-wrap header.modal-header h1 {
    position: relative;
    padding-left: 24px !important;
}
.add-to-cart-popup .modal-inner-wrap header.modal-header h1:before {
    font-weight: 900;
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 0;
    top: 5px;
}


@media only screen and (max-width: 800px) {
    .add-to-cart-popup .modal-inner-wrap footer.modal-footer {
        width: 100%;
        justify-content: flex-start;
    }
    
    .add-to-cart-popup .modal-inner-wrap .modal-content {
        width: 100%;
    }

    .add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog .pro-img {
        width: 100%;
    }
    
    .add-to-cart-popup .modal-inner-wrap .modal-content .add-to-cart-dialog  .pro-title {
        width: 100%;
    }
    .add-to-cart-popup .modal-inner-wrap {
        padding-bottom: 20px;

}
}

/* Add to cart pop css End */



/* checkout pop css Start */

.firecheckout .page-title-wrapper h1.page-title {
    opacity: 0;
}

.firecheckout .page-title-wrapper .authentication-wrapper button.action {
    background: var(--Bluecolor) !important;
    padding: 10px 30px !important;
    border-radius: 5px !important;
    display: block;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    margin: auto;
    transition: 0.5s;
    position: relative;
}

.firecheckout .page-title-wrapper .authentication-wrapper button.action:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-left: 5px;
}

.firecheckout .page-title-wrapper .authentication-wrapper button.action:hover {
    background: var(--Darkgray) !important;
    color: var(--white);
}

.firecheckout .opc-wrapper ol li {
    border: none !important;
    background: #fff !important;
    box-shadow: 2px 2px 15px 1px rgba(49, 103, 31, .09) !important;
    border-radius: 12px !important;
}


.firecheckout .opc-wrapper ol li.checkout-shipping-address form {
    border: none !important;
    border-bottom: solid !important;
    border-radius: unset !important;
    border-width: 1px !important;
    border-color: #dedede !important;
    padding: 0px !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .address .fc-field-choice {
    width: 100% !important;
    display: block !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field input {
    border-radius: unset !important;
    background: #f2f5f7 !important;
    border-color: var(--Darkgray) !important;
    height: 50px !important;
    border: 1px solid #f2f5f7 !important;
    border-radius: 1px !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field input[type="checkbox"] {
    height: auto !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field input:focus {
    border-color: #f2f5f7 !important;

}

.firecheckout .opc-wrapper ol li .step-title:before {
    border-color: var(--yellow) !important;
}

.firecheckout .opc-wrapper ol li .step-title:before {
    border-color: var(--Bluecolor) !important;
    color: var(--Bluecolor) !important;
    font-size: 15px !important;
    width: 30px !important;
    height: 30px !important;
}

.firecheckout .opc-wrapper ol li .step-title {
    color: var(--Darkgray) !important;
    font-size: var(--font-18) !important;
    margin-bottom: 0px;
    display: block;
    font-weight: 900 !important;
    transition: 0.5s;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method {
    margin-top: 0px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method form {
    align-content: flex-start;
}

.firecheckout  aside.modal-custom.opc-sidebar {
    border: none !important;
    background: #fff !important;
    box-shadow: 2px 2px 15px 1px rgba(49, 103, 31, .09) !important;
    border-radius: 12px !important;
}

.firecheckout aside.modal-custom.opc-sidebar .modal-content {
    background: transparent !important;
}

.firecheckout aside.modal-custom.opc-sidebar .modal-content .opc-block-summary {
    background: transparent !important;
}
.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field select {
    height: 50px !important;
}
.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field select:focus {
    border-color: var(--Yellow) !important;

}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field select {
    background: transparent !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field select:focus {
    border-color: var(--Yellow) !important;
}

.firecheckout .opc-wrapper .primary button, .firecheckout button.action {
    background: var(--Bluecolor) !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    margin-top: 12px !important;
    display: block !important;
    width: 100%;
    max-width: max-content;
    color: var(--White) !important;
    font-size: var(--font-16) !important;
    text-transform: uppercase;
    font-family: var(--Merriweather-Medium);
    font-weight: normal !important;
    margin-top: 10px !important;
    border:none !important;
}

.firecheckout .opc-wrapper .primary button:hover, .firecheckout button.action:hover {
    background: var(--Darkgray) !important;
    color: var(--white);
}

.firecheckout .opc-wrapper .primary button.action.action-cancel {
    background: var(--Darkgray) !important;
    color: var(--white);
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field[name="shippingAddress.company"], .firecheckout .opc-wrapper ol li.checkout-shipping-address form .field[name="billingAddressshared.company"] {
    width: 100% !important;
}

.firecheckout .opc-wrapper ol li.checkout-shipping-address form .field._required[name="shippingAddress.telephone"] {
    width: 100% !important;
}

.firecheckout.fc-form-compact .form-shipping-address .fieldset div.field[name="shippingAddress.telephone"], .firecheckout #checkout .checkout-shipping-address .fieldset div.field[name="billingAddressshared.telephone"] {
    width: 100% !important;
}


.firecheckout aside.modal-custom.opc-sidebar .modal-content .opc-block-summary span.title {
    color: var(--Darkgray) !important;
    font-size: var(--font-18) !important;
    margin-bottom: 0px;
    display: block;
    font-weight: 900 !important;
    transition: 0.5s;
}

.firecheckout aside.modal-custom.opc-sidebar .modal-content .opc-block-summary {
    padding: 0px !important;
}

.firecheckout aside.modal-custom.opc-sidebar .modal-content .opc-block-summary span.title:before {
    border-color: var(--Bluecolor) !important;
    color: var(--Bluecolor) !important;
    font-size: 15px !important;
    width: 30px !important;
    height: 30px !important;
}


.firecheckout .opc-wrapper ol li table.table-checkout-shipping-method {
    width: 100%;
}

.firecheckout input, .firecheckout select {
    background: transparent !important;
    height: 40px !important;
}

.firecheckout input:focus, .firecheckout select:focus {
    border-color: var(--Yellow) !important;
}

.firecheckout  .field input[type="checkbox"] {
    height: auto !important;
}

.firecheckout input.radio:focus {
    background: #b7b7b7 !important
}

.firecheckout .opc-wrapper ol li table.table-checkout-shipping-method {
    width: 100%;
}

.firecheckout input, .firecheckout select {
    background: transparent !important;
    height: 40px !important;
}

.firecheckout input:focus, .firecheckout select:focus {
    border-color: var(--Yellow) !important;
}

.firecheckout  .field input[type="checkbox"] {
    height: auto !important;
}

.firecheckout .discount-code .payment-option-content form#discount-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.firecheckout .discount-code .payment-option-content form#discount-form input#discount-code {
    height: 46px !important;
    margin-top: 13px;
}

.firecheckout .discount-code {
    margin-top: 15px !important;
    display: block;
}

.firecheckout.firecheckout-col3-set #checkout .opc-sidebar {
    padding-bottom: 18px;
}


.firecheckout.firecheckout-col3-set #checkout .opc-sidebar .primary {
    padding: 20px;
}

.firecheckout.firecheckout-col3-set #checkout .opc-sidebar {
    padding-bottom: 18px;
}


.firecheckout.firecheckout-col3-set #checkout .opc-sidebar .primary {
    padding: 20px;
}

.firecheckout .discount-code span#block-discount-heading {
    padding-top: 15px !important;
    display: block;
}


.firecheckout .choice {
    align-items: center;
}


.firecheckout .choice label.label {
    padding-top: 5px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load {
    padding: 0px !important;
    width: 100%;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table {
    display: table;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row {
    display: block !important;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td#label_method_freeshipping_freeshipping, .firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td#label_carrier_freeshipping_freeshipping {
    font-weight: 400;
    font-size: 14px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td.col-price span.price {
    font-size: 14px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td {
    padding: 0px 15px;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.firecheckout .opc-wrapper ol li .checkout-shipping-method div#checkout-shipping-method-load table tbody tr.row td.col-price {
    min-width: 70px;
}

.firecheckout .checkout-agreement button.action {
    background: transparent !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: var(--Merriweather) !important;
    text-decoration: none;
    padding: 0px 5px !important;
}


.firecheckout .modal-content {
    margin: 0px;
}

.firecheckout header.modal-header button.action-close {
    background: transparent !important;
}

.firecheckout  .modal-inner-wrap {
    padding: 25px 15px;
}

.firecheckout .modal-content label.label {
    display: none;
}

.firecheckout .modal-content input {
    border-radius: 0px !important;
    border-color: var(--Darkgray) !important;
    height: 45px !important;
    font-size: 14px !important;
    padding: 10px !important;
    background: transparent !important;
}
.firecheckout #checkout input[type="checkbox"]:checked, .firecheckout .checkout-agreements-block .checkout-agreements.fieldset .checkout-agreement.field input[type="checkbox"]:checked, .firecheckout .form-shipping-address input[type="checkbox"]:checked{
    box-shadow: 0 0 0 10px #b7b7b7 inset !important;
    border: none !important;
    border-color: #b7b7b7 !important;
}

.firecheckout .step-content + .checkout-billing-address input[type="checkbox"]:focus {
    box-shadow: 0 0 0 10px #b7b7b7 inset !important;
    border: none !important;
    border-color: #b7b7b7 !important;
}

.firecheckout .step-content + .checkout-billing-address input[type="checkbox"]:focus::after {
    opacity: 1 !important;
    transform: scale(0.8) !important;
    border: none !important;
}

.firecheckout .modal-content input:focus {
    border-color: var(--yellow) !important;
}

.firecheckout .modal-content .fieldset {
    margin-bottom: 10px;
}

.firecheckout .modal-content .actions-toolbar {
    justify-content: flex-start !important;
    padding: 0px !important;
    align-items: center !important;
}

.firecheckout .modal-content .actions-toolbar button {
    margin: 5px 0px !important;
}

.firecheckout .modal-content .actions-toolbar a.action.action-remind {
    background: transparent !important;
    color: var(--Darkgray) !important;
    margin: 0px !important;
}

.firecheckout .modal-content .actions-toolbar a.action.action-remind:hover {
    color: var(--yellow) !important;
}


.firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .billing-address-same-as-shipping-block input[type="checkbox"]:focus {
    box-shadow: none !important;
    border: solid 1px !important;
    border-color: #a2a2a2 !important;
}

.firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .billing-address-same-as-shipping-block input[type="checkbox"]:checked:focus {
    box-shadow: 0 0 0 10px #a2a2a2 inset !important;
}

.firecheckout .checkout-payment-method .opc-payment .payment-method-title img.payment-icon {
    display: none;
}

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--Bluecolor) !important;
}

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item:after {
    background: var(--Bluecolor) !important;
}

.firecheckout.firecheckout-col3-set #checkout .opc-sidebar .payment-method.agreements-clone .fc-heading {
    display: none;
}

.firecheckout .place-order button {
    width: 100% !important;
    max-width: 100% !important;
}

/*.firecheckout .checkout-payment-method .payment-methods .payment-method._active .checkout-agreements-block {
    display: none !important;
}*/

.firecheckout .checkout-payment-method .payment-methods .payment-method._active .actions-toolbar {
    display: none;
}


/* checkout pop css End */


html {
    padding: 0px !important;
}

body#html-body {
    padding: 0px;
}


.white-popup.mfp-with-anim {
    padding: 0px;
    max-width: 875px !important;
}

.white-popup.mfp-with-anim .header {
    position: relative;
    background-color: #f2f2f2;
    padding-top: 40px;
    padding-bottom: 24px;
    z-index: 2;
    text-align: left;
    padding-left: 3rem;
    padding-right: 3rem;
}

.white-popup.mfp-with-anim .header strong {
    width: 100%;
    font-weight: 400;
    font-size: 2rem;
    color: #1d252c;
    border: none;
    padding: 0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

.white-popup.mfp-with-anim .header strong:before {
    margin-right: 25px;
    content: "\f00c";
    font-weight: 900;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    color: var(--Darkgray);
    bottom: 0px;
    position: relative;
    transition: .5s;
    left: 10px;
}

.white-popup.mfp-with-anim button.mfp-close {
    color: #000 !important;
    font-size: 2rem;
    line-height: 20px;
    border: solid 3px;
    padding: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #000 !important;
    top: 10px;
    right: 10px;
}

.white-popup.mfp-with-anim .content {
    padding: 0 2.6rem 2.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px;
    font-family: 'Roboto', sans-serif;
    border-bottom: solid 1px #c6c6c6;
    margin-bottom: 15px;
}

.white-popup.mfp-with-anim .content .action-block-section {
    max-width: 310px;
    padding-right: 30px;
    font-family: 'Roboto', sans-serif;
}

.white-popup.mfp-with-anim .content .product-data-wrapper .product-info {
    text-align: left;
    max-width: 280px;
    padding: 0px 20px 10px 0px;
}

.white-popup.mfp-with-anim .content .product-data-wrapper .product-info .product-name {
    font-weight: 700;
    font-size: 1.4rem;
    color: #1d252c;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
}

.white-popup.mfp-with-anim .content .product-data-wrapper .product-info .model-qty-block {
    display: flex;
    justify-content: space-between;
}

.white-popup.mfp-with-anim .content .product-data-wrapper .product-info .model-qty-block span {
    font-size: 1.2rem;
    color: #525260;
}

.white-popup.mfp-with-anim .content .product-data-wrapper .product-info .product-price {
    font-weight: 700;
    font-size: 1.4rem;
    color: #1d252c;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
}

.white-popup.mfp-with-anim .content .action-block-section .cart-subtotal {
    display: flex;
    justify-content: space-between;
}


.white-popup.mfp-with-anim .content .action-block-section .cart-subtotal span {
    font-size: 1.6rem;
    color: #1d252c;
}

.white-popup.mfp-with-anim .content .action-block-section .cart-subtotal .subtotal span {
    font-weight: 700;
}

.white-popup.mfp-with-anim .content .action-block-section  .note {
    font-size: 1.2rem;
    color: #696969;
    margin: 13px 0 21px;
    text-align: left;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper button {
    background-image: none;
    background: #eee;
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 10px 25px;
    font-size: 1.8rem;
    line-height: 1.6rem;
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper button a span {
    font-weight: 500;
    font-size: 1.6rem;
    color: #fff;
    text-decoration: none;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper button span {
    font-weight: 500;
    font-size: 1.6rem;
    color: #000;
    text-decoration: none;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper .checkout-link {
    width: 100%;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper .btn-continue {
    width: 100% !important;
    background: #e0e0e0;
    border: 0.5px solid #000;
    border-radius: 3px;
    margin-top: 15px;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper .checkout-link button.go-to-checkout {
    background-color: #c60000;
}

.white-popup.mfp-with-anim .content .action-block-section .control-wrapper button:hover {
    background: #000 !important;
}



.white-popup.mfp-with-anim .block-title.title strong {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
}

.white-popup.mfp-with-anim .products-ordered .block-content.content ol.ajax-cart-owl-featured-carousel {
    margin: 0px;
}

.white-popup.mfp-with-anim .products-ordered .block-content.content ol.ajax-cart-owl-featured-carousel .owl-item .product.details.product-item-details strong a {
    font-weight: 700;
    font-size: 1.4rem;
    color: #1d252c;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.white-popup.mfp-with-anim .products-ordered .block-content.content ol.ajax-cart-owl-featured-carousel .owl-item .product-item-info:hover {
    box-shadow: none;
    margin: 0px;
}

.white-popup.mfp-with-anim .products-ordered .block-content.content ol.ajax-cart-owl-featured-carousel .owl-item .product-item-info button {
    margin-bottom: 10px;
    background: var(--Bluecolor);
    padding: 8px 20px;
    border-radius: 5px;
    margin-top: 12px;
    color: var(--White) !important;
    font-size: 14px;
    text-transform: uppercase;
}

.white-popup.mfp-with-anim .products-ordered .block-content.content ol.ajax-cart-owl-featured-carousel .owl-item .product-item-info button:hover {
    background: var(--Darkgray);
}
.white-popup.mfp-with-anim .products-ordered{
    overflow: hidden;
}

.white-popup.mfp-with-anim .content .product-image-wrapper {
    height: fit-content;
    padding-right: 15px;
    padding-top: 0px;
}

.white-popup.mfp-with-anim .content .product-data-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.white-popup.mfp-with-anim .content .product-image-wrapper img {
    width: 100%;
    max-width: 80px;
}


#bss_ajaxcart_popup .btn-continue .continue:hover {
    background: var(--Darkgray)!important;
    color: #fff !important;
}

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item button.action.edit-address-link {
    position: unset;
}

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item button.action.edit-address-link:before {
    color: var(--white);
}

.catalog-product-view .block-content form#review-form .review-field-ratings {
    width: 100%;
    display: block;
}

@media screen and (max-width: 767px) {
 .customer-account-index .block.block-collapsible-nav {
    top: 60px !important;
}

.customer-account-index .column.main {
    margin-top: 90px !important;
}

.customer-account-index .block.block-collapsible-nav .title.block-collapsible-nav-title {
    padding: 10px 20px;
}
    
}

.modal-popup .modal-footer {
    justify-content: flex-start;
}

.modal-popup textarea:focus, .modal-popup input:focus {
    box-shadow: none;
    border-color: var(--yellow);
}

.modal-popup .wk-quote-primary-btn, .modal-popup.modal-slide .modal-footer .submit_button {
    background: var(--Bluecolor);
    transition: 0.5s;
    border-color: var(--Bluecolor);
    transition:0.5s;
}
.modal-popup .wk-quote-primary-btn:hover, .modal-popup.modal-slide .modal-footer .submit_button:hover{
  background: var(--Darkgray);
  border-color: var(--Darkgray);
  transition:0.5s;
}

.modal-popup.modal-slide .wk-file-field-container span.add-quote-files, .modal-popup.modal-slide  span.wk-qs-min-qty {
  color: var(--Darkgray);
}

.catalog-product-view .product-info-main .product-info-price span.old-price span.price-label:before {
    content: 'Price: ';
    font-size: 14px !important;
}

.cms-sell-your-used-handheld-xrf-analyzer .page.messages {
    display: none;
}

.cms-sell-your-used-handheld-xrf-analyzer main#maincontent {
    max-width: 100% !important;
    padding: 0 !important;
}