/* ============================================================
   Chongo DC theme stylesheet — single consolidated CSS file.
   Merged from custom.css + media.css + src/index.css (in that
   load order, which is the order they cascade in) so all rules
   live in one place instead of being split across files loaded
   from different spots (a static <link> pair vs a Vite JS import).
   ============================================================ */

/* ── Base theme (formerly custom.css) ──────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    background: #fff;
    font-size: 18px;
    line-height: normal !important;
    color: #504E4E;
    overflow-x: hidden;
}

ul,
ol,
p,
form,
input,
textarea,
select,
pre,
em,
sub,
sup,
canvas,
section,
article,
aside,
img,
a,
li,
iframe,
table,
nav,
header,
footer,
body,
menu,
button {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

*,
after,
before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h1,
h2,
h3 {
    font-family: 'Bebas Neue';
    font-weight: normal !important;
}

body {
    line-height: 1;
}

dl,
ol,
ul {
    padding: 0;
}

select {
    background-image: none !important;
}

a {
    color: var(--black-color);
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    display: inline-block;
}

a:hover {
    text-decoration: none;
    color: var(--blue-color);
}

p {
    line-height: 1.6;
    font-size: 18px;
    color: var(--black-color);
}

b,
strong {
    font-weight: 600;
}

.contact-info__text {
    color: #000 !important;
}

u {
    text-decoration: underline;
}

i,
em {
    font-style: italic;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
    font-size: 14px;
}

.clearfix {
    clear: both;
}

::-moz-selection {
    color: #fff;
    background: var(--blue-color);
}

::selection {
    color: #fff;
    background: var(--blue-color);
}

:root {
    --black-color: #000;
    --white-color: #fff;
    --blue-color: #2895FC;
}

@font-face {
    font-family: 'Arial Narrow';
    src: local('Arial Narrow'), local('ArialNarrow'), url('../fonts/ArialNarrow.woff2') format('woff2'), url('../fonts/ArialNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial GEO';
    src: local('Arial GEO Bold'), local('ArialGEOBold'), url('../fonts/ArialGEOBold.woff2') format('woff2'), url('../fonts/ArialGEOBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Th';
    src: local('Arial Th'), local('ArialTh'), url('../fonts/ArialTh.woff2') format('woff2'), url('../fonts/ArialTh.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial MT';
    src: local('Arial MT Black'), local('ArialMTBlack'), url('../fonts/ArialMTBlack.woff2') format('woff2'), url('../fonts/ArialMTBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: local('Arial'), local('ArialMT'), url('../fonts/ArialMT.woff2') format('woff2'), url('../fonts/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url('../fonts/BebasNeue-Regular.woff2') format('woff2'), url('../fonts/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media screen and (min-width: 1580px) {
    .container {
        max-width: 1500px !important;
    }
}

.login-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.login-section .row {
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
}

.login-form {
    padding-right: 80px;
}

.login-form a img {
    max-height: 70px;
}

.login-form-inner {
    margin: 40px 0 0;
}

.login-form .login-same-content {
    margin: 50px 0 0;
}

.login-same-content h2 {
    color: #252D3A;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 5px;
}

.login-same-content p {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.login-same-content p a {
    color: #56b54b;
    font-weight: 500;
}

.login-form-inner .form-group {
    margin: 0 0 30px;
    position: relative;
}
.login-form-inner .form-group .field-error {
    position: absolute;
    bottom: -25px;
    left: 1px;
    font-size: 11px;
    line-height: 1;
}
.slider-item-inner-content .likebtn.active i{color: #fff;}

.form-bottom-content {
    margin: 20px 0 0;
}

.login-form-inner .row {
    margin: 0 -15px;
}

.form-control-new {
    color: #404040;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin: 0;
    padding: 15px 15px !important;
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: 1px solid #EAEAEA !important;
    width: 100% !important;
    height: auto !important;
}

.form-control-new:focus {
    background: #fff !important;
    border-color: #55b54a !important;
    box-shadow: none !important;
}

.login-form-inner .form-group label {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.phoneno-fields {
    position: relative;
}

.phoneno-fields input.form-control-new {
    padding-left: 70px;
}

.phoneno-fields select {
    color: #898989;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    min-width: 50px;
}

.form-bottom-content ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.form-bottom-content ul li {
    color: #656565;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.form-bottom-content ul li a {
    color: #222222;
    font-weight: 500;
    font-size: 15px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.form-bottom-content ul li a:hover {
    color: #56b54b;
}

.form-bottom-content ul li+li {
    margin-left: 5px;
}

.form-group.login-btn .default-btn {
    background: #56B54B;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    display: block;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 15px 0 0;
    border-color: transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 100%
}

.form-group.login-btn .default-btn:hover {
    background: transparent;
    color: #56B54B;
    border-color: #56B54B;
}

.btn:focus {
    box-shadow: none;
}

.login-form .login-same-content a.back-btn {
    width: 40px;
    height: 40px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
    margin: 0 0 20px;
}

.form-group.otp-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.form-group.otp-field input {
    width: 80px;
    height: 70px;
    text-align: center;
    color: #404040;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 15px 15px;
    border-radius: 5px;
    background: #F8F8F8;
    border-color: #EAEAEA;
}

.form-group.otp-field input:focus {
    background: #fff;
    border-color: #55b54a;
    box-shadow: none;
}

.otp-bottom-content button#resend-otp {
    font-size: 16px;
    color: #56b54b;
    border-bottom: none;
    text-decoration: none;
    padding: 0;
    font-weight: 600;
    background: transparent;
    border: none;
}

.otp-bottom-content span.time-counting {
    color: #404040;
    font-weight: 500;
}

.otp-bottom-content span {
    font-size: 18px;
    font-weight: 400;
    color: #626262;
    line-height: 1.4;
    margin: 0;
}

.otp-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.otp-bottom-content+.form-group.login-btn {
    margin: 70px 0 0;
}

/*header.fixed-header.fixed {position: fixed;left: 0;top: 0;right: 0;width: 100%;background: #fff;z-index: 99;transition: 0.4s; -webkit-transition: 0.4s;}
header.fixed-header {background: #fff;border-radius: 0;padding: 0 0 16px 0;box-shadow: 0px 0px 26px #00000017; transition: 0.4s; -webkit-transition: 0.4s;}*/
header.fixed-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 0;
    box-shadow: 0px 0px 0px transparent;
    /* initial no shadow */
    transition: all 0.4s ease;
    /* smooth animation for all properties */
    z-index: 999;
}

header.fixed-header.is-sticky {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    /* add shadow */
    background: #fff;
    /* optional: you can change bg on scroll */
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    -webkit-animation: slideDown 0.35s ease-out;
    animation: slideDown 0.35s ease-out;
}

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

    to {
        transform: translateY(0);
    }
}

.header-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 0;
}

.header-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-menu ul li+li {
    margin-left: 30px;
}

.header-menu ul li>a {
    color: #252D3A;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.header-menu ul li>a.active {
    color: #55B54A;
}

.header-menu ul li a:hover {
    color: #55B54A;
}

.header-right ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

.header-right ul li+li {
    margin-left: 13px;
}

.header-right ul li {
    margin-bottom: 0;
}

.cart-menu .cart-item-count {
    position: absolute;
}

.cart-menu .cart-item-count {
    top: -3px !important;
    right: -3px !important;
    font-size: 11px !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

li.language-selector div#google_translate_element .skiptranslate.goog-te-gadget div {
    padding: 10px 5px;
    border-radius: 8px;
}

.roundcircle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F8F8F8;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    position: relative;
}

.roundcircle img {
    filter: brightness(0);
    max-height: 17px;
}

.cart-roundcircle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #252D3A;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: 1px solid transparent;
}

.cart-roundcircle:hover {
    background: transparent;
    border-color: #252D3A;
}

.cart-roundcircle:hover img {
    filter: brightness(0);
}

.roundcircle:hover {
    background: #55b54a;
}

.roundcircle:hover img {
    filter: brightness(0) invert(1);
}

a.search-box {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

a.search-box img {
    filter: brightness(0);
}

.opne-search-box {
    padding: 5px 10px;
    width: 700px;
    margin: 10px auto 10px;
    background: #f2f2f2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    border: 1px solid transparent;
    animation: slide-down 0.3s linear both;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.opne-search-box a.close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.opne-search-box>img {
    margin-left: 0;
    vertical-align: middle;
}

.opne-search-box input[type="text"] {
    width: 100%;
    background: transparent;
    padding: 0 40px 0 10px;
    font-size: 15px;
    border: none;
}

.search-main-wrapper {
    display: none;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    animation: slide-up 0.3s linear both;
}

.header-menu ul li>a img {
    vertical-align: middle;
}

@keyframes slide-down {
    0% {
        visibility: hidden;
        height: 0;
    }

    95% {
        visibility: visible;
        height: 45px;
    }

    100% {
        visibility: visible;
        height: auto;
    }
}

@keyframes slide-up {
    from {
        visibility: visible;
        height: 45px;
    }

    to {
        visibility: hidden;
        height: 0;
    }
}

section.banner-section {
    position: relative;
}

.search-main-wrapper.open {
    background: #fff;
    display: block;
    animation: slide-down 0.3s linear both;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    box-shadow: 0px 16px 10px rgb(0 0 0 / 4%);
    padding: 0 20px;
}

.header-right ul li select {
    color: #252D3A;
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
}

a.login-btn {
    background: #FFFAEB;
    padding: 9px 5px;
    border-radius: 5px;
    color: #252D3A;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    max-width: 120px !important;
    width: 120px !important;
    display: inline-block;
}

a.login-btn:hover {
    background: #55B54A;
    color: #fff;
}

.header-menu {
    min-width: 550px;
    text-align: right;
}

.header-mein-top {
    background: transparent linear-gradient(174deg, #FFFAE3 0%, #D3FFCE 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    padding: 5px 10px;
}

.header-mein-top p {
    color: #252D3A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-mein-top p img {
    vertical-align: middle;
    margin: 0 7px;
    max-height: 17px;
}

section.banner-section.max-section-width video.videoembed {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}

.banner-video-wrapper {
    border-radius: 45px;
    overflow: hidden;
    margin: 0px 0 0;
    position: relative;
    height: 100vh;
}

section.banner-section .banner-video-wrapper video.videoembed {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-right-box {
    background: url(../images/banner-small-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: start;
    max-width: 300px;
    padding: 10px;
    margin-left: auto;
    margin-top: 32px;
    text-align: left;
}

.banner-right-content h4 {
    color: #55B54A;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.banner-right-box figure {
    margin: 0;
    width: 35%;
}

.banner-right-content {
    padding-left: 11px;
}

.banner-right-box a {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 45px;
}

.banner-right-content p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 5px 0 0;
}

section.banner-section.max-section-width {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.home-banner-main-content span {
    color: #C73B46;
    background: #fff;
    display: inline-block;
    padding: 8px 8px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px;
}

.home-banner-main-content h1 {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.home-banner-main-content h1 strong {
    color: #000;
}

.home-banner-main-content h1 img {
    vertical-align: middle;
    max-width: 51px;
    position: relative;
    top: -3px;
}

.home-banner-main-content p {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    margin: 15px 0 0;
    color: #fff;
}

.banner-content {
    position: absolute;
    top: 15%;
    left: 0px;
    right: 0px;
}

.home-banner-main-content {
    margin: 100px 0 0;
    text-align: left;
}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

video::-webkit-media-controls {
    display: none !important;
}

.same-section {
    padding: 50px 0;
}

.same-heading h2 {
    color: #252D3A;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    font-size: 40px;
}

.categories-box {
    background: #F7F7F7;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 30px 15px;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 80px;
    text-align: left;
}

.categories-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.categories-box p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 0 5px;
}

.categories-box p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.categories-box img.category-image {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 100%;
}

.categories-box p br {
    display: none;
}

.categories-box figure {
    margin: 0;
    width: 60px;
    height: 60px;
    border-radius: 13px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.categories-box+.categories-box {
    margin: 20px 0 0;
}

.same-heading {
    margin: 0 0 20px !important;
}

.carousel-categories-section .owl-stage {
    padding-left: 0 !important;
}

.carousel-categories-section .owl-stage-outer {
    overflow: unset;
}

section.same-section.carousel-categories-section,
section.same-section.deal-section {
    padding-left: 200px;
}

section.same-section.carousel-categories-section .container-fluid,
section.same-section.deal-section .container-fluid {
    padding-right: 0;
}

.energy-box-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}

.energy-box-wrapper>img {
    width: 100%;
    user-select: none;
    pointer-events: none;
    border-radius: 10px;
    height: 500px;
    object-fit: cover;
}

.solor-genetor-inner {
    text-align: left;
}

.energy-content-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4%;
    width: 100%;
    z-index: 1;
    text-align: left;
    padding: 10px;
}

.energy-content-box h3 {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px;
}

.energy-content-box p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.btn.btn-primaryx {
    background: transparent linear-gradient(180deg, #FDE992 0%, #92F287 100%) 0% 0% no-repeat padding-box;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
    min-width: 160px;
    text-align: center;
    margin: 30px 0 0;
    color: #333232;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border-radius: 5px;
}

.btn.btn-primaryx:hover {
    background: #fff;
}

section.same-section.energy-section .col-lg-6 {
    margin: 25px 0 0;
}

.energy-box-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 500px;
    background: rgb(0 0 0 / 28%);
    border-radius: 10px;
}

.dela-box-parent {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px;
}

.deal-slider-wrapper.row {
    height: 100%;
}

.deal-box-bottom {
    position: relative;
    z-index: 1;
    padding: 0 10px;
}

.dela-box-parent .dela-box-header {
    background: #252D3A;
    padding: 10px 10px;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 25px;
    top: 25px;
    text-align: center;
}

.dela-box-parent span {
    display: block;
    margin: 30px 0 5px;
    color: #FF0808;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}

.dela-box-parent h2 {
    color: #252D3A;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px;
}

.dela-box-parent p {
    color: #252D3A;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    background: #fff;
    border-radius: 20px;
    padding: 1px 15px;
    display: inline-block;
}

.dela-box-parent p+p {
    margin-top: 10px;
}

.dela-box-parent>img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    user-select: none;
    pointer-events: none;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.dela-box-parent a.deafult-circle-btn {
    margin: 60px 0 0;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    background: #55B54A;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: 1px solid transparent;
}

.dela-box-parent a.deafult-circle-btn img {
    max-height: 24px;
}

.dela-box-parent a.deafult-circle-btn:hover img {
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 100%;
}

.dela-box-parent a.deafult-circle-btn:hover {
    background: transparent;
    border-color: #000;
}

.slider-item-inner-content .product-image-icon ul {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-item-inner-content ul li+li {
    margin-left: 5px;
}

.slider-item-inner-content .likebtn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: none;
    padding: 0;
}

.slider-item-inner-content figure>img {
    object-fit: cover;
    width: 100% !important;
    border-radius: 5px;
    height: 100%;
}

.slider-item-inner-content .likebtn:hover {
    background: #55B54A;
}

.slider-item-inner-content .likebtn:hover img {
    filter: brightness(0) invert(1);
}

.slider-item-inner-content .likebtn img {
    width: auto !important;
    max-height: 17px;
}

section.same-section.trending-section .same-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.same-section.trending-section .same-heading a {
    color: #545454;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.slider-item-inner-content figure {
    position: relative;
    height: 220px;
    overflow: hidden;
    border-radius: 5px;
}

.rating-box span {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 13px;
    color: #2F2F2F;
    font-weight: 600;
    line-height: 1.4;
}

.rating-box span img {
    width: auto !important;
    margin-right: 5px;
    vertical-align: middle;
    max-width: 15px;
    margin-top: -4px;
}

.rating-box {
    position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 1;
    min-width: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: 10px;
}

.rating-box strong {
    border-left: 1px solid #e6e4e4;
    padding-left: 7px;
    color: #8E8E8E;
    font-size: 16px;
    font-weight: 400;
}

.slider-item {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px 10px 10px;
    margin: 0;
    height: 100%;
    border: 1px solid #E2E2E2;
    min-height: 303px;
}

.slider-footer-right a.cart-btn img {
    width: auto;
}

.slider-inner-content h2 {
    color: #393939;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.slider-inner-content p {
    color: #383838;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 15px 0 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.slider-footer-left {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
}

.slider-content-footer {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 20px 0 0;
}

.slider-footer-left span {
    background: #FFEDED;
    border-radius: 5px;
    padding: 7px 10px;
    text-align: center;
    color: #FC0000;
    font-size: 15px;
    font-weight: 400;
    margin-right: 10px;
}

.slider-footer-left del {
    color: #BEBEBE;
    font-size: 19px;
    font-weight: 400;
    margin: 0 10px;
}

.slider-footer-right a.cart-btn {
    width: 40px;
    height: 40px;
    background: #252D3A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.same-section.deal-section {
    background: #F5F5F7;
}

.slider-inner-content ul img {
    max-height: 16px;
}

.slider-inner-content ul img+img {
    margin-left: 5px;
}

.slider-inner-content ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 5px 0 10px;
}

.slider-inner-content ul li img {
    max-height: 14px;
}

.slider-inner-content ul li {
    color: #ADADAD;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1;
}

.slider-inner-content ul li.review-count {
    margin-left: 6px;
}

section.same-section.solor-generator-cta-section .solor-genetor-wrapper {
    position: relative;
}

section.same-section.solor-generator-cta-section .solor-genetor-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    top: 0;
    width: 100%;
    background: rgb(0 0 0 / 40%);
}

.solor-genetor-wrapper>img {
    width: 100%;
    aspect-ratio: 1920 / 600;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}

.solor-genetor-content {
    position: absolute;
    z-index: 9;
    top: 18%;
    left: 0;
    right: 0;
}

.solor-genetor-inner h2 {
    color: #FFFFFF;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 0px;
}

.solor-genetor-inner p {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.solor-genetor-inner a.btn.btn-primaryx {
    border-radius: 5px;
    margin: 35px 0 0;
}

.clients-logo-section .clients-logo-wrapper {
    background: #F7F7F7;
    border-radius: 10px;
    padding: 50px 10px;
}

.clients-logo-content {
    max-width: 900px;
    margin: 0 auto 60px;
}

.clients-logo-content h2 {
    color: #252D3A;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px;
}

.clients-logo-content p {
    color: #151515;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.client-logo-box img {
    width: auto !important;
    max-height: 100px !important;
    margin: 0 auto;
    text-align: center;
}

.clients-logo-section .clients-logo-wrapper .owl-nav {
    display: block !important;
}

.clients-logo-section .clients-logo-wrapper .owl-nav button span {
    display: none;
}

.clients-logo-section .clients-logo-wrapper .owl-nav button {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.clients-logo-section .clients-logo-wrapper .owl-nav button.owl-prev {
    left: -16%;
    background: url(../images/prev-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.clients-logo-section .clients-logo-wrapper .owl-nav button.owl-next {
    right: -16%;
    background: url(../images/next-icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.clients-logo-section .clients-logo-wrapper .col-carousel {
    max-width: 1100px;
    margin: 0 auto;
}

section.same-section.treding-section .same-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

section.same-section.treding-section .same-heading a {
    color: #545454;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

section.same-section.treding-section .col-lg-3 {
    margin: 25px 0 0;
}

.reviews-wrapper {
    border-radius: 10px;
    padding: 60px 70px;
}

.review-heading-parent h2 {
    color: #55B54A;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    text-align: left;
}

.review-heading-parent p {
    color: rgb(255 255 255 / 81%);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.reviews-wrapper .review-heading-parent p {
    color: #000;
    text-align: left;
}

section.same-section.about-customer-main-section .reviews-wrapper .review-heading-parent p {
    color: #fff;
}

.review-footer figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-box-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 1px 7px #00000026;
    border-radius: 5px;
    padding: 25px;
    height: 100%;
}

.review-box-wrapper p {
    color: #7C7C7C;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 25px;
    min-height: 250px;
    text-align: left;
}

.review-footer {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    padding-left: 70px;
}

.review-footer figure {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.review-footer-content h3 {
    color: #252D3A;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 0;
    text-align: left;
}

.review-footer-content span {
    color: #7C7C7C;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
    text-align: left;
    padding-left: 0 !important;
}

.reviews-wrapper .col-carousel {
    margin: 60px 0 0;
}

.reviews-wrapper .owl-carousel .owl-item {
    padding: 10px;
}

.owl-carousel.review-slider .owl-nav.disabled {
    display: block;
}

.owl-carousel.review-slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
}

.owl-carousel.review-slider .owl-nav button.owl-prev {
    background: url(../images/prev-icon.png);
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
    left: -5%;
}

.owl-carousel.review-slider .owl-nav button.owl-next {
    background: url(../images/next-icon.png);
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
    right: -5%;
}

.owl-carousel.review-slider .owl-nav button span {
    display: none;
}

.reviews-wrapper {
    background: #F7F7F7 url(../images/reviews-bg-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.energy-parent {
    text-align: center;
    margin: 0 0 50px;
}

.energy-parent h2 {
    color: #252D3A;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.energy-parent h2 img {
    vertical-align: middle;
    top: -4px;
    position: relative;
    max-width: 40px;
    margin-left: 15px;
}

.energy-parent h2 strong {
    color: #55B54A;
    font-weight: 600;
}

.energy-parent span {
    background: #EBC323;
    border-radius: 5px;
    padding: 10px 20px;
    color: #252D3A;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 10px;
}

section.same-section.future-energy-section .row {
    align-items: center;
}

.future-content-wrapper p {
    color: #545454;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    font-size: 24px;
}

section.same-section.future-energy-section .row .col-lg-6 {
    padding: 0;
}

section.same-section.future-energy-section .row .col-lg-6:nth-child(2) .future-content-wrapper p {
    font-weight: 600;
    padding-left: 50px;
    color: #151515;
}

.future-content-wrapper figure {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
}

.future-content-wrapper figure img {
    width: 100%;
    aspect-ratio: 2.35 / 1;
    object-fit: cover;
}

footer {
    background: #0B2441;
    padding: 80px 0 30px;
}

.footer-top-content {
    padding-right: 280px;
}

.footer-top-content h3 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 20px;
}

.form-group label {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 5px;
}

.footer-search-box {
    position: relative;
}

.footer-search-box input {
    border: 1px solid #305783;
    background: transparent;
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    color: #fff;
    padding-right: 70px;
    height: 55px;
}

.footer-search-box input:focus {
    border-color: #fff;
}

.footer-search-box button {
    background: #FFFFFF;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.footer-search-box button:hover {
    background: transparent;
    border-color: #fff;
}

.footer-search-box button:hover img {
    filter: brightness(0) invert(1);
}

.footer-top-content .form-group p,
.footer-top-content .form-group p a {
    color: #9D9D9D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 8px 0 0;
}

.footer-top-content .form-group p a:hover {
    color: #fff;
}

.footer-contact-details {
    margin: 40px 0 0;
}

.footer-contact-details ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.footer-contact-details ul li {
    color: #707070;
}

.footer-contact-details ul li+li {
    margin-left: 15px;
}

.footer-contact-details ul li a {
    color: #F0F0F0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.footer-inner-menu h3 {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 15px;
    line-height: 1.4;
}

.footer-inner-menu ul li+li {
    margin: 18px 0 0;
}

.footer-inner-menu ul li a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.footer-inner-menu ul li a:hover {
    color: #55B54A;
}

.footer-inner-menu ul li a.viewmore {
    color: #8D9AA8;
    font-size: 18px;
}

.footer-bottom-wrapper {
    margin: 40px 0 20px;
    border-top: 1px solid #415974;
    border-bottom: 1px solid #415974;
    padding: 30px 0;
}

.footer-bottom-content {
    padding-right: 280px;
}

.footer-bottom-content img {
    max-width: 90px;
}

.footer-bottom-content p {
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.6;
    margin: 10px 0 0;
}

.footer-button-parent ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 30px 0 0;
}

.footer-button-parent ul li+li {
    margin-left: 15px;
}

.footer-button-parent ul li a {
    background: transparent linear-gradient(270deg, #FFF1B7 0%, #BEFAB7 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    min-width: 210px;
    position: relative;
    padding-left: 65px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: 1px solid transparent;
}

.footer-button-parent ul li a:hover {
    border-color: #fff;
    background: transparent;
}

.footer-button-parent ul li a img {
    position: absolute;
    left: 10px;
    transform: translateY(-50%);
    top: 50%;
    max-height: 45px;
}

.footer-button-parent ul li a span {
    color: #848484;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    display: inline-block;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.footer-button-parent ul li a:hover span,
.footer-button-parent ul li a:hover p {
    color: #fff;
}

.footer-button-parent ul li a p {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.footer-button-parent {
    max-width: 500px;
}

.footer-button-parent h4 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.social-media-parent ul li a {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #324760;
    border-radius: 50%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    border: 1px solid transparent;
}

.social-media-parent ul li a:hover {
    border-color: #fff;
    background: transparent;
}

.social-media-parent ul li a:hover img {
    filter: brightness(0) invert(1);
}

.social-media-parent ul li a img {
    max-height: 22px;
}

.social-media-parent ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 20px 0 0;
}

.social-media-parent ul li+li {
    margin-left: 8px;
}

.footer-polocy-wrapper .footer-contact-details {
    margin: 0;
}

.footer-polocy-wrapper .footer-contact-details li a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.footer-polocy-wrapper .footer-contact-details li a:hover {
    color: #55B54A;
}

.footer-polocy-wrapper .footer-contact-details li span {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-polocy-wrapper .footer-contact-details p {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    text-align: right;
}

section.same-section.sustainability-banner-section.header-top-spacing {
    position: relative;
}

.header-top-spacing {
    padding-top: 0px;
    position: relative;
}

.sustainability-banner>img {
    width: 100%;
    user-select: none;
    pointer-events: none;
}

.sustainability-banner {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    text-align: center;
}

.sustainability-content h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1F1B1B;
    font-size: 37px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.sustainability-bottom-content {
    text-align: center;
    max-width: 1300px;
    margin: 0 auto;
}

.sustainability-bottom-content h2 {
    color: #383838;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 15px;
}

.sustainability-bottom-content p {
    color: #626262;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    margin: 30px 0 0;
}

.deal-product-banner-content span {
    background: #252D3A;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
}

.deal-product-banner-content h1 {
    color: #000000;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.4;
    margin: 10px 0;
}

.deal-product-banner-content h1 strong {
    font-weight: 600;
    color: #55B54A;
}

.deal-product-banner-content p {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.deal-product-banner {
    position: relative;
}

.deal-product-banner>img {
    width: 100%;
    user-select: none;
    pointer-events: none;
}

.deal-product-banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

section.same-section.some-header-banner.max-section-width.deal-product-banner-section.pb-0 {
    padding-bottom: 0 !important;
}

.filtter-box {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 35px;
    color: #333232;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
}

.filtter-box img {
    margin-right: 15px;
}

.price-box-wrapper h4 {
    margin: 0 0 15px;
    color: #333232;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
}

.price-filler-box .form-check {
    padding-left: 30px;
    margin-bottom: 0;
    position: relative;
}

.price-filler-box .form-check .form-check-label {
    color: #838383;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
}

.price-filler-box .form-check .form-check-input {
    width: 21px;
    height: 21px;
    border-radius: 5px;
    border: 1px solid #D0D0D0;
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
}

.price-filler-box .form-check+.form-check {
    margin: 15px 0 0;
}

.price-filler-box .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.price-filler-box .form-check-input:focus {
    box-shadow: none;
}

.price-box-wrapper+.price-box-wrapper {
    margin: 50px 0 0;
}

.deal-product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deal-product-header p {
    color: #838383;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.deal-product-header select {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
}

.deal-product-list .col-lg-4 {
    margin: 25px 0 0;
}

.deal-product-banner.deal-product-banner-content.energy-parent-wrapper {
    z-index: 1;
}

section.same-section.header-top-spacing.deal-product-banner-section:after {
    content: "";
    position: absolute;
    height: 450px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 50%);
}

.deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent.mb-0 span {
    background: #EBC323;
    border-radius: 5px;
    color: #252D3A;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 20px;
}

.deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent h2 {
    color: #FFFFFF;
    font-size: 50px;
}

section.badcrumb-section {
    background: #FCFCFC;
    padding: 10px 0 10px;
}

.badcrumb-inner ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.badcrumb-inner ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
}

.badcrumb-inner ul li a {
    color: #252D3A;
    font-size: 16px;
    font-weight: 400;
    padding: 7px;
    border-radius: 5px;
    background: transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.badcrumb-inner ul li a:hover {
    background: #EFE9E9;
}

.badcrumb-inner ul li img {
    max-height: 15px;
}

.badcrumb-inner ul li.current {
    color: #56B54B;
    font-weight: 500;
}

.badcrumb-inner ul li+li {
    margin-left: 15px;
}

.product-rating ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 10px 0 0;
    padding: 0;
}

.product-rating ul li {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.product-rating ul li img {
    max-width: 16px;
}

.product-rating ul li+li {
    margin-left: 7px;
}

.product-details-right {
    padding: 40px 0 0;
}

.product-details-btn.form-group.login-btn ul {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0;
}

.product-details-btn.form-group.login-btn ul li a.btn.default-btn {
    min-width: 525px;
    font-size: 20px;
    margin: 0;
}

.product-details-btn a.btn.sharebtn {
    background: #EFEFEF;
    padding: 15px 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.product-details-btn a.btn.sharebtn:hover {
    background: #000;
    border-color: transparent;
}

.product-details-btn a.btn.sharebtn:hover img {
    filter: brightness(0) invert(1);
}

.product-details-btn a.btn.sharebtn img {
    max-height: 30px;
}

.product-details-btn.form-group.login-btn ul li+li {
    margin-left: 10px;
}

.product-left-image.row {
    margin: 0 -7px;
}

.product-left-image.row .col-lg-6 {
    margin: 0 0 10px;
    padding: 0 7px;
}

.product-share-box-price h3 {
    color: #333232;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 5px;
}

.product-share-box-price p {
    color: #727272;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.product-details-right h2 {
    color: #000000;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.product-share-box {
    margin: 25px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCCCCC;
}

.share-btn-box a {
    background: #F8F8F8;
    border-radius: 12px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #252D3A;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.share-btn-box a:hover {
    background: #000;
    color: #fff;
}

.share-btn-box a:hover img {
    filter: brightness(0) invert(1);
}

.share-btn-box a img {
    max-width: 21px;
    margin-left: 9px;
    vertical-align: middle;
}

.product-desc-inner h3 {
    color: #414141;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 0;
}

.product-desc-inner p {
    color: #A0A0A0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.product-desc-inner+.product-desc-inner {
    margin: 20px 0 0;
}

.product-desc-inner ul {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0;
}

.product-desc-inner ul li {
    color: #A7A7A7;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.product-desc-inner ul li+li {
    margin-left: 20px;
}

.product-desc-parent {
    padding: 30px 0 0;
}

.product-share-box-price h3 del {
    color: #CCCCCC;
    margin-left: 10px;
    font-weight: 400;
}

.btn.btn-defaultx {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 500;
    background: #EFEFEF;
    border-radius: 20px;
    border: 1px solid #EFEFEF;
    min-width: 230px;
    text-align: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.btn.btn-defaultx:hover {
    background: #000;
    color: #fff;
    border-color: transparent;
}

.btn.btn-primaryxx {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 500;
    background: #56B54B;
    border-radius: 20px;
    border: 1px solid #56B54B;
    min-width: 230px;
    text-align: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    color: #fff;
}

.btn.btn-primaryxx:hover {
    background: transparent;
    color: #56B54B;
    border-color: #56B54B;
}

.bulk-product-parent {
    background: transparent linear-gradient(275deg, #FFF1B7 0%, #BEFAB7 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bulk-product-parent .bulk-product {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 75px;
}

.toprated-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bulk-product-parent .bulk-product figure {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bulk-content h4 {
    color: #000000;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    font-size: 21px;
}

.bulk-content p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

section.same-section.some-header-banner.max-section-width.product-details-banner-section .row+.row {
    margin-top: 70px;
}

.bulk-product-parent.bulk-bottom-parent {
    background: #EFEFEF;
    border: 1px solid #F0F0F0;
    margin: 25px 0 0;
}

.bulk-product-parent.bulk-bottom-parent .bulk-content span {
    color: #8B8A8A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    display: inline-block;
}

.bulk-product-parent.bulk-bottom-parent {
    margin: 0 0 20px;
}

.row.border-top {
    border-top: 1px dotted #dee2e6 !important;
    margin-top: 40px !important;
    border-bottom: 1px dotted #dee2e6 !important;
    padding: 40px 0;
    border-top: 1px dotted #dee2e6 !important;
}

.row.border-top .col-lg-6 {
    margin: 25px 0 0;
}

.delivery-wrapper {
    padding-top: 40px;
}

.delivery-inner-box+.delivery-inner-box {
    margin: 15px 0 0;
}

.delivery-inner-box p {
    color: #A7A7A7;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.delivery-inner-box p strong {
    color: #000000;
    font-weight: 500;
}

.delivery-inner-box figure {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.delivery-inner-box figure img {
    max-width: 35px;
    max-height: 35px;
}

.delivery-inner-box {
    position: relative;
    padding-left: 40px;
}

.delivery-inner-box p {
    color: #A7A7A7;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.row.progress-bar-mainwrapper {
    border-top: 1px dotted #dee2e6 !important;
    padding: 40px 0 0;
}

.progress-bar-wrapper .progress+.progress {
    margin: 15px 0 0;
}

.bar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0px;
}

.bar-content label {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 3px;
}

.progress-bar-wrapper .progress {
    border-radius: 6px;
    height: 11px;
}

.bar-content.specing-top {
    margin: 15px 0 0;
}

.product-desc-inner {
    margin: 30px 0 0;
    border-top: 1px dotted #CCCCCC;
    padding: 20px 0 0;
}

.product-desc-inner+.product-desc-inner {
    border: none;
    padding: 0;
    margin-bottom: 40px;
}

.bulk-product-parent .toprated-bottom a.btn.btn-primaryx {
    margin: 0;
    background: #252D3A;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    border: 1px solid transparent;
}

.bulk-product-parent .toprated-bottom a.btn.btn-primaryx:hover {
    background: transparent;
    color: #000;
    border-color: #000;
}

.progress-bar.progress-bar {
    background-color: #5F5F5F !important;
}

.row.customer-review-wrapper {
    margin-top: 60px;
}

.reviw-rating-wrapper h3 {
    color: #000000;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    font-size: 40px;
}

.review-rating-parent ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.review-rating-parent ul li+li {
    margin-left: 5px;
}

.review-rating-content span {
    color: #1F1C22;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.review-rating-parent ul li img {
    max-width: 17px;
}

.review-rating-parent p {
    color: #A7A7A7;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.review-rating-content {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 20px 0;
}

.review-rating-parent {
    padding-left: 20px;
}

.customer-review-header h3 {
    color: #000000;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    font-size: 24px;
}

.customer-review-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customer-review-header span {
    color: #A7A7A7;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.customer-review-box p {
    color: #868686;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    font-size: 18px;
}

.customer-review-box ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 8px 0 8px;
    padding: 0;
}

.customer-review-box ul li+li {
    margin-left: 5px;
}

.customer-review-box {
    background: #F8F8F8;
    border-radius: 5px;
    height: 100%;
    padding: 15px;
}

.row.customer-review-wrapper .col-lg-6 {
    margin: 0 0 30px;
}

section.same-section.max-section-width.arrival-section.similar-section {
    padding-top: 0 !important;
}

.customer-review-box ul li img {
    max-height: 16px;
}

.confirm-btn.toprated-bottom.form-group.login-btn a.btn.default-btn {
    margin: 0;
    min-width: 49%;
}

.datepicker button.btn.btn-outline-secondary.border-left-0 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.dashboard-top-box {
    width: 100%;
    background: #FFF9E2;
    padding: 15px;
    text-align: center;
    border: 1px solid #FDE278;
    border-radius: 5px;
}

.account-left-menu h3 {
    color: #969696;
    font-size: 21px;
    font-weight: 500;
    margin: 25px 0 0;
    text-align: left;
}

.account-left-menu ul {
    margin: 25px 0 0;
}

.account-left-menu ul li a {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 12px 10px;
    color: #4E4E4E;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.account-left-menu ul li a span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.account-left-menu ul li a>img {
    margin-right: 15px;
}

.account-left-menu ul li .active,
.account-left-menu ul li a:hover {
    background: #F7F8FA;
    border-radius: 5px;
}

.dashboard-top-box span {
    color: #846A04;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 0;
    display: inline-block;
}

.dashboard-top-box p {
    color: #05070A;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.dashboard-middle-wrapper {
    background: #fff;
    padding-bottom: 30px;
    box-shadow: 0px 0px 16px #0000000F;
    border-radius: 10px;
}

.dashboard-header {
    padding: 30px 30px;
    border-bottom: 1px solid #EAEAEA;
}

.dashboard-middle-content {
    padding: 30px;
}

.dashboard-header h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.dashboard-header p {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.dashboard-profile {
    position: relative;
    padding-left: 80px;
}

.dashboard-profile figure {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-profile h3 {
    color: #383838;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.dashboard-profile p {
    color: #9B9B9B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.profile-form.row {
    margin-top: 40px;
}

.profile-form.row .form-group label {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
    display: block;
    width: 100%;
}

.profile-form.row .form-group button.btn.btn-outline-secondary.border-left-0 {
    border: none;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-form.row .form-group button.btn.btn-outline-secondary.border-left-0 i {
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.profile-form.row .form-group button.btn.btn-outline-secondary.border-left-0:hover i {
    color: #000;
}

.profile-form.row .col-lg-6 {
    margin: 0 0 25px;
}

.profile-form.row .col-lg-6 .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.confirm-btn.toprated-bottom a.btn.btn-primaryx {
    min-width: 260px;
    padding: 12px 20px;
    font-size: 18px;
    margin: 5px 0 0;
}

.dashboard-middle-bottom.row {
    margin: 0 30px 0px;
    background: #F7F7F7;
    padding: 20px 10px;
    border-radius: 5px;
}

.dashboard-bottom-box label {
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.dashboard-bottom-box p {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.dashboard-link {
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-link input[type="text"] {
    background: transparent;
    color: #1F9EEF;
    font-size: 15px;
    font-weight: 400;
    width: 50%;
    border-bottom: 1px solid;
    padding: 4px 0;
}

.dashboard-middle-bottom.row .col-lg-6:first-child .dashboard-bottom-box .dashboard-link input[type="text"] {
    width: 34% !important;
}

.dashboard-link a {
    color: #868686;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    display: inline-block;
    text-decoration: underline;
}

.dashboard-middle-bottom.row .col-lg-6 {
    margin: 0 0 30px;
}

.dashboard-middle-bottom.row .col-lg-6:last-child {
    margin-bottom: 10px;
}

.dashboard-link a.danger {
    color: #FF0000;
    border-bottom: 1px solid #FF0000;
    text-decoration: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.datepicker button.btn.btn-outline-secondary.border-left-0 {
    display: none !important;
}

.datepicker img {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 9;
}

.account-left-menu {
    height: 100%;
    position: relative;
}

.dashboard-leftbottom-box {
    position: absolute;
    bottom: 11%;
    left: 0;
    right: 0;
    text-align: center;
}

.dashboard-leftbottom-box a {
    background: #FADADA;
    display: block;
    padding: 13px 15px;
    border-radius: 5px;
    font-size: 20px;
    color: #FF0000;
    font-weight: 500;
    margin: 0;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.dashboard-leftbottom-box a:hover {
    background: #FF0000;
    color: #fff;
}

.dashboard-leftbottom-box p {
    color: #3B3B3B;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 7px 0 0;
}

.datepicker {
    position: relative;
}

.datepicker input {
    width: 100%;
    max-width: 100%;
}

.order-inner-parent+.order-inner-parent {
    border-top: 1px solid #DEDEDE;
    margin: 10px 0 0;
}

.order-inner-parent {
    padding: 30px;
}

.order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-header h3 {
    color: #383838;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.order-header a {
    background: #F8F8F8;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #DEDEDE;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    color: #5A5A5A;
}

.order-header a:hover {
    background: #000;
    border-color: transparent;
    color: #fff;
}

.order-inner-parent ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 15px 0;
}

.order-inner-parent ul li {
    width: 78px;
    height: 78px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-inner-parent ul li+li {
    margin-left: 8px;
}

.order-inner-parent p {
    color: #9B9B9B;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

p.colorgreen {
    color: #55B54A;
}

.order-inner-parent p strong {
    font-weight: 600;
    color: #000000;
}

.dashboard-header.backpage {
    position: relative;
    padding-left: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-header.backpage .back-invoice-header>a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    position: absolute;
    left: 30px;
    top: 50%;
    color: #000;
    font-size: 26px;
    transform: translateY(-50%);
}

.invoice-btn {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    color: #252D3A;
    font-weight: 400;
}

.invoice-btn img {
    margin-right: 5px;
}

.invoice-btn:hover {
    background: #000;
    color: #fff;
}

.invoice-btn:hover img {
    filter: brightness(0) invert(1);
}

.invoice-btn-parent {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
}

.again-btn {
    background: #1788FB;
    padding: 10px 15px;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    color: #fff;
    font-weight: 400;
}

.again-btn:hover {
    border-color: #1788FB;
    color: #1788FB;
    background: transparent;
}

.invoice-btn-parent a+a {
    margin-left: 10px;
}

.back-invoice-header p strong {
    font-weight: 600;
}

.products-price-wrapper {
    padding: 30px;
}

.product-price-img {
    position: relative;
    padding-left: 85px;
}

.product-price-img figure {
    margin: 0;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product-price-img h3 {
    color: #1F1C22;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.product-price-img p {
    color: #848484;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    margin: 0;
}

.product-price-content p {
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    text-align: right;
}

.product-price-content p strong {
    color: #151515;
}

.product-price-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 20px;
}

.product-price-inner+.product-price-inner {
    margin: 25px 0 0;
}

.payment-box-wrapper {
    padding: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.merchant-payment-left,
.merchant-payment-right {
    width: 50%;
}

.merchant-payment-right h3,
.merchant-payment-left h3,
.order-summary-wrapper h3,
.trackorder-wrapper h3,
.product-rateus-wrapper h3 {
    color: #1A1A1B;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.merchant-payment-right p,
.merchant-payment-left p {
    color: #9B9B9B;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.merchant-payment-left p img {
    vertical-align: middle;
    margin-left: 10px;
}

.order-summary-wrapper {
    padding: 30px 30px 0;
}

.order-summary-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

.order-summary-inner h4,
.order-summary-inner h5 {
    color: #585858;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.order-summary-inner h4 {
    padding-right: 15px;
}

.order-summary-inner h5 {
    padding-left: 15px;
}

.order-summary-inner p {
    color: #989898;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.order-summary-inner p:first-child {
    padding-right: 15px;
}

.order-summary-inner p:last-child {
    padding-left: 15px;
}

.order-summary-inner p strong {
    color: #000000;
    font-weight: 600;
}

.order-summary-inner:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px dashed #CCCCCC;
}

.order-summary-wrapper h3 {
    margin: 0 0 15px;
}

.trackorder-wrapper {
    padding: 30px;
    border-top: 1px solid #EAEAEA;
}

.trackorder-wrapper ul {
    margin: 30px 0 0;
    position: relative;
}

.trackorder-wrapper ul li {
    position: relative;
    padding-left: 65px;
}

.trackorder-wrapper ul li img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.trackorder-wrapper ul li h5 {
    color: #3D3B3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.trackorder-wrapper ul li p {
    color: #3D3B3B;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.trackorder-wrapper ul .disable-content h5,
.trackorder-wrapper ul .disable-content p {
    color: #C6C6C6;
}

.trackorder-wrapper ul li+li {
    margin: 25px 0 0;
}

.trackorder-wrapper ul:before {
    content: "";
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 2px solid #CCCCCC;
}

.invoice-btn-parent p {
    width: 100%;
    display: block;
}

.invoice-btn-parent p {
    width: 100%;
    display: block;
    color: #FF0B0B;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
    margin: 5px 0 0;
}

p.colorred {
    color: #FF0000;
}

.merchant-payment-left span {
    color: #1F1C22;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.merchant-payment-left h6 {
    color: #FF2F2F;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.product-rateus-wrapper {
    padding: 30px;
    border-bottom: 1px solid #EAEAEA;
}

.rateus-innerchild {
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.rateus-innerchild p {
    color: #191919;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.rateus-innerchild ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

.rateus-innerchild ul li+li {
    margin-left: 5px;
}

.product-rateus-parent textarea {
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    padding: 13px;
    color: #191919;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    height: 100px;
    width: 100%;
    line-height: 1.6;
}

.product-rateus-parent textarea:focus {
    box-shadow: none;
}

#picture__input {
    display: none;
}

.picture {
    width: 100%;
    aspect-ratio: 27 / 9;
    background: #FFF2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border: 1px solid #FFBABA;
    cursor: pointer;
    font-family: sans-serif;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    outline: none;
    overflow: hidden;
    border-radius: 5px;
}

.picture:focus {
    background: transparent;
    box-shadow: none;
}

.picture__img {
    max-width: 100%;
}

.product-rateus-parent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.product-rateus-inner {
    width: 50%;
}

.product-upload-box {
    width: 45%;
}

.product-upload-box p {
    color: #656565;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 5px;
}

.product-upload-box a {
    background: #56B54B;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 18px;
    display: block;
    padding: 14px 15px;
    text-align: center;
    color: #fff;
    margin: 25px 0 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.product-upload-box a:hover,
.product-upload-box a:focus {
    background: transparent;
    color: #56B54B;
    border-color: #56B54B;
}

.manage-card-wrapper.row {
    padding: 30px;
}

.card-manage-inner {
    background: #F8F8F8;
    padding: 20px;
    border-radius: 5px;
}

.card-manage-inner ul#myTab {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 20px;
    width: auto;
    display: inline-flex;
}

.card-manage-inner ul#myTab li.nav-item button {
    color: #8E8E8E;
    font-size: 15px;
    padding: 8px 20px;
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    background: transparent;
    border: none;
}

.card-manage-inner ul#myTab li.nav-item button:hover,
.card-manage-inner ul#myTab li.nav-item button.active {
    background: #fff;
}

.paument-icon ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 20px;
}

.paument-icon ul li+li {
    margin-left: 10px;
}

.managecard-form .form-group {
    margin: 0 0 25px;
}

.managecard-form .form-group label {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 8px;
}

.managecard-form .form-group .form-control-new {
    color: #919191;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    background: #fff;
    border-color: #EAEAEA;
}

.managecard-form .form-group .form-control-new:focus {
    border-color: #56B54B;
}

.cardcheck-parent .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.cardcheck-parent .form-check-input:focus {
    box-shadow: none;
}

.cardcheck-parent label {
    color: #7E7E7E;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.cardcheck-parent .form-check input {
    position: absolute;
    left: 6%;
    top: 33%;
    transform: translateY(-50%);
}

.cardcheck-parent .form-check {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    padding-left: 30px;
}

.cardcheck-parent {
    margin: 10px 0 0;
}

.card-bottom-btn {
    margin: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-bottom-btn .btn {
    font-size: 18px;
    font-weight: 500;
    width: 49%;
    border-radius: 5px;
    min-width: inherit;
}

.card-bottom-btn a.btn.btn-defaultx {
    background: #fff;
    border-color: #EAEAEA;
}

.card-bottom-btn a.btn.btn-defaultx:hover {
    background: #000;
    color: #fff;
    border-color: transparent;
}

.chouse-card-option h3 {
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    display: block;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 8px;
    margin: 0 0 20px;
}

.select-card-box {
    background: #FFF4F4;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #FFD1D1;
}

.select-card-box h4 {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.card-details-inner {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 7px 0 0;
}

.card-details-inner img {
    margin-right: 10px;
}

.card-details-inner p {
    color: #8B8B8B;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.select-card-box-wrapper .cardcheck-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-card-box-wrapper .cardcheck-parent .form-check input {
    left: 22%;
}

.remove-card a {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.remove-card a:hover {
    color: #FF0000;
}

.select-card-box-wrapper+.select-card-box-wrapper {
    margin: 30px 0 0;
}

.whislist-wrapper {
    padding: 30px;
}

.slider-item.whislist-product-box {
    background: transparent;
    padding: 0;
    border: 13px;
    margin: 0;
    box-shadow: none;
}

.slider-item.whislist-product-box .slider-item-inner-content figure>img {
    height: auto;
    object-fit: cover;
    width: 100%;
    border-radius: 13px;
}

.whislist-wrapper .col {
    max-width: 20%;
    flex: 0 0 20%;
    margin: 0 0 30px;
}

.slider-item.whislist-product-box .rating-box {
    bottom: 15px;
    right: 8px;
    min-width: 90px;
    padding: 4px 5px;
}

a.deletebtn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
}

.slider-item.whislist-product-box .slider-inner-content p {
    color: #000000;
    font-size: 14px;
    margin: 0 0 10px;
}

.slider-item.whislist-product-box .slider-inner-content h2,
.slider-item.whislist-product-box .slider-footer-left span,
.slider-item.whislist-product-box .slider-footer-left del {
    font-size: 14px;
}

.slider-item.whislist-product-box .slider-item-inner-content figure {
    margin: 0 0 5px;
}

.slider-item.whislist-product-box .slider-footer-left span {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 0;
}

.whislist-cart-btn {
    margin: 10px 0 0;
    display: inline-block;
}

.whislist-cart-btn a {
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
}

.search-box-wrapper {
    padding: 30px 30px;
    border-bottom: 1px solid #EAEAEA;
}

.search-box-wrapper .opne-search-box {
    padding: 10px 15px !important;
    width: 500px;
    margin: 10px 0 0;
}

.search-box-wrapper .opne-search-box input[type="text"] {
    padding: 0 0 0 10px;
}

.search-box-wrapper .opne-search-box>img {
    margin-left: 0;
}

.search-box-wrapper label {
    color: #0B0B0B;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 0;
    font-size: 16px;
}

.manage-card-wrapper.address-form-wrapper.row .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.manage-card-wrapper.address-form-wrapper.row .nav-link img {
    margin-right: 8px;
    max-height: 17px;
}

.manage-card-wrapper.address-form-wrapper.row .card-manage-inner ul#myTab {
    border: none;
}

.manage-card-wrapper.address-form-wrapper.row .card-manage-inner ul#myTab .nav-item .nav-link {
    border: 1px solid #D1D1D1;
    border-radius: 5px;
    background: #F7F7F7;
    color: #393939;
}

.form-check-input[type=checkbox] {
    border-radius: 5px;
}

.manage-card-wrapper.address-form-wrapper.row .card-manage-inner ul#myTab li+li {
    margin-left: 10px;
}

.manage-card-wrapper.address-form-wrapper.row .card-manage-inner ul#myTab .nav-link.active {
    background: #D6D6D6;
    border-color: #A7A7A7;
}

.address-select-box {
    position: relative;
}

.address-select-box i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    user-select: none;
    pointer-events: none;
}

.select-card-box-wrapper.address-select-box .card-details-inner h3 {
    margin: 0;
    padding: 0;
    line-height: normal;
    border: none;
    color: #0B0B0B;
    font-weight: 500;
    font-size: 18px;
}

.select-card-box-wrapper.address-select-box .card-details-inner figure {
    margin: 0 10px 0 0;
    width: 35px;
    height: 35px;
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.select-card-box-wrapper.address-select-box .card-details-inner figure img {
    margin: 0;
}

.select-card-box-wrapper.address-select-box .select-card-box {
    border-color: #EFEFEF;
    background: #FDFDFD;
    border-radius: 5px;
}

.select-card-box-wrapper.address-select-box .select-card-box .card-details-inner {
    margin: 0;
}

.select-card-box-wrapper.address-select-box .select-card-box p {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 5px 0 0;
}

.address-remove-wrapper ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 10px 0 0;
}

.address-remove-wrapper ul li+li {
    margin-left: 15px;
}

.address-remove-wrapper ul li a {
    color: #B1B1B1;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.address-remove-wrapper ul li a img {
    margin-right: 5px;
}

.select-card-box-wrapper.address-select-box .form-check .form-check-input {
    left: 0;
    float: inline-end;
    margin: 0;
    top: 50%;
}

.cart-left-wrapper {
    padding: 25px 30px;
}

.cart-header-top-box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    background: #FFF0E5;
    border-radius: 5px;
    padding: 15px;
}

.cart-header-top-left {
    position: relative;
    padding-left: 40px;
    width: 75%;
}

.cart-header-top-left figure {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}

.header-top-content h4 {
    color: #0B0B0B;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.header-top-content p {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.cart-header-top-right a {
    color: #F80303;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.cart-total-product .cart-total-select {
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.cart-total-product .cart-total-select .form-check input {
    left: 0;
    margin: 0;
    top: 50%;
}

.cart-total-product .cart-total-select .cardcheck-parent label {
    font-size: 17px;
}

.cart-total-product .cart-total-select a {
    background: #252D3A;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.cart-total-product .cart-total-select a:hover {
    background: transparent;
    color: #252D3A;
    border-color: #252D3A;
}

.cart-total-product .cart-total-select .cardcheck-parent {
    margin: 0;
}

.cartproduct-right .wrapper {
    height: 25px;
    display: flex;
    background: #EAEAEA;
}

.cartproduct-right .quantity {
    -webkit-appearance: none;
    border: none;
    text-align: center;
    width: 30px;
    font-size: 14px;
    color: #43484D;
    font-weight: 400;
    border: 1px solid #E1E8EE;
    background: transparent;
}

.cartproduct-right .btn {
    border: 1px solid #E1E8EE;
    width: 25px;
    background-color: #EAEAEA;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cartproduct-right button:focus,
.cartproduct-right input:focus {
    outline: 0;
}

.cartproduct-right button.btn.btn--minus:after {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: #a3a3a3;
    content: "";
}

.cartproduct-right button.btn.btn--plus:after {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: #a3a3a3;
    content: "";
}

.form-check-input:checked[type=radio] {
    background-image: url(../images/radio-check-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.cart-product-mainbox-inner {
    background: #F8F8F8;
    border-radius: 5px;
    padding: 15px;
    padding-left: 40px;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: start;
}

.cart-inner-productlist {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
}

.cartproduct-left {
    position: relative;
    display: flex;
    align-items: start;
    padding-left: 90px;
}

.cartproduct-left figure {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.cart-colorbox h4 {
    color: #1C1C1C;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.color-code-box {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 5px 0 15px;
}

.color-code-box span {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #C49C7E;
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.color-code-box span:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 2px;
    bottom: 0;
    width: 1px;
    background: #A2A2A2;
}

.color-code-box p {
    background: #DEDEDE;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 5px;
    font-weight: 400;
}

.cart-colorbox h6 {
    color: #403F3F;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.cartproduct-middle {
    text-align: center;
}

.cartproduct-middle h4 {
    color: #1C1C1C;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.cartproduct-middle p {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 5px 0 0;
}

.cartproduct-right {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
}

.cartproduct-right ul {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    margin: 0 0 25px;
}

.cartproduct-right ul li+li {
    margin-left: 6px;
}

.cartproduct-right ul li a {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.cartproduct-right ul li a:hover {
    background: #252D3A;
}

.cartproduct-right ul li a:hover img {
    filter: brightness(0) invert(1);
}

.cart-product-mainbox-inner .cardcheck-parent {
    margin: 0;
}

.cart-product-mainbox-inner .cardcheck-parent .form-check {
    padding: 0;
    margin: 0;
}

.cart-product-mainbox-inner+.cart-product-mainbox-inner {
    margin: 15px 0 0;
}

.cart-delivery-head h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 10px;
}

.select-deliverytype-box {
    margin: 30px 0 0;
}

.delivery-box-wrapper {
    background: #F5F5F5;
    border-radius: 5px;
    padding: 15px;
    height: 100%;
    position: relative;
}

.select-delivery-typebox h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 10px;
}

.shiping-main-box-wrapper {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.shiping-main-box-wrapper .form-check .form-check-input {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0;
    padding: 0;
}

.shiping-main-box-wrapper .form-check label.form-check-label .cart-header-top-left {
    width: 100%;
    padding-left: 50px;
}

.shiping-main-box-wrapper .form-check label.form-check-label .cart-header-top-left .header-top-content h4 {
    margin: 0;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
}

.shiping-main-box-wrapper .form-check label.form-check-label .cart-header-top-left .header-top-content p {
    color: #A7A7A7;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.shiping-main-box-wrapper .form-check {
    padding-left: 22px;
    margin: 0;
    position: relative;
}

.shiping-main-box-wrapper .form-check .form-check-input:checked,
.delivery-box-wrapper>.form-check .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.delivery-box-wrapper>.form-check {
    margin: 0 0 10px;
    position: relative;
    padding-left: 22px;
}

.delivery-box-wrapper>.form-check input {
    width: 15px;
    height: 15px;
    border-color: #A8A8A8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

.shiping-main-box-wrapper+.shiping-main-box-wrapper {
    margin: 10px 0 0;
}

.form-group.delivery-pickup-box button {
    background: #000000;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    padding: 9px 5px;
    font-weight: 600;
    -webkit-transition: 0.4s;
    border: 1px solid transparent;
    min-width: 69px;
    height: 40px;
    margin-left: 5px;
    transition: 0.4s;
}

.form-group.delivery-pickup-box button:hover {
    background: transparent;
    color: #000;
    border-color: #000;
}

.form-group.delivery-pickup-box .form-control-new {
    padding: 10px;
    font-size: 14px;
    border-color: #E8E8E8;
    background: #fff;
}

.merchant-payment-left {
    padding-right: 15px;
}

.form-group.delivery-pickup-box {
    position: relative;
    margin: 0 0 10px;
}

.promocode-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery-box-wrapper.deliverypikup-wrapper .select-delivery-typebox .shiping-main-box-wrapper {
    background: transparent;
    padding: 0;
}

.form-group.delivery-pickup-box p {
    color: #FF0000;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    margin: 5px 0 0;
}

.form-check.promocode-content .cart-header-top-left {
    width: 100%;
}

.form-check.promocode-content {
    background: #FFEBEB;
    border-radius: 5px;
    padding: 10px;
}

.form-check.promocode-content .header-top-content h4 {
    color: #383838;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.form-check.promocode-content .header-top-content p {
    color: #808080;
    font-weight: 500;
    line-height: 1.45;
    margin: 0;
    font-size: 12px;
}

.form-check.promocode-content .cart-header-top-left {
    width: 100%;
    padding-left: 49px;
}

.promocode-coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.promocode-coupon span {
    background: #FFF9E0;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    color: #937600;
}

.giftcard-inner-box .form-group+.form-group {
    margin: 15px 0 0;
}

.giftcard-inner-box .form-group label {
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.giftcard-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.giftcard-input input {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 12px 15px;
    color: #656565;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    padding-left: 45px;
}

.giftcard-input input:focus {
    border-color: #000;
}

.giftcardinner-input {
    width: 100%;
    position: relative;
}

.giftcardinner-input img {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.giftcard-input button {
    background: #777777;
    color: #fff;
    font-size: 14px;
    padding: 13px 15px;
    height: 42px;
    border-radius: 5px;
    min-width: 100px;
    margin-left: 10px;
    font-weight: 500;
    border: 1px solid transparent;
}

.giftcard-input button:hover {
    background: transparent;
    color: #777777;
    border-color: #777777;
}

.giftcard-mainparent-box .order-summary-wrapper {
    padding: 0;
    margin: 30px 0 0;
}

.giftcard-mainparent-box .order-summary-wrapper .order-summary-inner h4,
.giftcard-mainparent-box .order-summary-wrapper .order-summary-inner p {
    font-size: 15px;
}

.cart-header-top-box .cart-header-top-box {
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px 0 0;
}

.cart-left-wrapper.paymentcard-product-box .cart-header-top-box {
    flex-wrap: wrap;
}

.cart-left-wrapper.paymentcard-product-box .cart-header-top-box>h6 {
    color: #F80B0B;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.payment-header-heading {
    display: flex;
    align-items: center;
    justify-content: start;
}

.payment-header-heading a {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background: #F8F8F8;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    margin-right: 10px;
}

.payment-header-heading a:hover {
    border-color: #000;
}

.payment-header-heading a img {
    transform: rotate(180deg);
}

.payment-product-select-box {
    background: #F8F8F8;
    border-radius: 5px;
    padding: 10px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.payment-product-select-box figure {
    margin: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 10px;
}

.payment-product-select-box p {
    color: #1C1C1C;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.chouse-card-option.payment-option-wrapper {
    margin: 30px 0 0;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper {
    position: relative;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper .form-check {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper .form-check input {
    border-radius: 5px;
    position: absolute;
    left: 10px;
    top: 19px;
    padding: 0;
    margin: 0;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper .form-check .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper .select-card-box {
    padding-left: 40px;
}

.chouse-card-option.payment-option-wrapper .select-card-box-wrapper+.select-card-box-wrapper {
    margin-top: 10px;
}

.chouse-card-option.payment-option-wrapper h5 {
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.chouse-card-option.payment-option-wrapper .chouse-bank-account a {
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    padding: 10px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: start;
}

.chouse-card-option.payment-option-wrapper .chouse-bank-account figure {
    margin: 0;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box {
    background: #F8F8F8;
    margin: 25px 0 0;
    border-radius: 5px;
}

.chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box .order-summary-wrapper {
    margin: 100px 0 0;
}

.chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box .order-summary-wrapper .order-summary-inner p,
.chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box .order-summary-wrapper .order-summary-inner h4,
.chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box .order-summary-wrapper .order-summary-inner h5 {
    background: #f8f8f8;
}

section.same-section.header-top-spacing.deal-product-banner-section.greenproduct-section .deal-product-banner-content {
    top: 42%;
    bottom: inherit;
}

section.same-section.header-top-spacing.deal-product-banner-section.greenproduct-section .deal-product-banner-content.text-center h1 {
    color: #fff;
}

.notification-parent .notification-msg {
    position: fixed;
    top: 0;
    width: 500px;
    background: #fff;
    right: -100%;
    bottom: 0;
    height: 100vh;
    padding: 80px 0 20px;
    box-shadow: 0px 0px 15px #00000010;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    overflow-y: auto;
}

.notification-parent ul li a {
    position: relative;
    padding: 10px 15px;
    padding-left: 65px !important;
    display: block;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.notification-parent ul li a:hover {
    background: #F4F6FA;
}

.notification-parent ul li figure {
    margin: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 1px solid rgb(0 0 0 / 28%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-parent ul li figure img {
    max-height: 35px;
}

.notification-parent ul li+li {
    margin: 0 0 0;
}

.notification-parent ul li a p {
    color: #0F1A33;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 0;
}

.notification-bottom span {
    color: #808080;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    display: inline-block;
}

.notification-bottom span:nth-child(2) {
    margin: 0 3px;
}

.notification-parent ul li a.active figure:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    width: 10px;
    height: 10px;
    background: #004EFF;
    border-radius: 50%;
}

.notification-parent .notification-msg h3 {
    color: #0D0D0D;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 20px 20px;
}

.notification-msg .closebtn {
    position: absolute;
    top: 20px;
    left: 20px;
}

.notification-msg.active {
    right: 0;
    visibility: visible;
    opacity: 1;
}

html.overflow-off,
body.overflow-off {
    overflow: hidden;
}

.black-layer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.black-layer.active {
    opacity: 1;
    visibility: visible;
}

.login-form-parent.row.without-margin {
    margin: 40px -15px 0;
}

li.notification-parent .notification-msg ul {
    display: block;
    padding: 0;
    margin: 0;
}

.modal.logut-popup .modal-dialog {
    max-width: 450px;
}

.modal.logut-popup .modal-dialog .modal-content {
    background: #fff;
    border-radius: 10px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-header {
    border: none;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    text-align: center;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body p {
    color: #A2A2A2;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    max-width: 360px;
    margin: 5px auto 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer {
    padding: 20px 0;
    text-align: center;
    margin: 0;
    justify-content: center;
    border: none;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button {
    font-size: 16px;
    padding: 9px 15px;
    min-width: 120px;
    text-transform: capitalize;
    border-radius: 8px;
    margin: 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button+button {
    margin-left: 10px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-header button.btn-close {
    opacity: 1;
    position: absolute;
    background: none;
    top: 5%;
    right: 5%;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body {
    padding: 40px 15px 10px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-group {
    margin: 30px 0 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-group label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-group .form-control-new {
    font-size: 14px;
    font-weight: 400;
    color: #868686;
    background: #F8F8F8;
    border-color: #EAEAEA;
    padding: 12px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-group .form-control-new::placeholder {
    color: #868686 !important;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button {
    width: 46%;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button.btn.btn-defaultx {
    border-color: #EAEAEA;
    background: #fff;
    color: #252D3A;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button.btn.btn-defaultx:hover {
    background: #252D3A;
    border-color: transparent;
    color: #fff;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button.btn.btn-primaryx {
    background: #56B54B;
    color: #fff;
    border-color: #56B54B;
}

.modal.logut-popup .modal-dialog .modal-content .modal-footer button.btn.btn-primaryx:hover {
    background: transparent;
    color: #56B54B;
}

.modal.logut-popup.cancel-product .modal-dialog .modal-content .modal-body h2 {
    margin: 0 0 20px;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check label.form-check-label {
    color: #A5A5A5;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check {
    position: relative;
}

.modal-radio-box .form-check+.form-check {
    margin: 10px 0 0;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-group textarea.form-control-new {
    border-color: #EAEAEA;
    height: 100px;
    background: #F8F8F8;
    border-radius: 5px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body figure {
    margin: 0 auto 20px;
    text-align: center;
    width: 75px;
    height: 75px;
    border-radius: 5px;
}

.logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered {
    max-width: 620px;
}

.logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered .color-code-box {
    margin: 5px 0 5px;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .color-code-box p {
    color: #403F3F;
    font-size: 13px;
}

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 96px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid;
    background-color: #F8F8F8;
    border-color: #CCCCCC;
    border-radius: 12px;
    font-size: 13px !important;
}

.upload__btn p {
    font-size: 13px !important;
    margin: 0 !important;
}

.upload__btn:hover {
    background-color: unset;
    color: #4045ba;
    transition: all 0.3s ease;
}

.upload__btn-box {
    margin-bottom: 10px;
}

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.upload__img-box {
    width: 16%;
    padding: 0 10px;
    margin-bottom: 12px;
    height: 65px;
}

.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
    display: none;
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
}

.upload__img-box .img-bg {
    background-size: 50px;
    padding: 37px 0;
    width: 60px;
    height: 60px;
    background-color: #FFF2F2;
    border-radius: 12px;
    overflow: hidden;
    margin: 5px;
}

.logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered.help-center-modal {
    max-width: 500px;
}

.logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered.help-center-modal .modal-body h2 {
    margin-bottom: 0;
}

.bulkproduct-modal-form.row .form-group p {
    color: #454545 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin: 5px 0 0 !important;
}

.modal.logut-popup .modal-dialog .modal-content .modal-body .form-check.bank-checkbtn label.form-check-label {
    color: #7E7E7E;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.form-check.bank-checkbtn {
    position: relative;
    margin: 10px 0 0;
    padding-left: 35px;
}

.form-check.bank-checkbtn input {
    position: absolute;
    left: 10px;
    padding: 0;
    margin: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
}

.form-check.bank-checkbtn .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.bulk-product-parent.bulk-bottom-parent .toprated-bottom a.btn.btn-primaryx {
    background: #56B54B;
    color: #fff;
    border-color: #56B54B;
}

.bulk-product-parent.bulk-bottom-parent .toprated-bottom a.btn.btn-primaryx:hover {
    background: transparent;
    color: #56B54B;
    border-color: #56B54B;
}

.bulkproduct-modal-form.replacement-policy-modal.row {
    padding-bottom: 20px;
}

.bulkproduct-modal-form.replacement-policy-modal.row p {
    margin: 15px 0 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    font-size: 16px !important;
}

.maindetails-header.dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.maindetails-header.dashboard-header h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.grid-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}

.grid-wrapper>a {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.account-left-menu.active>h3 {
    margin: 10px 0 0;
}

.chouse-bank-account p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    color: #1C1C1C;
}

.whislist-wrapper .col-lg-4 {
    margin: 0 0 25px;
}

.header-menu ul li>ul.dropdown-menu {
    display: block;
    border: none;
    display: none;
    padding-top: 5px;
    width: 320px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

ul.dropdown-menu li+li {
    margin-left: 0;
}

.header-menu ul li {
    padding: 5px 0;
    position: relative;
    margin-bottom: 0;
}

.header-menu ul li:hover ul.dropdown-menu {
    display: block;
    opacity: 1;
}

.header-menu ul li>ul.dropdown-menu li a.dropdown-item {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    padding-left: 45px !important;
    padding: 9px 7px;
}

.header-menu ul li>ul.dropdown-menu li a.dropdown-item img {
    width: 22px !important;
    height: 22px !important;
    position: absolute;
    left: 10px !important;
    border-radius: 5px;
    object-fit: cover;
}

.header-menu ul li>ul.dropdown-menu li a.dropdown-item:active,
.header-menu ul li:hover ul.dropdown-menu li a.dropdown-item:hover {
    background: transparent linear-gradient(174deg, #FFFAE3 0%, #D3FFCE 100%) 0% 0% no-repeat padding-box;
}

ul.dropdown-menu li {
    position: relative;
    padding: 0;
}

.header-menu ul li:hover ul.dropdown-menu img.dropdown-arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

ul.dropdown-menu li ul.dropdown-menu {
    position: absolute;
    right: -100%;
    top: 0;
    display: none !important;
}

ul.dropdown-menu li:hover ul.dropdown-menu {
    display: block !important;
    padding-top: .5rem;
}

.header-menu ul li>ul.dropdown-menu {
    display: none;
}

.header-menu ul li>ul.dropdown-menu li a.dropdown-item+img.dropdown-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.product-details-btn.form-group.login-btn ul li .default-btn {
    min-width: 525px;
    font-size: 20px;
    margin: 0;
}

.product-details-btn.form-group.login-btn ul li form button.btn.default-btn {
    margin: 0;
}

.notification-parent ul li {
    border-bottom: 1px solid #F4F4F4;
    border-top: 1px solid #F4F4F4;
    position: relative;
    padding: 0 !important;
}

.notification-parent ul li+li {
    border-top: none !important;
}

.viewall-btn-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.viewall-btn-parent a {
    color: #F80303;
    font-weight: 500;
    font-size: 14px;
}

.card-manage-inner>h6 {
    color: #0B0B0B;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 10px;
}

span.textarea-limit {
    text-align: right;
    display: block;
    font-size: 13px;
    color: #848484;
    margin: 6px 0 0;
    font-weight: 400;
}

.slick-initialized .slick-slide {
    margin-right: 10px;
}

.login-image {
    border-radius: 5px;
    overflow: hidden;
}

.login-image img {
    width: 100%;
}

.product-details-img img {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-details-img {
    height: 100%;
    width: 100%;
}

.product-left-image.row {
    height: 100%;
}

.slick-list {
    padding-left: 0px !important;
}

.slick-slider {
    margin-bottom: 0 !important;
}

.header-menu ul li>a i {
    line-height: normal !important;
    margin-left: 2px;
}

.estimate-wrapper-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.estimate-time-parent {
    position: relative;
    padding-left: 50px;
}

.estimate-time-parent figure {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 6px #00000014;
}

.estimate-time-parent h3 {
    color: #383838;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.estimate-time-parent h3.colorgreen {
    color: #56B54B;
}

.estimate-wrapper-parent .order-header h3 {
    color: #6E6868;
    font-size: 17px;
    margin-right: 15px;
}

.card-bottom-btn a.btn.btn-primaryxx img {
    filter: brightness(0) invert(1);
    margin-left: 9px;
}

.card-bottom-btn a.btn.btn-primaryxx {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-bottom-btn a.btn.btn-primaryxx:hover img {
    filter: none;
}

table.data-grid tbody tr:nth-child(even) td {
    background-color: #f5f5f5 !important;
}

.data-grid td img {
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
}

table.data-grid thead tr th {
    padding: 15px;
    letter-spacing: 1px;
    font-weight: 500;
}

[data-content-type='row'][data-appearance='full-width']>.row-full-width-inner {
    max-width: 100%;
    width: 100%;
}

.logo {
    margin: 0 !important;
}

.sections.nav-sections {
    margin: 0 !important
}

.breadcrumbs {
    margin: 8px auto 8px;
    min-height: initial;
    max-width: 1500px !important;
    display: none;
}

[data-content-type='row'][data-appearance='contained'] {
    max-width: 100%;
}

.page-main {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

ul.nav.items li.nav.item {
    display: block;
    width: 100%;
}

.account.page-layout-2columns-left .sidebar-main,
.account.page-layout-2columns-left .sidebar-additional {
    padding-right: 0 !important;
}

.sidebar .product-items .product-item-details {
    margin-left: 10px !important;
}

.sidebar .product-items .product-item-info .product-item-photo {
    width: 55px;
    height: 45px;
}

.sidebar .product-items .product-item-info .product-item-photo span.product-image-container {
    width: 100% !important;
}

span.product-image-container span.product-image-wrapper img.product-image-photo {
    width: 110px !important;
    height: 50px !important;
    display: inline-block;
    object-fit: cover;
}

.table>:not(caption)>*>* {
    padding: 15px 10px;
    font-size: 16px;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(0 0 0 / 0%);
}

.abs-blocks-2columns,
.abs-discount-block-desktop .block,
.column .block-addbysku .block-content .box,
.login-container .block,
.account .column.main .block:not(.widget) .block-content .box,
.form-address-edit>.fieldset,
.form-edit-account .fieldset,
.storecredit .block,
.magento-payments-review-discount .block,
.paypal-review-discount .block,
.cart-discount .block {
    width: 50% !important;
}

footer.page-footer {
    padding: 0 !important;
    background: transparent;
}

._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none !important;
}

section.same-section.carousel-categories-section .same-heading h2 {
    text-align: left;
}

#html-body [data-pb-style=JJFBXL3] {
    min-height: initial !important;
}

.slider-item-inner-content figure a {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-item-inner-content figure a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.slick-slideshow__slide .dropdown-item {
    padding: 0;
}

.slick-slideshow__slide .dropdown-item+.dropdown-item {
    margin-top: 10px;
}

#html-body [data-pb-style=BBQM9RV] {
    min-height: 0 !important;
}

.discount-percent {
    margin-left: 10px;
}

.page-title-wrapper h1 {
    padding: 40px 0;
}

.page-main>.page-title-wrapper .page-title {
    margin-bottom: 0 !important;
}

section.same-section.trending-section .same-heading {
    margin: 0 0 15px;
}

section.same-section.trending-section .row .col-lg-3 {
    margin: 15px 0 0;
}

.row.top-specting-wrapper .col-lg-4 {
    margin: 0 0 15px;
}

.block-content.filter-content strong.block-subtitle.filter-subtitle {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 0 0 10px;
    margin: 0 0 20px;
}

.filter-options-title {
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 10px 40px 0px 10px;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    display: block;
    text-decoration: none;
    font-size: 14px;
}

#block-discount {
    display: none;
}

a.action.multicheckout {
    display: none;
}

.product-left-image.row .col-lg-6:nth-child(4)~.col-lg-6 {
    display: none;
}

.page-pager p.toolbar-amount {
    display: none !important;
}

.page-pager .pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.page-pager .pager .pages {
    order: 2;
}

.page-pager .pager .limiter {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: start;
}

.pages .item a,
.pages .item strong {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    margin: 0 2px !important;
    font-size: 16px;
    font-weight: 400;
    background: #e5e5e5;
    color: #000;
}

.pages .action {
    box-shadow: none;
    border-radius: 2px;
    padding: 0 10px;
}

.pages .item.current strong.page {
    background: #55b54a !important;
    color: #fff;
}

.page-pager .pager .limiter select {
    padding: 6px 10px;
    border: 1px solid #eee;
    font-size: 14px;
}

.table>thead tr {
    background: #55B54A;
}

.table>thead tr th {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.table>tbody tr {
    border-color: transparent;
}

.table>tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.table>tbody tr td {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.sidebar .product-items .product-item-info .product-item-photo {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.sidebar .product-items .product-item-info .product-item-photo span {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}

.sidebar .product-items .product-item-details {
    margin-left: 10px !important;
}

.block.block-wishlist {
    margin-bottom: 40px;
}

.actions-primary button {
    font-size: 14px !important;
    padding: 7px 10px !important;
    background: #55b54a;
    color: #fff;
    border-radius: 3px;
    border: none !important;
}

.sidebar .product-items .price-box {
    margin: 0 !important;
}

.sidebar .product-items .product-item-actions {
    margin-top: 5px;
}

.block-wishlist .product-item-name {
    margin-bottom: 0;
}

.sidebar .product-items .product-item-info .product-item-photo span {
    padding: 0 !important;
}

.block-collapsible-nav .item a,
.block-collapsible-nav .item>strong {
    color: #000;
    padding: 10px 18px 10px 15px;
    font-size: 16px;
}

.notification-parent ul li p {
    color: #0F1A33;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 5px;
    padding: 0 !important;
}

.field .control input,
.field .control select {
    color: #404040;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin: 0;
    padding: 15px 15px !important;
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: 1px solid #EAEAEA !important;
    width: 100% !important;
    height: 55px !important;
}

.field label.label span {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.column.main .form.form-edit-account fieldset.fieldset {
    padding: 0 15px !important;
}

.field.choice input {
    width: 19px;
    height: 19px;
    border-color: #000 !important;
}

.box-content address {
    line-height: 1.9 !important;
}

.form.form-edit-account,
.block.block-addresses-default,
.table-wrapper.orders-history,
.block.block-dashboard-info {
    margin-top: -50px;
}

select#limiter {
    padding: 3px 10px;
    font-size: 14px;
    border: 1px solid rgb(0 0 0 / 13%);
}

.table>tbody>tr>td {
    border-top: none;
}

.product-desc-parent .quantity-selector {
    margin: 0 0 10px;
}

.product-desc-parent .quantity-selector button.qty-btn {
    width: 40px;
    height: 40px;
    font-size: 25px;
    line-height: 15px;
    background: transparent;
}

.product-desc-parent .quantity-selector button.qty-btn:focus,
.product-desc-parent .quantity-selector button.qty-btn:hover,
.product-desc-parent .quantity-selector button.qty-btn:active {
    border: none;
}

section.same-section.carousel-categories-section .slick-list.draggable .slick-track {
    margin: 0;
}

.slick-track {
    margin: 0;
}

.wishlist-index-index .product-item-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-top: none !important;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: inherit !important;
    right: 0;
    z-index: 2;
}

.wishlist-index-index .product-item-info {
    width: 100% !important;
    box-shadow: none !important;
    border-color: transparent !important;
    padding: 08px !important;
}

.products-grid.wishlist .product-item-info:hover .product-item-inner {
    display: none !important;
}

.products-grid.wishlist ol.product-items li.product-item .product-item-info a.product-item-photo span img.product-image-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.products-grid.wishlist ol.product-items li.product-item .product-item-info a.product-item-photo span {
    width: 100% !important;
    height: 100% !important;
}

.products-grid.wishlist ol.product-items li.product-item .product-item-info a.product-item-photo {
    height: 230px;
    width: 100% !important;
}

.products-grid.wishlist ol.product-items li.product-item .product-item-info {
    border: 1px solid rgb(0 0 0 / 10%) !important;
    border-radius: 5px;
    margin: 0 !important;
}

.product-desc-inner table tbody tr th,
.product-desc-inner table tbody tr td {
    font-size: 16px;
    padding: 7px 0;
    color: #A0A0A0;
    font-weight: 500;
}

.product-desc-inner table {
    margin: 20px 0 0;
}

.bulkproduct-modal-form.row .form-group input,
.bulkproduct-modal-form.row .form-group textarea {
    font-size: 14px;
    font-weight: 400;
    color: #868686;
    background: #F8F8F8;
    border-color: #EAEAEA;
    padding: 12px;
    height: auto;
}

.bulkproduct-modal-form.row .form-group textarea {
    border-color: #EAEAEA;
    height: 100px;
    background: #F8F8F8;
    border-radius: 5px;
}

.notification-msg.active p {
    padding: 0 20px;
}

#html-body [data-pb-style=QDX2SFQ] {
    min-height: inherit !important;
}

.notification-msg.active p {
    padding: 0 20px;
}

#html-body [data-pb-style=QDX2SFQ] {
    min-height: inherit !important;
}

[data-content-type='row'],
[data-content-type='row']>div {
    min-height: initial !important;
}

.product-details-btn.form-group.login-btn {
    position: relative;
    padding-top: 50px;
}

.product-details-btn.form-group.login-btn .quantity-selector {
    position: absolute;
    top: 0;
    left: 0;
}

section.login-section.max-section-width.login-page-section.reset-password-section .form-control-new {
    color: #404040;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin: 0;
    padding: 15px 15px !important;
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: 1px solid #EAEAEA !important;
    width: 100% !important;
    height: auto !important;
}

section.login-section.max-section-width.login-page-section.reset-password-section .form-group.login-btn.primary button.action.btn.default-btn {
    width: 100%;
}

section.login-section.max-section-width.login-page-section.reset-password-section .form-group.login-btn.primary {
    width: 100%;
}

section.login-section.max-section-width.login-page-section.reset-password-section .login-form .login-same-content form {
    min-width: initial !important;
    width: 100% !important;
}

.block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-content address {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    color: #404040;
}

.block .box-actions a.action.edit {
    color: #000;
}

.block-compare .block-title strong,
.block-reorder .block-title strong,
.widget .block-title strong,
.block-wishlist .block-title strong {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.empty {
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

.block-title strong {
    font-weight: 600;
    color: #000;
}

body.account.customer-address-form .field.street.required .nested {
    display: none;
}

body.account.customer-address-form form.form-address-edit fieldset.fieldset+fieldset.fieldset {
    margin: 20px 0 30px;
}

body.account.customer-address-form form.form-address-edit fieldset.fieldset {
    width: 100% !important;
}

body.account.customer-address-form .page-title-wrapper h1.page-title {
    padding: 0 0 30px !important;
    margin: 0;
}

body.account.customer-address-form button.action.save.primary {
    background: #55B54A;
    border-color: #55B54A;
    color: #fff;
    min-width: 220px;
    border-radius: 5px;
}

body.account.customer-address-form form.form-address-edit fieldset.fieldset legend.legend span {
    color: #000;
    font-weight: 500;
    font-size: 24px;
}

body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button {
    padding: 10px 15px;
    border: 1px solid #55b54a;
    background: #55B54B;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    font-weight: 400;
}

body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button:hover {
    background: transparent;
    color: #55B54B;
}

body.account.wishlist-index-index .page-wrapper .column.main .toolbar.wishlist-toolbar {
    display: none;
}

body.account.wishlist-index-index script#form-tmpl+.toolbar.wishlist-toolbar {
    display: block !important;
    margin: 30px 0 0;
}

body.account.wishlist-index-index form.form-wishlist-items .wishlist-index-index .products-grid .product-items {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 8px !important;
}

body.account.wishlist-index-index form.form-wishlist-items .wishlist-index-index .products-grid .product-item {
    width: 32% !important;
}

body.account.wishlist-index-index form.form-wishlist-items .products-grid.wishlist .product-item:nth-child(3n + 1) {
    margin-left: calc((100% - 4* 24.439%) / 3) !important;
}

body.account.wishlist-index-index .column.main .page-title-wrapper h1.page-title {
    padding-top: 0;
}

body.account.wishlist-index-index form.form-wishlist-items {
    margin-top: -50px !important;
}

body.account.wishlist-index-index .page-wrapper {
    background: #fff;
}

body.account.wishlist-index-index form.form-wishlist-items .product-item-name>a,
body.account.wishlist-index-index form.form-wishlist-items .product.name a>a {
    text-decoration: none;
    color: #383838;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 15px 0 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

body.account.wishlist-index-index form.form-wishlist-items .rating-summary .rating-result>span:before {
    color: #55b54a !important;
}

body.account.wishlist-index-index form.form-wishlist-items .product-item .price-box .price {
    font-weight: 700;
    white-space: nowrap;
    color: #393939;
    font-size: 22px;
    line-height: 1.4;
    margin: 0;
}

body.account.wishlist-index-index form.form-wishlist-items .product-item .price-box span.old-price .price {
    font-weight: normal !important;
    white-space: nowrap;
    color: #393939;
    font-size: small !important;
    text-decoration: line-through;
}

body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item {
    width: 32% !important;
}

.cart.table-wrapper .actions-toolbar .action-edit,
.cart.table-wrapper .actions-toolbar .action-delete {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.cart.table-wrapper .action {
    margin-right: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

.cart.table-wrapper .actions-toolbar {
    min-height: 20px;
    padding: 10px;
    background: #55b54a;
    color: #fff;
    position: relative;
}

.product-image-container {
    aspect-ratio: 0 !important;
}

.cart.table-wrapper .actions-toolbar>.action-edit:before,
.cart.table-wrapper .actions-toolbar>.action-delete:before {
    color: #fff !important;
}

.cart.main.actions button.action.update {
    background: #55b54a;
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    border-color: #55b54a;
}

.cart.main.actions button.action.update:hover {
    background: transparent;
    color: #55b54a;
}

.cart.table-wrapper .cart thead tr th.col {
    padding-top: 15px;
}

button.action.primary.checkout {
    font-size: 15px !important;
    padding: 10px 15px !important;
    background: #000;
    border-color: #000;
}

body.account .column.main .page-title-wrapper h1.page-title {
    display: block;
    padding: 0;
    margin: 0;
}

body.account .column.main ul.items li.nav.item {
    width: 33.33%;
}

body.account .page-title-wrapper span.order-status {
    margin: 10px 0 35px;
    background: #000;
    border-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    min-width: 120px;
    text-align: center;
}

body.account .column.main ul.items li.nav.item strong,
body.account .column.main ul.items li.nav.item a {
    width: 100%;
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

body.account .column.main ul.items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.account .table tfoot {
    background: #fff;
}

body.account .table tfoot th,
body.account .table tfoot td {
    padding: 10px 10px;
    background: transparent;
}

.order-details-items {
    margin-top: -1px;
    padding: 10px 0;
}

.order-details-items .order-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0;
}

.order-details-items .order-title a.action.print {
    margin-top: 0;
}

.order-details-items .order-title strong {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 1.4;
}

body.account .column.main ul.items+.order-details-items .actions-toolbar a {
    font-size: 16px;
}

body.account .column.main ul.items+.order-details-items .actions-toolbar a {
    font-size: 16px;
    font-weight: 500;
}

body.page-print form.review-form {
    display: none;
}

body.page-print .order-details-items.ordered+h2 {
    display: none;
}

body.page-print.account .column.main {
    padding-bottom: 0;
}

body.page-print.account .page-title-wrapper h1.page-title {
    display: block;
    padding: 0;
}

body.page-print.account .page-wrapper header.fixed-home-header {
    display: none;
}

body.page-print.account .column.main .order-details-items {
    padding: 10px !important;
}

body.account.customer-account-index .block.block-dashboard-info {
    margin-top: 10px !important;
}

body.account ol#cart-sidebar-reorder li.product-item {
    align-items: center;
    justify-content: start;
}

ol#cart-sidebar-reorder li.product-item strong.product-item-name {
    margin-left: 10px;
}

ol#cart-sidebar-reorder~.actions-toolbar .primary button.action.tocart.primary {
    background: #000;
    border-color: #000;
}

body.account.sales-order-history .page-title-wrapper h1.page-title {
    padding-bottom: 70px !important;
}

.pages ul.items.pages-items {
    justify-content: center !important;
}

body.account.customer-address-index .page-title-wrapper h1.page-title,
body.account.customer-account-edit .page-title-wrapper h1.page-title,
body.account.wishlist-index-index .page-title-wrapper h1.page-title {
    padding-bottom: 70px !important;
}

body.page-with-filter.page-products .column.main .row .col-lg-4 {
    margin: 0 0 15px;
}

body.account.sales-order-view form.review-form {
    max-width: 100% !important;
}

body.account.sales-order-view form.review-form .control .input-text {
    font-size: 16px !important;
    padding: 10px 15px !important;
    height: 45px !important;
}

body.account.sales-order-view form.review-form .control textarea.input-text {
    height: 100px !important;
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: 1px solid #EAEAEA !important;
    width: 100% !important;
    padding: 10px !important;
    font-size: 16px !important;
}

body.account.sales-order-view form.review-form label.label span {
    font-size: 17px;
    margin: 10px 0 0;
    display: block;
}

body.account.sales-order-view form.review-form fieldset.fieldset.review-fieldset legend.legend.review-legend strong {
    font-size: 18px !important;
    margin: 10px 0 0 !important;
}

body.account.sales-order-view form.review-form fieldset.field.required.review-field-ratings .control .control.review-control-vote {
    margin: 10px 0 20px;
}

body.account.sales-order-view .column.main {
    padding-bottom: 0;
    margin-bottom: 0;
}

.swatch-option {
    height: 30px;
}

body.page-with-filter.page-products ol.product-items li.product-item {
    align-items: center;
    justify-content: start;
}

.opc-progress-bar-item._active>span:before {
    background: #55b54a !important;
    border-color: #55b54a !important;
}

.opc-progress-bar-item._active:before {
    background: #55b54a !important;
    border-color: #55b54a !important;
}

.opc-progress-bar-item._active>span:after {
    border-color: #55b54a !important;
}

.opc-wrapper .shipping-address-item.selected-item {
    border-color: #55b54a !important;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: #55b54a !important;
}

div#checkout-shipping-method-load table {
    width: 100%;
    max-width: 100%;
}

div#checkout-shipping-method-load table tr td.col:first-child {
    max-width: 30px;
    text-align: right;
}

.checkout-shipping-address .step-content .shipping-address-items button {
    background: #000;
    color: #fff;
    padding: 8px 15px;
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.new-address-popup button.action {
    background: #55b54a;
    color: #fff;
    padding: 8px 15px;
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.opc-block-summary {
    margin: 0 0 0;
    padding: 10px 15px;
}

body.checkout-index-index .header.content {
    max-width: 1460px;
    padding: 10px 0 20px;
}

body.checkout-index-index .header.content a.logo img {
    max-width: 100px;
    vertical-align: middle;
}

div#shipping-method-buttons-container .primary button.button.action.continue.primary {
    background: #55b54a;
    border: 1px solid #55b54a;
    font-size: 16px;
    padding: 10px 15px;
    line-height: 1.4;
    margin: 20px 0 0;
    min-width: 130px;
    border-radius: 5px;
}

div#checkout-shipping-method-load table tr td.col {
    padding: 10px;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.checkout-shipping-method .step-title {
    background: #55b54a;
    color: #fff;
    border: 1px solid #55b54a;
    padding: 10px;
    margin: 0;
    line-height: 1.4;
    font-size: 18px;
}

div#checkout-shipping-method-load table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #55b54a;
    border-top: none;
}

div#checkout-shipping-method-load table tr {
    margin: 0 0px;
}

body.checkout-index-index aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide {
    margin: 0;
}

body.checkout-index-index aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-inner-wrap header.modal-header {
    display: none;
}

.items.payment-methods .payment-group .payment-method .payment-method-title input {
    top: 49%;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    width: 15px;
    height: 15px;
}

.items.payment-methods .payment-group .payment-method .payment-method-title label.label span {
    font-size: 16px !important;
}

.items.payment-methods .payment-group .payment-method .payment-method-title {
    padding: 10px 0;
    position: relative;
    padding-left: 25px;
}

.items.payment-methods .payment-group .step-title {
    font-size: 20px;
    margin: 0 0 0;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice {
    padding: 20px 0 0;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice span#block-discount-heading {
    color: #000;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    font-size: 17px;
}

.checkout-payment-method .payment-option-content {
    padding: 0 0 0 0;
}

.checkout-payment-method .payment-option._collapsible .payment-option-content form#discount-form {
    margin: 20px 0 0;
    width: 100%;
    max-width: 100%;
}

.checkout-payment-method .payment-option._collapsible .payment-option-content form#discount-form .field .control input {
    padding: 12px 12px !important;
    font-size: 16px !important;
    height: 45px !important;
}

.checkout-payment-method .payment-option._collapsible .payment-option-content form#discount-form .actions-toolbar .primary button.action.action-apply {
    background: #55b54a;
    padding: 10px 15px;
    border: 1px solid #55b54a;
    color: #fff;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    display: inline-block;
    height: auto;
    margin-left: 20px !important;
    box-shadow: none;
    border-radius: 5px;
}

aside.modal-popup.confirm._show .modal-inner-wrap header.modal-header h1.modal-title {
    border: none;
    font-size: 26px;
    margin: 0;
    padding: 0;
}

aside.modal-popup.confirm._show .modal-inner-wrap header.modal-header {
    padding: 10px 10px 10px;
    border: none;
}

aside.modal-popup.confirm._show .modal-inner-wrap header.modal-header button.action-close {
    padding: 15px;
}

aside.modal-popup.confirm._show .modal-inner-wrap div.modal-content div {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

aside.modal-popup.confirm._show .modal-inner-wrap div.modal-content {
    padding: 20px 10px;
}

aside.modal-popup.confirm._show .modal-inner-wrap footer.modal-footer {
    background: transparent;
    padding: 10px 10px;
    border-top: none;
}

aside.modal-popup.confirm._show .modal-inner-wrap footer.modal-footer button.action-primary.action-accept {
    background: #55B54A;
    border-color: #55B54A;
    min-width: 80px;
    padding: 7px 10px;
    line-height: 1.4;
    margin: 0;
    font-size: 15px;
    border-radius: 5px;
    color: #ffffff !important;
}

.opc-block-shipping-information {
    padding: 0 15px;
    background: #f5f5f5;
}

.opc-block-shipping-information .shipping-information .ship-to .shipping-information-title,
.opc-block-shipping-information .shipping-information .ship-via .shipping-information-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #000;
}

.opc-block-shipping-information .shipping-information .ship-to .shipping-information-content,
.opc-block-shipping-information .shipping-information .ship-via .shipping-information-content {
    font-size: 15px;
    line-height: 32px;
    margin: 0;
}

.opc-block-shipping-information .shipping-information .ship-via {
    margin: 0;
    padding: 0 0 20px;
}

body.checkout-index-index aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .opc-block-summary span.title {
    font-size: 22px;
    margin: 0 0 0;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap {
    margin: 30px auto;
    left: 0;
    top: 0;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap header.modal-header {
    padding: 10px;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap header.modal-header h1.modal-title {
    padding: 0;
    border: none;
    margin: 0;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap div.modal-content {
    padding: 20px 10px;
    border-top: none;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap div.modal-content div#opc-new-shipping-address form {
    width: 100%;
    max-width: 100%;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap div.modal-content div#opc-new-shipping-address form .field label.label span {
    font-size: 16px !important;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap div.modal-content div#opc-new-shipping-address form .field .control input,
aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap div.modal-content div#opc-new-shipping-address form .field .control select {
    height: 45px !important;
    padding: 10px !important;
    font-size: 14px !important;
}

.field-tooltip {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap footer.modal-footer {
    padding: 10px;
    background: transparent;
    border-top: none;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap footer.modal-footer button.action.primary.action-save-address {
    background: #55B54A;
    border-color: #55B54A;
    color: #fff;
    padding: 10px 15px;
    line-height: 1.4;
    margin: 0;
    min-width: 100px;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 10px;
}

aside.modal-popup.new-shipping-address-modal.modal-slide._inner-scroll._show .modal-inner-wrap footer.modal-footer button.action.secondary.action-hide-popup {
    background: #000;
    border-color: #000;
    color: #fff;
    padding: 10px 15px;
    line-height: 1.4;
    margin: 0;
    min-width: 100px;
    font-size: 14px;
    border-radius: 5px;
}

.payment-method._active .payment-method-content {
    padding: 10px 0 0;
}

.payment-method._active .payment-method-content .payment-method-billing-address .checkout-billing-address .billing-address-same-as-shipping-block.field.choice input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    margin: 0;
}

.payment-method._active .payment-method-content .payment-method-billing-address .checkout-billing-address .billing-address-same-as-shipping-block.field.choice {
    font-size: 16px;
    position: relative;
    padding-left: 23px;
}

.payment-method._active .payment-method-content .payment-method-billing-address .checkout-billing-address .billing-address-details {
    padding: 0;
    line-height: 32px;
    font-size: 16px;
}

.payment-method._active .payment-method-content .payment-method-billing-address {
    padding-left: 30px;
}

.payment-method._active .payment-method-content .actions-toolbar {
    margin: 0 0 10px;
}

.payment-method._active .payment-method-content .actions-toolbar .primary button {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.4;
    padding: 8px 15px !important;
    border-radius: 5px;
    border: 1px solid #000 !important;
    background: #000;
}

body.checkout-onepage-success h1.page-title {
    display: block !important;
    text-align: center;
    padding-top: 150px;
}

body.checkout-onepage-success .columns {
    text-align: center;
}

body.checkout-onepage-success .columns .column.main .checkout-success .actions-toolbar .primary {
    display: inline-block;
    min-width: 170px;
    width: auto;
    max-width: 100%;
    float: inherit;
    margin: 10px 0 0;
}

body.checkout-onepage-success .columns .column.main .checkout-success .actions-toolbar .primary .action.primary.continue {
    background: #55B54A;
    border-color: #55B54A;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 20px 0 0;
}

body.checkout-onepage-success .columns .column.main .checkout-success .actions-toolbar {
    text-align: center;
}

body.checkout-onepage-success h1.page-title+a.action.print {
    font-size: 22px;
    margin: 10px 0;
    width: 100%;
    text-align: center;
}

.slider-item-inner-content .likebtn.active {
    background: #55B54A;
}

.catalog-product-view h1.page-title {
    color: #000000;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.catalog-product-view .reviews-actions {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.catalog-product-view .product.attribute.overview p {
    color: #A0A0A0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.product-info-price .price {
    color: #333232 !important;
}

.action.primary,
.action-primary {
    background-image: none;
    background: #56B54B;
    border: 1px solid #56B54B;
}

.catalog-product-view .product-social-links {
    display: none !important;
}

.catalog-product-view #additional {
    display: none;
}

.rating-summary .rating-result>span:before {
    color: #56B54B !important;
}

.review-control-vote label:before {
    color: #56B54B !important;
}

.sales-order-history .back-link {
    display: none
}

.checkout-cart-index .block.crosssell {
    display: none
}

/* new user css  */
li.mobile-lg-none {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 65px;
    margin-bottom: 0 !important;
}

.actions,
div.actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    flex-wrap: nowrap !important;
    margin-top: 20px;
}

button#product-addtocart-button {
    flex: 1;
    max-width: 200px;
    padding: 12px 27px;
    background-color: #56B54B;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-top: 12px;
}

.sharebtn {
    padding: 15px 27px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #e8f4f8;
    border: 1px solid #5cb3cc;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

header.fixed-header {
    padding-bottom: 16px;
}

section.same-section.header-top-spacing.deal-product-banner-section>img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.field .control textarea {
    color: #404040;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    margin: 0;
    padding: 15px 15px !important;
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: 1px solid #EAEAEA !important;
    width: 100% !important;
    height: 100px !important;
}

body.contact-index-index .column.main form.contact .primary .btn.btn-primaryx {
    margin: 0;
}

section.same-section.about-customer-main-section .reviews-wrapper {
    background: url(https://test.chongodc.com/static/version1734500126/frontend/MagentoCustomize/MyCustomTheme/en_US/images/aboutusbannerbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

section.same-section.about-customer-main-section .reviews-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 57%);
    border-radius: 10px;
}

section.same-section.about-customer-main-section .reviews-wrapper .review-heading-parent {
    position: relative;
    z-index: 1;
}

html,
body {
    height: auto !important;
    top: 0 !important;
}

.header-right ul li .select-wrapper select#country-selector {
    background: #f8f8f8;
    padding-left: 6px;
    border-radius: 7px;
    border: none !important;
    height: 32px;
}

.header-right ul li.search-mobile-lg-none {
    display: none;
}

body.cms-privacy_policies [data-content-type='html'] ul {
    padding: 0;
    margin: 0 0 0 0;
}

body.cms-privacy_policies [data-content-type='html'] ul li {
    list-style-type: disclosure-closed;
    margin-left: 20px;
    line-height: 1.6;
}

.contact-page-form form#contact-form {
    width: 100%;
}

.contect-content h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 5px;
}

.contect-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 15px;
    color: #504E4E;
}

.content-page.row>.col-lg-6>.contect-content {
    padding-right: 60px;
}

.contect-content .field label.label span {
    font-size: 18px;
    line-height: normal;
    margin: 0;
}

.contact-page-form .row .col-lg-6 {
    margin-bottom: 20px;
}

.contact-page-form .row .col-lg-6 .field>label {
    margin: 0 0 8px;
}

body.cms-ship-policy main#maincontent ul {
    padding: 0 0 0 20px;
}

.page-main hr {
    margin: 3rem 0 !important;
}

.header-right ul li.mobile-lg-none.search-mobile-lg-none {
    display: none !important;
}

body#html-body.customer-account-login main#maincontent section.login-section.max-section-width.login-page-section {
    padding: 60px 0;
}

.payment-method._active .payment-method-content .payment-method-billing-address .actions-toolbar .primary button+button {
    margin: 0 10px 0 0;
}

.payment-method._active .payment-method-content .payment-method-billing-address .actions-toolbar .primary button {
    background: #000;
    color: #fff;
    border-color: #000;
    text-decoration: none !important;
}

.payment-method._active .payment-method-content .payment-method-billing-address .actions-toolbar .primary button:hover {
    background: transparent;
    color: #000;
}

.opne-search-box form#search_mini_form {
    margin: 0 auto !important;
    width: 93% !important;
}

.opne-search-box form#search_mini_form .field.search {
    width: 100% !important;
}

.opne-search-box form#search_mini_form .field.search input[type="text"] {
    padding: 0 40px 0 0;
}

.otp-success.text-center figure {
    max-width: 90px;
    margin: 0 auto 20px;
}

section.same-section.future-energy-section .same-heading {
    text-align: center;
}

section.same-section.about-customer-main-section .reviews-wrapper+.same-heading {
    margin: 40px 0 0;
    text-align: center;
}

.modal-slide,
.modal-popup {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

button#track-order-btn,
.popup-content button+button {
    background: #000;
    border: 1px solid #000;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}

button#track-order-btn:hover,
.popup-content button+button:hover {
    background: transparent;
    color: #000;
}

.modal-popup .modal-footer button,
.popup-content button {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    background: rgb(86, 181, 75);
    padding: 15px 20px;
    border-radius: 5px;
    margin: 15px 0px 0px;
    border-color: transparent;
    transition: 0.4s;
}

.modal-popup .modal-footer button:hover,
.popup-content button:hover {
    background: transparent;
    color: rgb(86, 181, 75);
    border-color: rgb(86, 181, 75);
}

body.account.sales-order-invoice ul.items.order-links li.nav.item,
body.account.sales-order-view ul.items.order-links li.nav.item {
    width: 50%;
}

.block.block-order-details-view {
    margin: 20px 0 0;
}

.popup-content button {
    padding: 8px 10px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border: 1px solid transparent;
}

.popup-content button+button {
    padding: 8px 10px !important;
    margin: 0 !important;
    font-size: 15px !important;
}

button#track-order-btn {
    background: #000;
    color: #fff;
    padding: 8px 15px;
    font-size: 1.4rem;
    margin: 0;
    border: 1px solid #000;
    background-image: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}

button#track-order-btn:hover {
    background: transparent;
    color: #000;
}

.block.block-order-details-view {
    margin: 30px 0 0;
}

.modal-popup .modal-footer {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.modal-popup .modal-footer button.action-secondary {
    background: #55B54A;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #55B54A;
    font-size: 16px;
    border-radius: 8px;
    min-width: 100px;
    font-weight: 500;
}

aside.modal-popup.order-modal footer.modal-footer button.action-secondary {
    margin-top: 0;
}

.modal-popup .modal-header h1#modal-title-1 {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.modal-popup .modal-footer button.action-secondary:hover {
    border-color: #55B54A;
    color: #fff
}

div#cancel-popup p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

div#cancel-popup .popup-content h2 {
    margin: 0 0 5px;
}

div#cancel-popup .popup-content textarea#cancel-reason {
    border: 1px solid rgb(0 0 0 / 25%);
    padding: 10px;
    border-radius: 8px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

div#cancel-popup .popup-content button {
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 15px;
    min-width: 90px;
    background: #55B54A;
    color: #fff;
    font-weight: 500;
}

div#cancel-popup .popup-content button+button {
    background: #000;
}

.client-logo-box img {
    width: 100%;
    height: auto;
    max-width: 100px;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    object-fit: contain;
    max-height: initial !important;
    margin: 0 auto !important;
}

.energy-box-wrapper>img {
    width: 100%;
    user-select: none;
    pointer-events: none;
    border-radius: 10px;
    height: 500px;
    object-fit: cover;
}

.client-logo-box {
    text-align: center;
    width: 100%;
    height: 180px;
    background: #fff;
}

.modal-popup .modal-inner-wrap {
    width: 45%;
}

.modal-popup {
    overflow-y: inherit;
}

.header-right ul li .select-wrapper select#country-selector-desktop {
    background: #f8f8f8;
    padding-left: 6px;
    border-radius: 7px;
    border: none !important;
    height: 32px;
}

.header-right ul li.language-selector div div div {
    background-color: #f8f8f8 !important;
    border-color: transparent !important;
    padding-left: 21px !important;
    padding-right: 2px !important;
    min-width: initial !important;
}

.header-right ul li.language-selector div div div span a span+img+span {
    border: none !important;
}

.breadcrumbs .items>li.item.product a {
    display: none;
}

.notification-icon {
    margin-right: 0 !important;
}

.logo a img {
    vertical-align: middle;
}

.skiptranslate iframe {
    opacity: 0 !important;
    user-select: none;
    pointer-events: none;
}

.header-right ul li.language-selector {
    position: relative;
    padding: 0 8px;
}

.header-right ul li.language-selector img {
    max-width: 17px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none;
}

.header-right ul li.notification-parent+li.language-selector {
    margin-left: 16px;
}

.header-right ul li .select-wrapper select.country-selector-dropdown {
    background: #FFFAEB;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 7px 10px;
    height: auto;
    box-sizing: border-box;
    line-height: 1;
    font-size: 13px;
}

.bootom-visa-parent {
    margin-top: 20px;
}

.bootom-visa-parent p {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 10px;
}

.bootom-visa-parent ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bootom-visa-parent ul li+li {
    margin-left: 20px;
}

.bootom-visa-parent ul li img {
    max-height: 30px;
    max-width: 60px;
}

.item-details .item-link {
    position: relative;
    padding-left: 30px;
}

.item-details .item-link .item-icon {
    position: absolute;
    left: 0;
    top: 0;
}

.item-details .item-link a b {
    font-weight: 500;
    color: #000;
    line-height: 1.4;
}

.item-description {
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
}

body.catalog-product-view .page-wrapper .columns .product-info-main .page-title-wrapper.product h1.page-title {
    padding-bottom: 0;
    padding-top: 0;
}

.item-description+.read-more-btn {
    font-size: 14px;
}

.opc-payment-additional.discount-code,
.payment-option.discount-code,
.payment-option._collapsible.opc-payment-additional.discount-code {
    display: none !important;
}

.form-wishlist-items .actions-toolbar .action.update,
button[title="Update Wish List"] {
    display: none !important;
}

.modal-popup .modal-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.modal-popup .action-primary.action-accept {
    background: #e02b27 !important;
    border-color: #e02b27 !important;
    color: #ffffff !important;
    padding: 10px 25px;
    border-radius: 4px;
    font-weight: 600;
}

.modal-popup .action-primary.action-accept:hover {
    background: #b30000 !important;
    border-color: #b30000 !important;
}

.modal-popup .action-secondary.action-dismiss {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    color: #333333 !important;
    padding: 10px 25px;
    border-radius: 4px;
    font-weight: 600;
}

.modal-popup .action-secondary.action-dismiss:hover {
    background: #f0f0f0 !important;
    border-color: #999999 !important;
    color: #333333 !important;
}

.modal-popup .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px;
    border-top: 1px solid #e0e0e0;
}

.modal-popup.confirm .modal-inner-wrap {
    max-width: 450px;
    border-radius: 6px;
}

.modal-popup .modal-content {
    padding: 20px;
    font-size: 15px;
    color: #333;
}

.wishlist-index-index .block-wishlist .actions-toolbar .action.details {
    display: none !important;
}

.field-error {
    color: #dc3545;
    font-size: 13px;
    margin-top: 6px;
}

@media screen and (max-width: 1699px) {
    .dashboard-header p {
        font-size: 16px;
    }

    html,
    body {
        overflow-x: hidden;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 55px;
    }

    .home-banner-main-content h1 {
        font-size: 51px;
    }

    .home-banner-main-content h1 img {
        max-width: 50px;
    }

    .banner-right-content h4 {
        font-size: 19px;
    }

    .banner-right-content p {
        font-size: 15px;
    }

    .banner-right-box figure img {
        max-height: 120px;
    }

    .banner-right-box a {
        right: 10px;
        max-width: 43px;
    }

    .home-banner-main-content span {
        font-size: 18px;
    }

    .home-banner-main-content p {
        font-size: 22px;
    }

    .dela-box-parent h2 {
        font-size: 28px;
    }

    .dela-box-parent p {
        font-size: 14px;
        padding: 1px 10px;
    }

    .slider-inner-content p {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .slider-content-footer {
        margin: 15px 0 0;
    }

    .slider-inner-content h2 {
        font-size: 22px;
    }

    .slider-footer-left span {
        font-size: 15px;
    }

    .slider-footer-left del {
        font-size: 19px;
    }

    .rating-box span {
        font-size: 14px;
    }

    .rating-box span img {
        max-width: 15px;
    }

    .rating-box strong {
        font-size: 16px;
    }

    .rating-box {
        min-width: 90px;
        padding: 5px 5px;
    }

    .dela-box-parent a.deafult-circle-btn {
        margin: 50px 0 0;
        width: 50px;
        height: 50px;
        margin-left: auto;
    }

    .slider-item.again-slider-box .slider-inner-content p {
        font-size: 17px;
    }

    .slider-item.again-slider-box .slider-inner-content h2 {
        font-size: 19px;
    }

    .slider-item.again-slider-box {
        border-radius: 19px;
        padding: 9px 9px 9px;
    }

    .categories-box h3 {
        font-size: 17px;
    }

    .carousel-categories {
        justify-content: start;
    }

    .categories-box figure img {
        max-height: 63px;
    }

    .review-heading-parent h2 {
        font-size: 36px;
    }

    .review-heading-parent p {
        font-size: 24px;
    }

    .review-box-wrapper p {
        margin: 0 0 25px;
        min-height: 180px;
    }

    .review-footer-content h3 {
        font-size: 22px;
    }

    .review-footer figure img {
        max-height: 55px;
    }

    .review-footer figure {
        width: 55px;
        height: 55px;
    }

    .review-footer {
        padding-left: 70px;
    }

    .review-footer-content span {
        font-size: 17px;
    }

    .energy-parent span {
        font-size: 20px;
    }

    .energy-parent h2 {
        font-size: 46px;
    }

    .energy-parent h2 img {
        max-width: 45px;
    }

    .future-content-wrapper p {
        font-size: 24px;
    }

    .cta-content h2 {
        font-size: 30px;
        margin: 0 0 0px;
    }

    .cta-content p {
        font-size: 19px;
        margin: 10px 0 0;
    }

    .cta-image img {
        max-width: 580px;
    }

    .cta-content {
        max-width: 570px;
    }

    a.cta-btn img {
        max-height: 38px;
    }

    a.cta-btn .cta-btn-text span {
        font-size: 15px;
    }

    a.cta-btn .cta-btn-text h4 {
        font-size: 18px;
    }

    .cta-btn {
        margin: 15px 0 0;
    }

    .footer-details h2 {
        font-size: 38px;
        margin: 0 0 10px;
    }

    .footer-details p,
    .footer-details ul li,
    .footer-details ul li a {
        font-size: 18px;
    }

    .footer-menu ul li a {
        font-size: 17px;
    }

    .footer-bottom-content ul li a {
        font-size: 17px;
    }

    .footer-bottom-content p {
        font-size: 18px;
    }

    footer.same-section.max-section-width.footer-section {
        padding-bottom: 30px !important;
    }

    .sustainability-bottom-content h2 {
        font-size: 28px;
        margin: 0 0 5px;
    }

    .sustainability-bottom-content p {
        font-size: 18px;
        margin: 20px 0 0;
    }

    section.same-section.sustainability-banner-section.header-top-spacing {
        padding: 0 !important;
    }

    section.same-section.sustainability-banner-bottom.pt-0 {
        padding-top: 50px !important;
    }

    .sustainability-content h2 {
        font-size: 32px;
    }

    .sustainability-content h2 img {
        max-width: 180px;
        margin: 0 4px;
    }

    .notification-parent .notification-msg h3 {
        font-size: 22px;
    }

    li.notification-parent .notification-msg ul li+li {
        margin-left: 0;
    }

    .bulkproduct-modal-form.row .upload__btn-box label.upload__btn p {
        margin: 0 !important;
    }

    .product-details-btn.form-group.login-btn ul li .default-btn {
        min-width: 465px;
        font-size: 18px;
    }

    .product-image-container {
        width: 120px !important;
    }

    body.checkout-index-index aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .opc-block-summary .content.minicart-items .minicart-items-wrapper li.product-item .product span.product-image-container {
        overflow: hidden;
        width: 75px !important;
    }

    body.cms-termconditions main#maincontent div {
        padding: 0 0px !important;
    }

    .review-box-wrapper {
        padding: 15px;
    }

    .login-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .login-section .row {
        max-width: 100%;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section>.container-fluid,
    body#html-body.customer-account-login main#maincontent section.login-section.max-section-width.login-page-section>.container-fluid {
        padding: 0;
    }
}

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

    body.contact-index-index main#maincontent,
    body#html-body.customer-account-login main#maincontent,
    body#html-body.customer-account-create main#maincontent,
    body.cms-privacy_policies main#maincontent,
    body.cms-return--policy main#maincontent,
    body.cms-termconditions main#maincontent,
    body.cms-ship-policy main#maincontent,
    body.cms-legal main#maincontent {
        max-width: 1500px !important;
    }
}

@media screen and (max-width: 1599px) {
    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section>.container-fluid>.row>.col-lg-6 {
        padding: 0;
    }

    body.contact-index-index main#maincontent,
    body#html-body.customer-account-login main#maincontent,
    body#html-body.customer-account-create main#maincontent,
    body.cms-privacy_policies main#maincontent,
    body.cms-return--policy main#maincontent,
    body.cms-termconditions main#maincontent,
    body.cms-ship-policy main#maincontent,
    body.cms-legal main#maincontent {
        max-width: 1320px !important;
        padding: 0 15px;
    }

    section.login-section.max-section-width.login-page-section.reset-password-section .form-control-new {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .forgot-password-link a {
        font-size: 16px;
    }

    .login-form-inner .form-group label {
        font-size: 18px;
    }

    .phoneno-fields select {
        font-size: 16px;
    }

    .login-same-content p {
        font-size: 18px;
    }

    .otp-bottom-content span {
        font-size: 16px;
    }

    .product-details-right h2 {
        font-size: 36px;
    }

    .product-share-box-price h3 {
        font-size: 23px;
    }

    .product-share-box-price p {
        font-size: 18px;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        min-width: 435px;
        font-size: 18px;
    }

    .product-details-btn a.btn.sharebtn {
        padding: 12px 27px;
    }

    .bulk-content h4 {
        font-size: 18px;
    }

    .bulk-content p {
        font-size: 16px;
    }

    .product-details-right {
        padding: 0 0 0;
    }

    .product-details-btn a.btn.sharebtn img {
        max-height: 22px;
    }

    .dashboard-header {
        padding: 20px 20px;
    }

    .dashboard-middle-content {
        padding: 20px;
    }

    .dashboard-middle-bottom.row {
        margin: 0 20px 0px;
    }

    .dashboard-top-box p {
        font-size: 16px;
    }

    .dashboard-top-box span {
        font-size: 13px;
    }

    .account-left-menu h3 {
        font-size: 18px;
    }

    .account-left-menu ul li a {
        padding: 12px 10px;
        font-size: 16px;
    }

    .dashboard-leftbottom-box a {
        padding: 11px 15px;
        border-radius: 6px;
        font-size: 16px;
    }

    .dashboard-leftbottom-box p {
        font-size: 16px;
    }

    .dashboard-header h2 {
        font-size: 22px;
    }

    .dashboard-header p {
        font-size: 16px;
    }

    .dashboard-profile h3 {
        font-size: 19px;
    }

    .dashboard-profile p {
        font-size: 14px;
    }

    .dashboard-profile figure {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .dashboard-profile {
        padding-left: 60px;
    }

    .profile-form.row .form-group label {
        font-size: 16px;
    }

    .form-control-new {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    .datepicker button.btn.btn-outline-secondary.border-left-0 {
        right: 0;
    }

    .form-group.login-btn .default-btn {
        font-size: 16px;
        padding: 10px 15px;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent h2 {
        font-size: 40px;
    }

    .energy-parent h2 img {
        max-width: 30px;
    }

    .footer-top-content {
        padding-right: 190px;
    }

    .clients-logo-section .clients-logo-wrapper .owl-nav button.owl-next {
        right: -7%;
    }

    .clients-logo-section .clients-logo-wrapper .owl-nav button.owl-prev {
        left: -7%;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 90px;
    }

    .home-banner-main-content {
        margin: 80px 0 0;
    }

    .dela-box-parent span {
        margin: 60px 0 5px;
        font-size: 16px;
    }

    .dela-box-parent h2 {
        font-size: 25px;
    }

    .dela-box-parent p {
        font-size: 16px;
    }

    .top-rated-product .toprated-content p {
        font-size: 20px;
    }

    .toprated-bottom h3 {
        font-size: 23px;
    }

    .toprated-bottom .btn-primaryx {
        font-size: 16px;
        padding: 8px 12px;
    }

    .future-content-wrapper p {
        font-size: 21px;
    }

    .select-deliverytype-box .row .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .select-deliverytype-box .row .col-lg-6:last-child {
        margin: 20px 0 0;
    }

    .deal-product-banner-content h1 {
        font-size: 40px;
        margin: 5px 0;
    }

    section.same-section.header-top-spacing.deal-product-banner-section {
        padding: 0 !important;
    }

    section.same-section.header-top-spacing.deal-product-banner-section .deal-product-banner-content.text-center {
        top: 50%;
        transform: translateY(-50%);
        bottom: inherit;
    }

    .chouse-bank-account p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1499px) {
    .header-menu ul li+li {
        margin-left: 20px;
    }

    .otp-success.text-center figure+h1 {
        font-size: 32px;
        margin: 0 0 5px;
    }

    body#html-body.customer-account-login main#maincontent section.login-section.max-section-width.login-page-section {
        padding: 40px 0;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section>.login-form {
        padding-right: 30px;
    }

    .field label.label span {
        font-size: 16px;
    }

    .field .control input,
    .field .control select {
        font-size: 16px !important;
        padding: 10px 10px !important;
        height: 45px !important;
    }

    body.account.customer-address-form button.action.save.primary {
        min-width: 160px;
        font-size: 16px;
        padding: 11px 15px;
    }

    body.account .page-title-wrapper h1.page-title {
        font-size: 34px;
    }

    body.account.customer-address-form form.form-address-edit fieldset.fieldset legend.legend span {
        font-size: 20px;
    }

    body.account.customer-address-form form.form-address-edit fieldset.fieldset+fieldset.fieldset {
        margin: 0 0 30px;
    }

    .account.customer-account-index .column.main .page-title-wrapper h1.page-title {
        font-size: 34px;
        padding: 0 0 30px;
    }

    .merchant-payment-left {
        padding-right: 0;
    }

    .login-same-content h2 {
        font-size: 32px;
    }

    .footer-button-parent h4 {
        font-size: 16px;
    }

    .slider-item-inner-content figure {
        height: 205px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check label.form-check-label {
        font-size: 15px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check input {
        top: 3px;
        width: 15px;
        height: 15px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .cancel-product-modal .modal-radio-box .form-check {
        padding-left: 22px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .form-group textarea.form-control {
        height: 80px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body figure {
        margin: 0 auto 10px;
        width: 65px;
        height: 65px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body p {
        font-size: 16px;
        max-width: 400px;
        margin: 5px auto 20px;
    }

    .modal-bulk-upload .cartproduct-left {
        padding-left: 90px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .form-group {
        margin: 20px 0 0;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body h2 {
        font-size: 21px;
    }

    .bulkproduct-modal-form.replacement-policy-modal.row p {
        font-size: 15px !important;
    }

    .cartproduct-left figure {
        top: 0;
        transform: translateY(-0%);
        width: 60px;
        height: 60px;
    }

    .cartproduct-left {
        padding-left: 70px;
    }

    .color-code-box {
        margin: 5px 0 10px;
    }

    .customer-review-box p {
        font-size: 16px;
    }

    .customer-review-header h3 {
        font-size: 20px;
    }

    .customer-review-header span {
        font-size: 16px;
    }

    section.same-section.product-details-banner-section.pt-0 {
        padding-top: 0 !important;
    }

    .notification-parent ul li a figure {
        width: 50px;
        height: 50px;
    }

    .notification-parent ul li a {
        padding-left: 80px !important;
    }

    .whislist-wrapper {
        padding: 20px;
    }

    .whislist-wrapper .slider-item .slider-footer-left span {
        margin-right: 0;
    }

    section.same-section.sustainability-banner-section.header-top-spacing>img {
        height: 230px;
    }

    .cart-left-wrapper {
        padding: 20px 20px;
    }

    section.same-section.order-details-section .col-lg-7 {
        max-width: 75%;
        flex: 0 0 75%;
    }

    .order-inner-parent ul li {
        width: 65px;
        height: 65px;
    }

    .order-inner-parent {
        padding: 20px;
    }

    .order-header h3 {
        font-size: 17px;
    }

    .select-card-box {
        border-radius: 5px;
        padding: 10px;
    }

    .products-price-wrapper,
    .payment-box-wrapper,
    .product-rateus-wrapper {
        padding: 20px;
    }

    .order-summary-wrapper {
        padding: 20px 20px 0;
    }

    .product-upload-box a {
        font-size: 16px;
        padding: 12px 15px;
    }

    section.same-section.sustainability-banner-section.header-top-spacing .sustainability-banner {
        top: 20%;
        transform: translateY(-50%);
    }

    section.same-section.cancel-order-section .col-lg-7 {
        max-width: 75%;
        flex: 0 0 75%;
    }

    .dashboard-header.backpage .back-invoice-header>a {
        left: 20px;
    }

    .dashboard-header.backpage {
        padding-left: 75px;
    }

    .product-price-img h3 {
        font-size: 16px;
    }

    .product-price-img figure {
        width: 50px;
        height: 50px;
    }

    .product-price-img {
        padding-left: 65px;
    }

    .product-price-inner {
        padding: 0 0 10px;
    }

    .payment-box-wrapper {
        flex-wrap: wrap;
    }

    .payment-box-wrapper .merchant-payment-left {
        width: 100%;
    }

    .merchant-payment-right {
        margin: 20px 0 0;
        width: 100%;
    }

    .card-bottom-btn .btn {
        font-size: 16px;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0 {
        padding: 0 !important;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper {
        bottom: inherit;
        top: 50%;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent h2 {
        font-size: 34px;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent.mb-0 span {
        border-radius: 9px;
        font-size: 16px;
        padding: 8px 10px;
    }

    section.same-section.energy-section.pt-3 {
        padding-top: 0 !important;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 40px;
    }

    .header-menu ul li a {
        font-size: 17px;
    }

    .header-right ul li select {
        font-size: 16px;
    }

    a.login-btn {
        font-size: 15px;
    }

    .cart-roundcircle {
        width: 35px;
        height: 35px;
    }

    .cart-roundcircle img {
        max-height: 18px;
    }

    .roundcircle img {
        max-width: 16px;
    }

    .logo img {
        max-width: 150px;
        vertical-align: middle;
    }

    .banner-right-box figure img {
        max-height: 100px;
    }

    .banner-right-box {
        max-width: 270px;
        padding: 8pxpx;
        margin-right: 0px;
    }

    .home-banner-main-content span {
        font-size: 16px;
    }

    .home-banner-main-content {
        margin: 110px 0 0;
    }

    .banner-content {
        left: 50px;
        right: 50px;
        top: 8%;
    }

    header.fixed-home-header {
        left: 75px;
        right: 75px;
    }

    .review-footer-content h3 {
        line-height: 18px;
    }

    .dela-box-parent {
        border-radius: 5px;
        padding: 16px;
    }

    .categories-box figure {
        left: 10px;
    }

    .categories-box h3 {
        font-size: 15px;
    }

    .energy-content-box h3 {
        font-size: 36px;
    }

    .energy-content-box p {
        font-size: 18px;
    }

    a.btn.btn-primaryx {
        font-size: 16px;
        min-width: 140px;
        margin: 20px 0 0;
    }

    .deal-box-bottom {
        padding: 0 0;
    }

    .categories-box figure img {
        max-height: 48px;
    }

    .top-rated-product .toprated-content p {
        font-size: 18px;
    }

    .toprated-bottom h3 {
        font-size: 20px;
    }

    .toprated-bottom .btn-primaryx {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 7px;
    }

    .review-heading-parent h2 {
        font-size: 32px;
    }

    .review-heading-parent p {
        font-size: 22px;
    }

    .review-box-wrapper p {
        font-size: 16px;
        min-height: 230px;
    }

    .review-box-wrapper {
        border-radius: 5px;
        padding: 15px;
    }

    .review-footer figure {
        width: 47px;
        height: 47px;
    }

    .review-footer figure img {
        max-height: 47px;
    }

    .review-footer-content span {
        font-size: 15px;
    }

    .review-footer {
        padding-left: 60px;
    }

    .dela-box-parent a.deafult-circle-btn {
        margin: 60px 0 0 auto;
    }

    .slider-item-inner-content a.likebtn {
        width: 28px;
        height: 28px;
    }

    .slider-item-inner-content a.likebtn img {
        max-height: 13px;
    }

    .solor-genetor-inner h2 {
        line-height: inherit;
    }

    .same-heading h2 {
        font-size: 36px;
    }

    .solor-genetor-inner p {
        font-size: 18px;
    }

    .solor-genetor-inner a.btn.btn-primaryx {
        margin: 25px 0 0;
    }

    section.same-section.clients-logo-section.pt-0 {
        padding-top: 0 !important;
    }

    .clients-logo-content p {
        font-size: 18px;
    }

    .client-logo-box {
        text-align: center !important;
    }

    .client-logo-box img {
        max-height: 80px !important;
    }

    .same-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .cta-content h2 {
        font-size: 26px;
    }

    .cta-content p {
        font-size: 17px;
    }

    a.cta-btn .cta-btn-text span {
        font-size: 13px;
    }

    a.cta-btn .cta-btn-text h4 {
        font-size: 16px;
    }

    a.cta-btn img {
        max-height: 31px;
    }

    a.cta-btn {
        border-radius: 13px;
        padding: 9px 11px;
    }

    .cta-image img {
        max-width: 500px;
    }

    .cta-content {
        max-width: 500px;
    }

    .energy-parent h2 {
        font-size: 38px;
    }

    .energy-parent span {
        font-size: 16px;
    }

    .energy-parent h2 img {
        max-width: 30px;
        top: -4px;
    }

    .future-content-wrapper p {
        font-size: 19px;
    }

    .footer-details h2 {
        font-size: 32px;
    }

    .footer-details p,
    .footer-details ul li,
    .footer-details ul li a {
        font-size: 17px;
    }

    .footer-menu ul li a {
        font-size: 16px;
    }

    .footer-bottom-content p {
        font-size: 17px;
    }

    .footer-top-content h3 {
        font-size: 26px;
        margin: 0 0 10px;
    }

    .footer-menu h3 {
        font-size: 26px;
    }

    .footer-contact-details ul li a {
        font-size: 16px;
    }

    .social-media-parent ul li a {
        width: 45px;
        height: 45px;
    }

    .social-media-parent ul li a img {
        max-height: 18px;
    }

    .footer-button-parent ul li a span {
        font-size: 13px;
    }

    .footer-button-parent ul li a p {
        font-size: 16px;
    }

    .footer-button-parent ul li a img {
        max-height: 35px;
    }

    .footer-button-parent ul li a {
        min-width: 170px;
        padding-left: 55px;
    }

    .footer-polocy-wrapper .footer-contact-details li a,
    .footer-polocy-wrapper .footer-contact-details p {
        font-size: 16px;
    }

    .footer-bottom-wrapper {
        margin: 30px 0 20px;
        padding: 30px 0;
    }

    footer {
        padding: 50px 0 20px;
    }

    .price-box-wrapper h4 {
        font-size: 20px;
    }

    .price-filler-box .form-check .form-check-label {
        font-size: 16px;
    }

    .price-filler-box .form-check .form-check-input {
        width: 18px;
        height: 18px;
    }

    .price-filler-box .form-check {
        padding-left: 25px;
    }

    .deal-product-header p {
        font-size: 18px;
    }

    .deal-product-header select {
        font-size: 16px;
    }

    .slider-footer-left del {
        font-size: 16px;
    }

    .slider-footer-left span {
        font-size: 13px;
    }

    body.checkout-index-index .header.content {
        max-width: 100%;
        padding: 10px 15px 20px;
    }
}

@media screen and (max-width: 1399px) {
    .banner-content {
        left: 0;
        right: 0;
        top: 5%;
    }

    header.fixed-header .container {
        max-width: 100%;
    }

    .contact-page-form form#contact-form {
        width: 100%;
        min-width: initial;
    }

    body.contact-index-index main#maincontent,
    body#html-body.customer-account-login main#maincontent,
    body#html-body.customer-account-create main#maincontent,
    body.cms-privacy_policies main#maincontent,
    body.cms-return--policy main#maincontent,
    body.cms-termconditions main#maincontent,
    body.cms-ship-policy main#maincontent,
    body.cms-legal main#maincontent {
        max-width: 1140px !important;
    }

    .product-details-btn.form-group.login-btn ul li .default-btn {
        min-width: 375px;
        font-size: 16px;
    }

    .same-heading h2 {
        font-size: 30px;
    }

    .dashboard-top-box p {
        font-size: 14px;
    }

    .categories-box p {
        font-size: 16px;
    }

    .modal-bulk-upload .cartproduct-left {
        border: none;
        padding-bottom: 0;
        margin: 0;
    }

    .cart-inner-productlist {
        flex-wrap: wrap;
    }

    .cartproduct-left,
    .cartproduct-middle,
    .cartproduct-right {
        width: 100%;
        text-align: left;
        justify-content: start;
    }

    .cartproduct-right ul {
        justify-content: end;
        margin: 0 0 10px;
    }

    .cartproduct-right .wrapper {
        justify-content: end;
    }

    .cartproduct-right {
        display: inline-block;
        width: 50%;
        text-align: right !important;
    }

    .cartproduct-middle {
        margin: 0 0;
        width: 50% !important;
        display: inline-block;
    }

    .cartproduct-left {
        margin: 0 0 10px;
        border-bottom: 1px solid rgb(119 119 119 / 39%);
        padding-bottom: 10px;
    }

    section.same-section.product-details-banner-section.pt-3 {
        padding: 0 !important;
    }

    .product-details-right h2 {
        font-size: 32px;
    }

    .product-share-box-price h3 {
        font-size: 26px;
    }

    .product-share-box-price p {
        font-size: 16px;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        min-width: 365px;
    }

    .product-desc-inner p {
        font-size: 15px;
    }

    .product-desc-inner {
        margin: 20px 0 0;
        padding: 10px 0 0;
    }

    .product-desc-inner h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .bulk-product-parent .bulk-product figure img {
        max-height: 45px;
    }

    .bulk-product-parent {
        padding: 10px;
    }

    .bulk-product-parent .bulk-product {
        padding-left: 55px;
    }

    .bulk-product-parent.bulk-bottom-parent {
        margin: 0 0 10px;
    }

    .product-desc-inner ul li {
        font-size: 16px;
    }

    .product-desc-inner+.product-desc-inner {
        margin-bottom: 20px;
    }

    .reviw-rating-wrapper h3 {
        font-size: 30px;
    }

    .review-rating-content span {
        font-size: 37px;
    }

    .review-rating-parent p {
        font-size: 14px;
    }

    section.same-section.profile-details-section .col-lg-7 {
        max-width: 75%;
        flex: 0 0 75%;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0+section.same-section.future-energy-section {
        padding-top: 50px !important;
    }

    .home-banner-main-content {
        margin: 100px 0 0;
        max-width: 100%;
    }

    .home-banner-main-content span {
        font-size: 14px;
    }

    .header-mein-top p {
        font-size: 14px;
    }

    .banner-right-content h4 {
        font-size: 16px;
    }

    .home-banner-main-content p {
        font-size: 22px;
    }

    .home-banner-main-content h1 img {
        max-width: 40px;
        top: 0;
    }

    .home-banner-main-content h1 {
        font-size: 46px;
    }

    .banner-right-content p {
        font-size: 13px;
    }

    .banner-right-box {
        max-width: 250px;
        padding: 8px;
        margin-right: 0px;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 80px;
    }

    .energy-content-box h3 {
        font-size: 32px;
        line-height: inherit;
    }

    .slider-inner-content h2 {
        font-size: 20px;
    }

    a.btn.btn-primaryx {
        font-size: 14px;
        min-width: 120px;
    }

    .banner-right-box a {
        max-width: 38px;
    }

    .dela-box-parent h2 {
        font-size: 22px;
    }

    .dela-box-parent p {
        font-size: 14px;
    }

    .dela-box-parent {
        padding: 12px;
    }

    .slider-item-inner-content figure {
        height: 160px;
    }

    .dela-box-parent .dela-box-header {
        padding: 8px 6px;
        font-size: 12px;
        right: 15px;
        top: 15px;
    }

    .solor-genetor-inner h2 {
        font-size: 36px;
        line-height: inherit;
    }

    .slider-inner-content p {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .slider-content-footer {
        margin: 10px 0 0;
    }

    .dela-box-parent a.deafult-circle-btn {
        width: 45px;
        height: 45px;
        margin: 15px 0 0 auto;
    }

    .dela-box-parent a.deafult-circle-btn img {
        max-width: 25px;
    }

    .owl-carousel.review-slider .owl-nav button {
        background-size: 16px !important;
    }

    .owl-carousel.review-slider .owl-nav button.owl-next {
        right: -4%;
    }

    .owl-carousel.review-slider .owl-nav button.owl-prev {
        left: -4%;
    }

    .banner-video-wrapper {
        height: 95vh;
    }

    .client-logo-box {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .client-logo-box img {
        margin: 0 auto;
    }

    .clients-logo-section .clients-logo-wrapper .col-carousel {
        max-width: 950px;
    }

    .clients-logo-content {
        margin: 0 auto 40px;
    }

    section.same-section.treding-section .same-heading a {
        font-size: 20px;
    }

    .footer-search-box input {
        padding: 10px 10px;
        font-size: 16px;
        padding-right: 70px !important;
    }

    .footer-search-box button {
        width: 35px;
        height: 35px;
    }

    .footer-bottom-content {
        padding-right: 150px;
    }

    .footer-top-content {
        padding-right: 100px;
    }

    section.same-section.future-energy-section {
        padding-top: 0 !important;
    }

    .review-box-wrapper p {
        font-size: 16px;
    }

    .deal-product-banner-content h1 {
        font-size: 32px;
    }

    .deal-product-banner-content p {
        font-size: 18px;
    }

    .header-right ul li.language-selector div div div {
        min-width: inherit !important;
    }
}

@media screen and (max-width: 1299px) {
    .select-wrapper select {
        padding-right: 13px !important;
    }

    .select-wrapper .fa-angle-down {
        right: 1px !important;
    }

    .header-right ul li select {
        font-size: 14px !important;
    }

    .banner-content {
        left: 0;
        right: 0;
        top: 4%;
    }

    .logo img {
        max-width: 130px;
    }

    .header-menu ul li a {
        font-size: 16px;
    }

    .notification-icon {
        margin-right: 0 !important;
    }

    .header-right ul li.language-selector div div div {
        min-width: inherit !important;
        padding: 6px 3px 6px 21px !important;
    }

    header.fixed-header .container {
        max-width: 100%;
    }

    section.same-section.header-top-spacing.deal-product-banner-section:after {
        height: 200px;
    }

    .form-bottom-content ul li,
    .form-bottom-content ul li a {
        font-size: 13px;
    }

    .form-group.otp-field input {
        width: 70px;
        height: 60px;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0>img,
    section.same-section.header-top-spacing.deal-product-banner-section>img {
        height: 200px;
        object-fit: cover;
    }

    .header-right ul li+li {
        margin-left: 8px;
    }

    .header-menu ul li+li {
        margin-left: 20px;
    }

    .header-menu {
        min-width: 450px;
    }

    .dela-box-parent {
        padding: 9px;
    }

    .dela-box-parent .dela-box-header {
        padding: 8px 7px;
        font-size: 12px;
        right: 15px;
        top: 15px;
    }

    ul.dropdown-menu li+li {
        margin: 0 !important;
    }

    .dela-box-parent p {
        font-size: 12px;
    }

    .slider-footer-left del {
        font-size: 17px;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1199px) {
    li.language-selector.mobile-language-selector.d-xl-none div#google_translate_element {
        margin: 0 15px;
    }

    li.language-selector.mobile-language-selector.d-xl-none div#google_translate_element .goog-te-gadget-simple {
        min-width: initial !important;
        width: 100%;
        height: auto !important;
        padding-left: 0 !important;
    }

    li.language-selector.mobile-language-selector.d-xl-none div#google_translate_element .goog-te-gadget-simple span a {
        padding: 2px !important;
        font-size: 14px !important;
    }

    .select-wrapper .fa-angle-down {
        right: 20px !important;
    }

    .otp-success.text-center figure+h1 {
        font-size: 28px;
    }

    .otp-success.text-center figure {
        max-width: 70px;
    }

    body.cms-legal main#maincontent .page-main h5 {
        font-size: 18px !important;
        margin: 10px 0 !important;
    }

    .page-main td,
    .page-main th {
        padding: 5px !important;
        font-size: 16px !important;
    }

    .page-main h4 {
        font-size: 18px !important;
        margin: 10px 0 !important;
    }

    .page-main>.page-title-wrapper .page-title {
        font-size: 30px;
        padding: 20px 0 20px;
    }

    .contect-content p {
        font-size: 16px;
    }

    .contect-content h2 {
        font-size: 24px;
    }

    .contect-content .field label.label span {
        font-size: 16px;
    }

    .contect-content .actions-toolbar .btn-primaryx {
        padding: 7px 15px;
        font-size: 15px;
        min-width: 120px;
    }

    body.contact-index-index main#maincontent,
    body#html-body.customer-account-login main#maincontent,
    body#html-body.customer-account-create main#maincontent,
    body.cms-privacy_policies main#maincontent,
    body.cms-return--policy main#maincontent,
    body.cms-termconditions main#maincontent,
    body.cms-ship-policy main#maincontent,
    body.cms-legal main#maincontent {
        max-width: 960px !important;
    }

    .box-content address,
    .block .box-actions a.action.edit {
        font-size: 16px !important;
    }

    .block.block-dashboard-orders .block-title.order a.action.view,
    .block.block-dashboard-orders .block-title.order a.action.view {
        font-size: 16px !important;
    }

    .box.box-information .box-content p {
        font-size: 16px;
    }

    .block.block-dashboard-addresses .block-title strong,
    .block.block-dashboard-addresses .block-title a.action.edit {
        font-size: 16px;
    }

    .block.block-dashboard-addresses .block-title strong,
    .block.block-dashboard-orders .block-title.order strong,
    .block.block-dashboard-orders .block-title.order strong {
        font-size: 18px !important;
    }

    .table>thead tr th,
    .table>tbody tr td {
        font-size: 15px !important;
    }

    .product-details-btn.form-group.login-btn ul li .default-btn {
        min-width: 285px;
    }

    .product-details-img {
        height: 350px;
    }

    .estimate-time-parent h3 {
        font-size: 17px;
    }

    .order-inner-parent p {
        font-size: 14px;
    }

    .reviw-rating-wrapper h3 {
        font-size: 28px;
    }

    .select-card-box-wrapper .cardcheck-parent .form-check input {
        left: 0;
    }

    .sustainability-content h2 img {
        max-width: 140px;
    }

    .merchant-payment-right h3,
    .merchant-payment-left h3,
    .order-summary-wrapper h3,
    .trackorder-wrapper h3,
    .product-rateus-wrapper h3 {
        font-size: 18px;
    }

    .dashboard-header p {
        font-size: 14px;
    }

    .again-btn {
        padding: 10px 15px;
        padding: 8px 10px;
        font-size: 13px;
    }

    .order-summary-inner h4,
    .order-summary-inner h5 {
        font-size: 15px;
    }

    .order-summary-inner p {
        font-size: 15px;
    }

    .banner-content {
        left: 0;
        right: 0;
    }

    .categories-box p {
        font-size: 14px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-footer button {
        font-size: 14px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body p {
        font-size: 15px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .form-group label {
        font-size: 15px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-header {
        padding: 0;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body h2 {
        font-size: 19px;
    }

    .cart-total-product .cart-total-select {
        padding: 7px;
        margin: 15px 0;
    }

    .cart-total-product .cart-total-select .cardcheck-parent label {
        font-size: 14px;
    }

    .cart-total-product .cart-total-select .form-check input {
        width: 15px;
        height: 15px;
    }

    .cardcheck-parent .form-check {
        padding-left: 20px;
    }

    .cart-total-product .cart-total-select a {
        padding: 6px;
        font-size: 14px;
    }

    .cart-product-mainbox-inner .cardcheck-parent {
        margin: 0;
        position: absolute;
        left: 3%;
    }

    section.login-section.max-section-width.login-page-section .login-form {
        padding-right: 0;
    }

    .login-form-inner .form-group label {
        font-size: 16px;
    }

    .phoneno-fields select {
        font-size: 14px;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        min-width: 275px;
        font-size: 15px;
    }

    .product-details-btn a.btn.sharebtn {
        padding: 10px 27px;
    }

    .delivery-wrapper {
        padding-top: 20px;
    }

    .product-desc-inner p {
        font-size: 14px;
    }

    .bulk-content p {
        font-size: 14px;
    }

    .bulk-product-parent.bulk-bottom-parent .bulk-content span {
        font-size: 14px;
    }

    .bulk-content h4 {
        font-size: 14px;
    }

    .bulk-product-parent .toprated-bottom a.btn.btn-primaryx {
        padding: 7px 10px;
        font-size: 14px;
    }

    .product-desc-inner ul li {
        font-size: 14px;
    }

    .bar-content label {
        font-size: 14px;
    }

    .customer-review-box ul li img {
        max-height: 12px;
    }

    .review-rating-parent ul li img {
        max-width: 14px;
    }

    .customer-review-box {
        border-radius: 9px;
        padding: 15px;
    }

    .row.customer-review-wrapper .col-lg-6 {
        margin: 0 0 25px;
    }

    .badcrumb-inner ul li a,
    .badcrumb-inner ul li {
        font-size: 14px;
    }

    .badcrumb-inner ul li+li {
        margin-left: 10px;
    }

    .badcrumb-inner ul li img {
        max-height: 12px;
    }

    .product-details-right h2 {
        font-size: 30px;
    }

    .product-rating ul li {
        font-size: 14px;
    }

    .product-rating ul {
        margin: 5px 0 0;
    }

    .product-share-box {
        margin: 10px 0 0;
    }

    .delivery-inner-box p {
        font-size: 16px;
    }

    .product-rating ul li+li {
        margin-left: 5px;
    }

    .product-share-box {
        margin: 15px 0 0;
    }

    .product-desc-parent {
        padding: 20px 0 0;
    }

    .delivery-inner-box h3 {
        font-size: 15px;
    }

    .notification-parent .notification-msg h3 {
        font-size: 20px;
        margin: 0 0 20px 20px;
    }

    .notification-parent ul li a p {
        font-size: 15px;
    }

    .notification-parent ul li a figure {
        width: 40px;
        height: 40px;
    }

    .notification-parent ul li a {
        padding-left: 60px !important;
    }

    .notification-parent ul li a.active figure:before {
        left: 0px;
        top: 0px;
        width: 8px;
        height: 8px;
    }

    .notification-parent .notification-msg {
        width: 390px;
    }

    .whislist-wrapper .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    section.same-section.sustainability-banner-section.header-top-spacing>img {
        height: 190px;
    }

    .sustainability-content h2 {
        font-size: 26px;
    }

    section.same-section.sustainability-banner-bottom.pt-0 {
        padding-top: 30px !important;
    }

    .sustainability-bottom-content h2 {
        font-size: 24px;
    }

    .sustainability-bottom-content p {
        font-size: 16px;
        margin: 15px 0 0;
    }

    section.same-section.deal-main-section .slider-item .slider-footer-left span {
        margin-right: 0;
        font-size: 10px;
    }

    .filtter-box {
        margin: 0 0 25px;
        font-size: 18px;
    }

    .card-manage-inner .managecard-form .row .col-lg-6.form-group.mb-0 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 15px !important;
    }

    .manage-card-wrapper.address-form-wrapper.row .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .search-box-wrapper,
    .manage-card-wrapper.row {
        padding: 20px;
    }

    .manage-card-wrapper.address-form-wrapper.row .col-lg-6:first-child {
        margin: 0 0 25px;
    }

    .dashboard-top-box p {
        font-size: 14px;
    }

    .dashboard-top-box span {
        font-size: 12px;
    }

    .account-left-menu h3 {
        font-size: 16px;
    }

    .account-left-menu ul li a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .account-left-menu ul li a>img {
        margin-right: 12px;
        max-height: 17px;
    }

    .dashboard-leftbottom-box a {
        font-size: 14px;
    }

    .dashboard-header h2 {
        font-size: 18px;
    }

    .form-control-new {
        font-size: 14px !important;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent h2 {
        font-size: 27px;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent.mb-0 span {
        font-size: 14px;
        padding: 7px 8px;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0+section.same-section.future-energy-section {
        padding-top: 40px !important;
    }

    .energy-parent h2 img {
        margin-left: 5px;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 15px;
    }

    .login-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .login-same-content h2 {
        font-size: 30px;
    }

    .login-same-content p {
        font-size: 16px;
    }

    .otp-bottom-content span {
        font-size: 14px;
    }

    .form-group.otp-field input {
        width: 55px;
        height: 50px;
    }

    header.fixed-home-header {
        left: 25px;
        right: 25px;
    }

    .logo img {
        max-width: 130px;
    }

    .header-menu ul li a {
        font-size: 15px;
    }

    .header-right ul li select {
        font-size: 15px;
    }

    a.login-btn {
        font-size: 14px;
        padding: 8px 10px;
    }

    .header-right ul li+li {
        margin-left: 7px;
    }

    .header-menu {
        min-width: 400px;
    }

    .dela-box-parent h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .slick-slider {
        padding-left: 0 !important;
    }

    .dela-box-parent a.deafult-circle-btn {
        margin: 65px 0 0 auto;
    }

    .dela-box-parent span {
        margin: 40px 0 5px;
        font-size: 14px;
    }

    .dela-box-parent p {
        font-size: 15px;
        background: transparent;
        display: inline-block !important;
        padding: 0;
        line-height: 12px;
    }

    section.same-section.treding-section .col-lg-3 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    section.same-section.max-section-width.deal-section .deal-slider-wrapper.row {
        margin: 0 -3px;
    }

    section.same-section.max-section-width.deal-section .deal-slider-wrapper.row .col-lg-4 {
        padding: 0 3px;
    }

    .slider-item-inner-content a.likebtn {
        width: 30px;
        height: 30px;
    }

    .slider-item-inner-content a.likebtn img {
        max-width: 14px;
    }

    .rating-box span {
        font-size: 11px;
    }

    .rating-box strong {
        font-size: 12px;
    }

    .rating-box {
        min-width: 75px;
    }

    .rating-box span img {
        max-width: 11px;
    }

    .slider-footer-right a.cart-btn {
        width: 35px;
        height: 35px;
    }

    .slider-footer-right a.cart-btn img {
        max-width: 19px;
    }

    .slider-footer-left span {
        font-size: 11px;
    }

    .slider-footer-left del {
        font-size: 14px;
    }

    .slider-inner-content h2 {
        font-size: 18px;
    }

    .slider-inner-content p {
        font-size: 16px;
        margin: 0 0 5px;
    }

    .same-heading h2,
    .clients-logo-content h2 {
        font-size: 32px;
    }

    .same-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .categories-box h3 {
        font-size: 14px;
        margin-left: 7px;
    }

    .energy-content-box h3 {
        font-size: 30px;
    }

    .energy-content-box p {
        font-size: 15px;
    }

    .categories-box figure img {
        max-height: 38px;
    }

    .top-rated-product .toprated-content p {
        font-size: 16px;
    }

    .toprated-content {
        padding: 15px 10px 20px;
    }

    .toprated-bottom h3 {
        font-size: 18px;
    }

    .toprated-bottom .btn-primaryx {
        font-size: 13px;
        padding: 7px 11px;
    }

    .opne-search-box {
        padding: 6px;
        width: 400px;
    }

    section.same-section.max-section-width.arrival-section .col-lg-3 {
        padding: 0 1px;
    }

    section.same-section.max-section-width.arrival-section .row {
        margin: 0 -1px;
    }

    .reviews-wrapper {
        padding: 40px 40px;
    }

    .review-heading-parent p {
        font-size: 16px;
    }

    .review-box-wrapper p {
        font-size: 16px;
    }

    .review-footer-content h3 {
        font-size: 17px;
    }

    .review-footer-content span {
        font-size: 14px;
    }

    .energy-parent span {
        font-size: 16px;
    }

    .energy-parent h2 {
        font-size: 32px;
    }

    .future-content-wrapper p {
        font-size: 16px;
    }

    .cta-content h2 {
        font-size: 23px;
    }

    .cta-content p {
        font-size: 15px;
    }

    .cta-image img {
        max-width: 430px;
    }

    .footer-details h2 {
        font-size: 26px;
    }

    .footer-details p,
    .footer-details ul li,
    .footer-details ul li a {
        font-size: 15px;
    }

    footer.same-section.max-section-width.footer-section .footer-main-wrapper {
        padding: 30px 30px 30px;
        border-radius: 40px 40px 0 0;
    }

    .footer-bottom-content p {
        font-size: 15px;
    }

    .footer-bottom-content ul li a {
        font-size: 15px;
    }

    .footer-bottom-content ul li:before {
        width: 6px;
        height: 6px;
    }

    .footer-bottom-content ul li+li {
        margin-left: 15px;
    }

    .footer-bottom-content ul li {
        padding-left: 20px;
    }

    .footer-menu ul li a {
        font-size: 14px;
    }

    .footer-menu h3,
    .footer-top-content h3 {
        font-size: 24px;
    }

    .footer-bottom-content img {
        max-width: 80px;
    }

    section.same-section.max-section-width.energy-section {
        padding-top: 0 !important;
    }

    section.same-section.deal-section .col-lg-3 {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    section.same-section.deal-section .col-lg-9 {
        max-width: 66.66666667%;
        flex: 66.66666667%;
    }

    .clients-logo-section .clients-logo-wrapper .owl-nav {
        display: none !important;
    }

    .card-manage-inner .managecard-form .row .col-lg-6.form-group.mb-0:last-child {
        margin-bottom: 0 !important;
    }

    .cardcheck-parent .form-check input {
        left: 0;
        margin: 0;
        padding: 00;
        top: 50%;
        transform: translateY(-50%);
    }

    .cardcheck-parent .form-check {
        position: relative;
    }

    .cart.table-wrapper .item .col.item .product-image-container {
        width: 90px !important;
    }

    .cart.table-wrapper .product-item-name {
        font-size: 15px;
        display: block;
        margin: 0;
    }

    span.price-including-tax {
        font-size: 16px !important;
    }

    .checkout-success p {
        font-size: 16px;
    }

    body.checkout-onepage-success h1.page-title {
        padding: 40px 0 10px !important;
    }

    body.checkout-onepage-success .column.main {
        min-height: 160px;
    }

    .header-menu {
        min-width: inherit;
        position: relative;
    }

    .toggle-btn.d-lg-none {
        display: block !important;
    }

    .toggle-btn.d-lg-none {
        position: absolute;
        right: 0;
        top: 66%;
        transform: translateY(-50%);
    }

    html.overflow-off,
    body.overflow-off {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .header-main-wrapper {
        position: relative;
    }

    a.search-box {
        width: 40px;
        height: 40px;
    }

    .header-menu>ul {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 350px;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        text-align: left;
        display: block;
        padding-top: 70px;
        background: transparent linear-gradient(270deg, #FFF1B7 0%, #BEFAB7 100%) 0% 0% no-repeat padding-box;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
    }

    .header-menu>ul.active {
        left: 0;
        opacity: 1;
        visibility: visible;
        overflow-y: auto;
        padding-bottom: 40px;
    }

    .header-menu>ul li a {
        padding: 15px 20px;
        display: block;
    }

    .header-menu>ul li {
        padding: 0;
    }

    .header-menu>ul li+li {
        margin: 0;
    }

    .header-menu ul li a.active,
    .header-menu ul li a:hover {
        color: #fff;
        background: #55B54A;
    }

    a.menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 35px;
        height: 35px;
        background: #000;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-menu>ul li+li select {
        width: 100%;
        background: transparent;
        padding: 15px 20px;
        font-size: 16px;
    }

    .header-menu>ul li a.login-btn {
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100% !important;
        margin: 10px 15px;
        width: auto !important;
    }

    .header-menu>ul li+li>ul.dropdown-menu {
        position: inherit !important;
        display: block;
        background: #fff;
        width: 100%;
        border-radius: 0;
        padding: 15px 0;
        box-shadow: none;
    }

    .header-menu>ul li+li>ul.dropdown-menu li a {
        padding: 9px 0 !important;
    }

    .header-menu>ul li+li>ul.dropdown-menu li>ul.dropdown-menu {
        padding-left: 25px !important;
        padding-top: 5px;
        padding-bottom: 5px;
        left: 0;
    }

    .header-menu>ul li+li>ul.dropdown-menu a.dropdown-item {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 6px 20px;
    }

    .header-menu>ul li+li>ul.dropdown-menu a.dropdown-item img {
        margin-right: 10px;
    }

    .header-menu>ul li+li>ul.dropdown-menu li>img.dropdown-arrow {
        position: absolute;
        right: 10px;
        filter: none !important;
        top: 19px !important;
        transform: translate(0) !important;
    }

    ul.dropdown-menu li:hover ul.dropdown-menu {
        position: inherit !important;
        right: 0;
        top: inherit;
        padding-left: 30px;
    }

    a.menu-close img {
        filter: brightness(0) invert(1);
    }

    .blacklayer.active {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 31%);
        z-index: 9;
    }

    .header-right {
        margin-right: 40px;
    }

    a.togglebtn {
        position: absolute;
        right: 0;
        top: 50%;
        width: 35px;
        height: 35px;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        transform: translateY(-50%);
        border-radius: 50%;
        color: #fff;
    }

    .opne-search-box {
        max-width: 500px;
        width: 100%;
    }

    .header-menu ul li.mobile-lg-none.search-desktop-lg-none+li.d-lg-none .select-wrapper select.country-selector-dropdown {
        background: #fff !important;
        color: #000 !important;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 5px;
    }

    .header-menu ul li.mobile-lg-none.search-desktop-lg-none+li.d-lg-none .select-wrapper select.country-selector-dropdown+i.fa.fa-angle-down {
        right: 20px;
    }

    .header-right ul li.mobile-lg-none.search-mobile-lg-none {
        display: block !important;
    }

    .header-menu>ul li.search-desktop-lg-none {
        display: none;
    }

    .header-menu ul li.mobile-lg-none.search-desktop-lg-none {
        display: none !important;
    }

    .header-right ul li.search-mobile-lg-none {
        display: block;
    }

    .header-right ul li.mobile-lg-none,
    .header-right ul li:last-child {
        display: none !important;
    }

    .header-menu ul li.d-lg-none .select-wrapper select#country-selector {
        border: 1px solid #545454;
        border-radius: 4px;
        background: transparent;
        color: #000 !important;
        padding: 0 10px;
        font-size: 14px;
    }

    .header-menu ul li.d-lg-none .select-wrapper select#country-selector+i.fa.fa-angle-down {
        right: 20px;
    }

    .header-menu ul li.d-lg-none .select-wrapper {
        width: 100%;
        padding: 0 15px;
        margin-top: 10px;
    }

    .header-menu ul li.d-lg-none .select-wrapper select {
        background: #fff;
        color: #000 !important;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 5px;
    }

    .select-wrapper .fa-angle-down {
        right: 20px;
    }

    .header-menu ul li:hover ul.dropdown-menu {
        padding: 15px 0;
        box-shadow: none;
        display: block;
    }

    ul.dropdown-menu li ul.dropdown-menu {
        right: 0;
        display: block !important;
    }

    .header-menu ul li:hover ul.dropdown-menu li a {
        padding: 15px 0;
    }

    .container {
        max-width: 100%;
    }

    .header-menu ul li.mobile-lg-none.search-desktop-lg-none~li.d-lg-none {
        display: block !important;
    }
}

@media screen and (max-width: 1199px) {
    .header-menu ul li.d-lg-none {
        display: block !important;
    }

    .notification-parent ul li figure img {
        max-height: 30px;
    }

    .toggle-btn.d-lg-none {
        display: none !important;
    }

    .header-menu {
        position: relative;
    }

    .header-menu>ul li {
        padding: 0;
    }

    .header-menu>ul li+li {
        margin-left: 12px;
    }

    .header-menu>ul li a {
        padding: 0;
        display: inline-block;
        font-size: 14px;
    }

    .header-menu ul li a.active,
    .header-menu ul li a:hover {
        color: #55B54A;
        background: none;
    }

    .header-right {
        margin-right: 0;
    }

    .header-right>ul {
        gap: 6px;
    }

    .header-right .header-country-wrap {
        display: none !important;
    }

    .header-right .language-selector {
        display: list-item !important;
    }

    .header-right li.language-selector .goog-te-gadget-simple a>span:first-child {
        display: none !important;
    }

    .header-right li.language-selector .goog-te-gadget-simple div div div {
        padding-right: 4px !important;
        min-width: initial !important;
    }

    .header-right ul li.language-selector {
        padding: 0 4px;
    }

    .header-right .login-btn {
        font-size: 13px;
        padding: 6px 10px;
        white-space: nowrap;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-menu>ul li+li>ul.dropdown-menu {
        position: absolute !important;
        display: none;
        background: #fff;
        width: 320px;
        border-radius: 5px;
        padding: 5px 0 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    }

    .header-menu ul li:hover ul.dropdown-menu {
        padding-top: 5px;
        box-shadow: 0 0 10px rgb(0 0 0 / 16%);
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item {
        width: 30% !important;
    }

    body.account.wishlist-index-index form.form-wishlist-items .product-item-name>a,
    body.account.wishlist-index-index form.form-wishlist-items .product.name a>a {
        font-size: 16px;
        margin: 5px 0 0;
    }

    body.account.wishlist-index-index form.form-wishlist-items .product-item .price-box .price {
        font-size: 18px;
    }

    .rating-summary .rating-result:before {
        font-size: 13px;
        height: 13px;
        letter-spacing: 1px;
        line-height: 13px;
    }

    .rating-summary .rating-result>span:before {
        font-size: 13px;
        height: 13px;
        letter-spacing: 1px;
        line-height: 13px;
    }

    body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button {
        padding: 7px 10px;
        font-size: 14px;
    }

    .actions-toolbar .primary .action {
        margin: 0 5px 0 0 !important;
    }

    .abs-pager-toolbar .toolbar-amount,
    .account .toolbar .toolbar-amount,
    .toolbar-giftregistry-results .toolbar-amount,
    .toolbar-wishlist-results .toolbar-amount {
        font-size: 16px;
    }

    .abs-pager-toolbar .limiter,
    .account .toolbar .limiter,
    .toolbar-giftregistry-results .limiter,
    .toolbar-wishlist-results .limiter {
        font-size: 16px;
    }

    .pages .item a,
    .pages .item strong {
        width: 30px;
        height: 30px;
        margin: 0 0px !important;
        font-size: 14px;
    }

    body.account .page-title-wrapper h1.page-title {
        font-size: 30px;
    }
}

@media screen and (max-width: 991px) {

    section.login-section.max-section-width.login-page-section,
    body.vendor_otp-index-verify section.login-section.max-section-width {
        height: 100vh;
        overflow-y: auto;
    }

    section.login-section.max-section-width.login-page-section .login-form {
        max-width: 100%;
    }

    body#html-body.customer-account-login main#maincontent section.login-section.max-section-width.login-page-section>.container-fluid .row .col-lg-6 {
        padding: 0;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section,
    body#html-body.customer-account-login main#maincontent section.login-section.max-section-width.login-page-section {
        padding: 30px 15px;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section .login-form-inner .row .col-lg-6,
    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section .login-form-inner .row .col-lg-12 {
        padding: 0;
    }

    body#html-body.customer-account-create main#maincontent#maincontent,
    body#html-body.customer-account-login main#maincontent#maincontent {
        padding: 0 !important;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section .login-form-inner .row {
        margin: 0;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section .col-lg-6 .login-form,
    body#html-body.customer-account-login main#maincontent#maincontent section.login-section.max-section-width.login-page-section .col-lg-6 .login-form {
        max-width: 100%;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section>.container-fluid .login-form {
        max-width: 100%;
        padding: 0 0px !important;
    }

    body#html-body.customer-account-create main#maincontent {
        padding: 0 !important;
    }

    .review-box-wrapper p {
        min-height: 190px;
    }

    .content-page.row>.col-lg-6>.contect-content {
        padding-right: 0;
    }

    body.contact-index-index main#maincontent,
    body#html-body.customer-account-login main#maincontent,
    body#html-body.customer-account-create main#maincontent,
    body.cms-privacy_policies main#maincontent,
    body.cms-return--policy main#maincontent,
    body.cms-termconditions main#maincontent,
    body.cms-ship-policy main#maincontent,
    body.cms-legal main#maincontent {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .contact-page-form .row .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .content-page.row.align-items-center .col-lg-6 .contact-page-form form#contact-form {
        margin-top: 30px;
    }

    section.same-section.header-top-spacing.deal-product-banner-section:after {
        height: 180px;
    }

    section.same-section.trending-section .row .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .opc-progress-bar-item>span {
        font-size: 16px;
    }

    div#checkout-shipping-method-load table tr td.col {
        padding: 9px;
        font-size: 14px;
    }

    .checkout-shipping-method .step-title {
        padding: 9px;
        font-size: 16px;
    }

    div#shipping-method-buttons-container .primary button.button.action.continue.primary {
        font-size: 14px;
        padding: 8px 10px;
        margin: 10px 0 0 !important;
        min-width: 100px;
    }

    body.checkout-index-index main#maincontent {
        padding: 10px !important;
    }

    body.checkout-index-index .column.main {
        padding-bottom: 0;
    }

    .opc-wrapper .step-title {
        font-size: 20px;
    }

    body.checkout-index-index aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .opc-block-summary span.title {
        font-size: 19px;
    }

    .opc-block-summary .items-in-cart>.title strong {
        font-size: 16px;
    }

    body.account .column.main ul.items li.nav.item strong,
    body.account .column.main ul.items li.nav.item a {
        font-size: 16px;
        padding: 0 10px;
    }

    body.account.sales-order-view .order-details-items {
        padding: 5px;
    }

    .order-details-items .table-order-items .product-item-name {
        font-size: 16px;
        margin: 0 !important;
    }

    .price-including-tax .price,
    .price-excluding-tax .price {
        font-size: 14px;
        margin: 0 !important;
    }

    .order-details-items .table-order-items tbody td {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .actions-toolbar .actions a span {
        font-size: 15px;
    }

    .review-control-vote label:before,
    .review-control-vote:before {
        font-size: 15px;
        height: 32px;
        letter-spacing: 10px;
        line-height: 15px;
    }

    body.account.sales-order-view form.review-form label.label span {
        font-size: 15px;
    }

    body.account.sales-order-view .block.block-order-details-view .block-title {
        margin: 0 0 20px !important;
    }

    body.account.sales-order-view .block.block-order-details-view .block-title strong {
        font-size: 18px !important;
    }

    .order-details-items .order-title {
        margin: 0px 0 0px;
        padding: 0 5px 10px;
    }

    .order-details-items .order-title a {
        margin: 0;
    }

    .order-details-items .order-title .action,
    .order-details-items .order-title strong {
        margin: 0;
        font-size: 15px;
    }

    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item {
        width: 48% !important;
    }

    .column.main .product-items {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.same-section.trending-section .same-heading a {
        font-size: 18px;
    }

    .wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
        margin-left: 0 !important;
    }

    .products-grid.wishlist .product-item {
        margin-left: 0 !important;
    }

    body.account.wishlist-index-index form.form-wishlist-items .products-grid.wishlist .product-item:nth-child(3n + 1) {
        margin-left: 0 !important;
    }

    .block-collapsible-nav .item a,
    .block-collapsible-nav .item>strong {
        padding: 8px 10px 8px 10px;
        font-size: 15px;
    }

    .block-compare .block-title strong,
    .block-reorder .block-title strong,
    .widget .block-title strong,
    .block-wishlist .block-title strong {
        font-size: 15px;
    }

    .empty {
        font-size: 15px;
        line-height: 1.4;
    }

    .block.block-dashboard-info .block-title strong {
        font-size: 19px !important;
    }

    .account.customer-account-index .column.main .page-title-wrapper h1.page-title {
        font-size: 28px;
    }

    body.account main#maincontent {
        padding: 0 15px !important;
    }

    .password-strength-meter {
        background-color: transparent;
        height: auto;
        line-height: 1.4;
        padding: 0;
        position: relative;
        z-index: 1;
        font-size: 14px;
        margin: 5px 0 0;
    }

    main#maincontent {
        padding: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .product-details-img {
        height: auto;
    }

    .cart-menu .cart-item-count {
        top: -7px !important;
        right: -5px !important;
        font-size: 9px !important;
        width: 13px !important;
        height: 13px !important;
        line-height: 13px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .togglebtn img {
        max-height: 11px;
    }

    section.same-section.future-energy-section .row .col-lg-6:nth-child(2) .future-content-wrapper p {
        padding-left: 0;
    }

    section.same-section.future-energy-section .row .col-lg-6 {
        padding: 0 15px;
    }

    .notification-parent ul li a figure img {
        max-height: inherit !important;
        max-width: 38px !important;
    }

    .home-banner-main-content {
        max-width: 650px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .form-group textarea.form-control {
        height: 80px;
    }

    .cart-product-mainbox-inner .cardcheck-parent {
        left: 1%;
    }

    .cart-delivery-head h3 {
        font-size: 16px;
    }

    .delivery-box-wrapper>.form-check label.form-check-label {
        font-size: 16px;
    }

    .delivery-box-wrapper>.form-check input {
        top: 2px;
    }

    section.same-section.product-details-banner-section.pt-3 .row.border-top .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .row.customer-review-wrapper .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .product-left-image.row .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .product-left-image.row .col-lg-6 .product-details-img img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        border-radius: 10px;
    }

    .whislist-wrapper .col-lg-4 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    section.same-section.order-details-section .col-lg-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .fillter-main-fields {
        display: none;
    }

    .deal-product-banner-content h1 {
        font-size: 26px;
    }

    .deal-product-banner-content span {
        font-size: 12px;
    }

    .deal-product-banner-content p {
        font-size: 16px;
    }

    .fillter-wrapper {
        position: relative;
    }

    .fillter-main-fields {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
        z-index: 9;
        width: 280px;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgb(0 0 0 / 27%);
        opacity: 1;
        visibility: visible;
    }

    .fillter-main-fields.active {
        display: block !important;
    }

    .dashboard-middle-wrapper .manage-card-wrapper.row .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    section.same-section.cancel-order-section .col-lg-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .order-summary-inner h4,
    .order-summary-inner h5,
    .order-summary-inner p {
        font-size: 15px;
    }

    section.same-section.profile-details-section .col-lg-3 {
        display: none;
    }

    section.same-section.profile-details-section .col-lg-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .account-left-menu {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        width: 320px;
        background: #fff;
        box-shadow: 0 0 10px rgb(0 0 0 / 24%);
        z-index: 9;
        padding: 60px 10px 0;
        opacity: 0;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        visibility: hidden;
    }

    .account-left-menu.active {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    .profile-details-left .account-left-menu a.menu-close.user-detailsclose {
        left: 10px;
        top: 10px;
        background: #9c9c9c;
        width: 30px;
        height: 30px;
    }

    .profile-details-left .account-left-menu a.menu-close.user-detailsclose img {
        max-height: 12px;
    }

    .dashboard-leftbottom-box {
        bottom: 2%;
        left: 10px;
        right: 10px;
    }

    .dashboard-middle-content .profile-form.row .col-lg-6,
    .dashboard-middle-bottom.row .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .price-box-wrapper+.price-box-wrapper {
        margin: 20px 0 0;
    }

    .price-filler-box .form-check .form-check-label {
        font-size: 14px;
    }

    .price-filler-box .form-check .form-check-input {
        width: 15px;
        height: 15px;
        border-radius: 3px;
    }

    .price-filler-box .form-check+.form-check {
        margin: 6px 0 0;
    }

    .price-box-wrapper h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .filtter-box {
        margin: 0 0 15px;
        font-size: 18px;
        border-bottom: 1px solid rgb(0 0 0 / 11%);
        padding-bottom: 10px;
    }

    .deal-product-list .col-lg-4 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .deal-product-header p {
        font-size: 16px;
    }

    .deal-product-header select {
        font-size: 14px;
    }

    .login-form {
        padding-right: 0;
        max-width: 510px;
        margin: 0 auto;
    }

    .login-section {
        height: 100%;
        overflow-y: auto;
        background: #f8f8f8;
        padding: 50px 0;
    }

    .form-group.otp-field input {
        width: 55px;
        height: 50px;
        background: #fff;
    }

    .login-form .login-same-content a.back-btn {
        width: 35px;
        height: 35px;
        font-size: 22px;
    }

    .login-form .login-same-content {
        margin: 30px 0 0;
    }

    section.same-section.treding-section .same-heading {
        margin: 0 0 0;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0+section.same-section.future-energy-section {
        padding-bottom: 0 !important;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0>img,
    section.same-section.header-top-spacing.deal-product-banner-section>img {
        height: 180px;
    }

    .deal-product-banner.deal-product-banner-content.energy-parent-wrapper .energy-parent.mb-0 span {
        font-size: 12px;
    }

    section.same-section.header-top-spacing.deal-product-banner-section.pb-0+section.same-section.future-energy-section {
        padding-top: 10px !important;
    }

    section.same-section.future-energy-section .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .energy-parent h2 img {
        max-width: 22px;
    }

    footer .col-lg-6 .footer-menu.row .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
        margin: 50px 0 0;
    }

    .footer-top-content {
        padding-right: 0;
        max-width: 450px;
    }

    .footer-contact-details {
        margin: 20px 0 0;
    }

    .footer-top-content h3 {
        font-size: 24px;
    }

    .review-footer-content h3 {
        font-size: 20px;
    }

    .form-group label {
        font-size: 16px;
    }

    .footer-search-box input {
        font-size: 14px;
        padding-right: 56px !important;
    }

    .footer-polocy-wrapper .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .footer-button-parent ul li a span {
        font-size: 11px;
    }

    .footer-button-parent ul li a p {
        font-size: 14px;
    }

    .footer-button-parent ul li a {
        min-width: 150px;
        padding-left: 55px;
        border-radius: 5px;
    }

    .footer-button-parent h4 {
        font-size: 15px;
    }

    .header-right ul li a img {
        max-height: 16px !important;
        max-width: inherit !important;
    }

    section.same-section.treding-section .same-heading a {
        font-size: 16px;
    }

    .footer-polocy-wrapper .footer-contact-details li a,
    .footer-polocy-wrapper .footer-contact-details p {
        font-size: 15px;
    }

    .footer-bottom-content img {
        max-width: 80px;
    }

    .footer-inner-menu ul li a.viewmore {
        font-size: 15px;
    }

    .social-media-parent ul li a {
        width: 40px;
        height: 40px;
    }

    .social-media-parent ul li a img {
        max-height: 16px;
    }

    .footer-contact-details ul li a {
        font-size: 14px;
    }

    .footer-top-content .form-group p,
    .footer-top-content .form-group p a {
        font-size: 12px;
    }

    .container {
        max-width: 100%;
    }

    li.mobile-lg-none {
        display: none;
    }

    .banner-content {
        left: 15px;
        right: 15px;
    }

    .home-banner-main-content h1 img {
        max-width: 31px;
    }

    .home-banner-main-content h1 {
        font-size: 36px;
    }

    .same-heading {
        margin: 0 0 10px;
    }

    .same-heading h2,
    .clients-logo-content h2 {
        font-size: 28px;
    }

    .home-banner-main-content p {
        font-size: 18px;
    }

    section.banner-section {
        height: 70vh;
    }

    section.same-section.energy-section.pt-3 .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .solor-genetor-inner h2,
    .clients-logo-content h2 {
        font-size: 28px;
    }

    .solor-genetor-inner p,
    .clients-logo-content p {
        font-size: 16px;
    }

    section.same-section.max-section-width.deal-section .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    section.same-section.max-section-width.deal-section .col-lg-9 .col-lg-4 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
        margin: 20px 0 0;
    }

    .dela-box-parent>img {
        width: 100%;
        object-fit: cover;
    }

    section.same-section.max-section-width.arrival-section .col-lg-3 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .reviews-wrapper .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .energy-parent {
        margin: 0 0 30px;
    }

    section.same-section.max-section-width.energy-section .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .cta-image img {
        max-width: 340px;
        margin-bottom: -70px;
    }

    .footer-main-wrapper .col-lg-2 {
        max-width: 50%;
        flex: 0 0 50%;
        margin: 40px 0 0;
    }

    .footer-details ul {
        margin: 12px 0 0;
    }

    .footer-bottom-wrapper .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .slider-footer-left span {
        font-size: 11px;
        padding: 6px 5px;
    }

    .form-group.form-group-gender .form-check.form-check-inline input {
        top: 44%;
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
    }

    .form-group.form-group-gender .form-check.form-check-inline {
        position: relative;
    }

    .chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box .order-summary-wrapper {
        margin: 40px 0 0;
    }

    .chouse-card-option.giftcard-section-wrapper.cart-left-wrapper.cart-paument-summary-box {
        margin: 25px 15px 0;
    }

    .cart.main.actions button.action.update {
        padding: 10px 10px;
        font-size: 15px;
    }

    .cart-summary {
        padding: 1px 12px 15px !important;
    }

    body.checkout-cart-index h1.page-title {
        padding: 20px 0px 20px;
    }

    .table>:not(caption)>*>* {
        font-size: 14px;
    }

    .cart-totals .grand .mark,
    .opc-block-summary .table-totals .grand .mark {
        font-size: 15px;
    }

    body.checkout-cart-index main#maincontent {
        padding: 0 15px !important;
    }

    .field .control input,
    .field .control select {
        font-size: 14px !important;
        padding: 6px 6px !important;
        height: 35px !important;
    }

    .cart-summary .block .item-options {
        margin: 0 0 10px;
        font-size: 14px;
    }

    .field.choice input {
        width: 13px;
        height: 13px;
    }

    .cart-summary .block .fieldset .field {
        font-size: 14px;
    }

    .cart-summary>.title {
        font-size: 20px;
        margin: 13px 0;
    }

    dt.item-title {
        font-size: 14px;
    }

    body.checkout-onepage-success h1.page-title {
        font-size: 35px;
    }

    body.checkout-onepage-success .columns .column.main .checkout-success .actions-toolbar .primary .action.primary.continue {
        font-size: 14px;
        padding: 8px 10px;
        margin: 20px 0 0 !important;
        min-width: 150px;
    }

    body.checkout-onepage-success h1.page-title+a.action.print {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .bootom-visa-parent ul li {
        margin-bottom: 0;
    }

    .bootom-visa-parent ul li img {
        max-height: 20px;
        max-width: 50px;
    }

    .otp-success.text-center figure+h1 {
        font-size: 24px;
    }

    .block.block-addresses-default .block-title strong,
    .block.block-addresses-list .block-title strong {
        font-size: 18px !important;
        text-align: left !important;
        display: block !important;
        width: 100% !important;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section {
        padding: 20px 15px;
    }

    .dela-box-parent p {
        line-height: 1.6;
    }

    .page-main h2 {
        font-size: 18px !important;
    }

    body.cms-legal main#maincontent .page-main h5 {
        font-size: 16px !important;
        margin: 10px 0 !important;
    }

    .page-main td,
    .page-main th {
        font-size: 13px !important;
    }

    .page-main h4 {
        font-size: 16px !important;
    }

    .contect-content .field label.label span {
        font-size: 14px;
    }

    .contect-content h2 {
        font-size: 22px;
    }

    .page-main>.page-title-wrapper .page-title {
        font-size: 24px;
        padding: 10px 0 20px;
    }

    .page-main p,
    .page-main li {
        font-size: 14px !important;
    }

    body.checkout-onepage-success main#maincontent {
        padding: 10px !important;
    }

    header.fixed-home-header.is-sticky {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    body.checkout-onepage-success h1.page-title {
        font-size: 28px;
    }

    .checkout-success p {
        font-size: 14px;
    }

    body.checkout-onepage-success h1.page-title {
        padding: 30px 0 10px !important;
    }

    body.checkout-onepage-success .column.main {
        min-height: 100px;
    }

    .payment-method._active .payment-method-content .payment-method-billing-address .checkout-billing-address .billing-address-details {
        line-height: 28px;
        font-size: 14px;
    }

    .checkout-payment-method .payment-methods,
    .checkout-payment-method .payment-option {
        margin: 0 0;
    }

    .items.payment-methods .payment-group .step-title {
        font-size: 16px;
        margin: 0 0 0;
        padding: 0 0 10px;
    }

    .items.payment-methods .payment-group .payment-method .payment-method-title label.label span {
        font-size: 14px !important;
    }

    .payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title.field.choice span#block-discount-heading {
        font-size: 15px;
    }

    .checkout-payment-method .payment-option .payment-option-content {
        padding: 0 0 0;
    }

    .checkout-payment-method .payment-option._collapsible .payment-option-content form#discount-form .field .control input {
        padding: 10px 10px !important;
        font-size: 14px !important;
        height: 40px !important;
    }

    .checkout-payment-method .payment-option._collapsible .payment-option-content form#discount-form .actions-toolbar .primary button.action.action-apply {
        font-size: 12px;
        margin-left: 10px !important;
    }

    .payment-method._active .payment-method-content .payment-method-billing-address .checkout-billing-address .billing-address-same-as-shipping-block.field.choice {
        font-size: 14px;
    }

    .opc-estimated-wrapper {
        padding: 10px 15px;
    }

    .payment-method._active .payment-method-content .payment-method-billing-address {
        padding-left: 0;
    }

    .opc-estimated-wrapper .estimated-block {
        font-size: 14px;
    }

    .opc-estimated-wrapper .estimated-block {
        font-size: 16px;
    }

    .checkout-shipping-address .step-content .shipping-address-items button {
        padding: 6px 10px;
        font-size: 13px;
        width: 100%;
    }

    .checkout-shipping-method .step-title {
        font-size: 16px;
    }

    body.checkout-index-index .header.content a.logo img {
        max-width: 60px;
    }

    body.checkout-index-index .header.content {
        padding: 10px 10px 10px;
    }

    .minicart-wrapper .action.showcart .counter.qty {
        background: #55b54a;
        font-size: 14px;
    }

    .minicart-wrapper .action.showcart .counter-number {
        text-shadow: none;
    }

    .block-reviews-dashboard .product-name {
        font-size: 16px;
    }

    body.account .page-title-wrapper span.order-status {
        margin: 10px 0 20px !important;
    }

    .block-reviews-dashboard .rating-summary .label {
        font-size: 15px;
    }

    .account .table-order-items tbody tr td.col,
    .account .table-order-items tbody tr td.col strong,
    .account .table-order-items tbody tr td.col span {
        font-size: 14px !important;
    }

    body.page-print.account .column.main .order-details-items {
        padding: 0px !important;
    }

    body.page-print.account .order-details-items .order-title {
        margin: 10px 5px 0;
    }

    .order-details-items .order-title strong {
        font-size: 16px;
    }

    body.account .page-title-wrapper h1.page-title {
        font-size: 26px;
    }

    body.page-print.account .block.block-order-details-view .block-content .box strong.box-title span {
        font-size: 14px;
    }

    body.page-print.account .block.block-order-details-view .block-content .box .box-content {
        font-size: 14px;
    }

    body.page-print.account .block.block-order-details-view .block-content .box .box-content address {
        font-size: 14px !important;
    }

    body.page-print.account .block.block-order-details-view .block-title strong {
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    body.page-print.account .block.block-order-details-view .block-content {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    body.page-print.account .block.block-order-details-view .block-title {
        text-align: left;
        justify-content: start;
    }

    table#shopping-cart-table tbody tr:nth-child(even) {
        background: transparent;
        border: none;
    }

    table#shopping-cart-table tbody tr td .actions-toolbar {
        padding: 20px;
    }

    .cart.table-wrapper .towishlist:before {
        color: #fff;
        margin-left: 10px;
    }

    .cart.table-wrapper .cart>.item tr.item-info td.col.item {
        padding: 30px 15px 10px 90px;
    }

    .cart.table-wrapper .cart>.item {
        border: none;
    }

    .cart.table-wrapper .product-item-name {
        font-size: 16px;
        margin: 0;
    }

    .cart-summary .checkout-methods-items .action.primary.checkout {
        width: 100%;
        font-size: 16px;
        padding: 9px 15px;
        background: #000;
        border-color: #000 !important;
    }

    table#shopping-cart-table tbody tr td .actions-toolbar .action {
        top: 50%;
        transform: translateY(-50%);
    }

    body.account.wishlist-index-index form.form-wishlist-items {
        margin-top: 60px !important;
    }

    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item .product-item-info strong.product-item-name,
    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item .price-box.price-configured_price {
        margin: 0 !important;
    }

    .actions-toolbar>.primary {
        text-align: right;
    }

    body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button {
        width: auto;
    }

    .abs-pager-toolbar .limiter,
    .account .toolbar .limiter,
    .toolbar-giftregistry-results .limiter,
    .toolbar-wishlist-results .limiter {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .toolbar.wishlist-toolbar .pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .toolbar.wishlist-toolbar .pages {
        margin-bottom: 0;
    }

    .product-item-inner {
        display: none;
    }

    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item {
        padding: 0 !important;
        margin: 0 0 25px !important;
    }

    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item span.product-image-container {
        max-width: 100% !important;
    }

    section.same-section.trending-section .same-heading a {
        font-size: 16px;
    }

    .otp-bottom-content button#resend-otp {
        font-size: 12px;
    }

    .otp-bottom-content {
        flex-wrap: wrap;
    }

    .otp-bottom-content span:first-child {
        width: 100%;
    }

    .field .control input,
    .field .control select {
        font-size: 14px !important;
        height: 40px !important;
    }

    body.account.customer-address-form form.form-address-edit {
        margin: 50px 0 0 !important;
    }

    .field label.label span {
        font-size: 14px;
    }

    .account .column.main .page-title-wrapper h1.page-title {
        font-size: 25px;
        padding: 10px 0 0px !important;
        margin-bottom: 70px !important;
    }

    .sidebar.sidebar-main .block.block-collapsible-nav {
        margin: 50px 0 0px;
        top: 0;
    }

    .form.form-edit-account,
    .block.block-addresses-default,
    .table-wrapper.orders-history,
    .block.block-dashboard-info {
        margin-top: 40px;
    }

    .account.customer-account-index .block-title {
        display: block;
    }

    .block .box-actions a {
        font-size: 16px !important;
        color: #000;
        font-weight: 500;
    }

    .account .table-wrapper.orders-recent {
        overflow-x: auto;
    }

    .account .table-wrapper.orders-recent table {
        width: 900px !important;
        min-width: 900px;
    }

    body.account .column.main {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.login-section.max-section-width.login-page-section.reset-password-section .form-control-new {
        font-size: 14px !important;
        padding: 10px 10px !important;
    }

    .forgot-password-link a {
        font-size: 14px;
    }

    section.same-section.sustainability-banner-section.header-top-spacing .sustainability-banner {
        top: 30%;
    }

    .energy-box-wrapper {
        height: 350px;
    }

    .reviw-rating-wrapper h3 {
        font-size: 22px;
    }

    .review-rating-content span {
        font-size: 28px;
    }

    .product-slider-image-parent {
        height: 400px;
        overflow: hidden;
        border-radius: 10px;
    }

    .product-slider-image-parent img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mobile-product-slider.d-md-none .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 3%;
        text-align: center;
    }

    .mobile-product-slider.d-md-none .owl-dots button.owl-dot {
        width: 12px;
        height: 12px;
        border: 1px solid #fff;
        border-radius: 50%;
        margin: 0 3px;
        background: #fff;
    }

    .mobile-product-slider.d-md-none .owl-dots button.owl-dot.active {
        background: transparent;
    }

    .product-left-image.row {
        display: none;
    }

    .mobile-product-slider.d-md-none {
        margin: 0 0 20px;
        position: relative;
    }

    .order-summary-wrapper {
        padding: 15px 15px 0;
    }

    .trackorder-wrapper {
        padding: 15px;
    }

    .payment-header-heading a {
        width: 30px;
        height: 30px;
    }

    .payment-header-heading a img {
        max-height: 12px;
    }

    .giftcard-input button {
        height: 39px;
    }

    .dela-box-parent {
        text-align: center;
    }

    .dela-box-parent .dela-box-header {
        right: 0;
        top: 0;
        left: 0;
    }

    .dela-box-parent span {
        margin: 15px 0 5px;
    }

    .home-banner-main-content {
        max-width: 550px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body figure {
        width: 55px;
        height: 55px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body p {
        font-size: 14px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body p br {
        display: none;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-footer button {
        font-size: 13px;
    }

    .logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered {
        max-width: 550px;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-body .form-group label {
        font-size: 14px;
    }

    .bulkproduct-modal-form.replacement-policy-modal.row p {
        font-size: 14px !important;
        margin: 10px 0 0 !important;
    }

    .login-form-inner .form-group label {
        font-size: 14px;
    }

    .login-same-content p {
        font-size: 14px;
    }

    .otp-bottom-content span {
        font-size: 12px;
    }

    .login-same-content h2 {
        font-size: 24px;
    }

    .product-details-right h2 {
        font-size: 26px;
    }

    .product-share-box-price h3 {
        font-size: 24px;
    }

    .product-share-box-price p {
        font-size: 14px;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        font-size: 14px;
    }

    .delivery-inner-box h3 {
        font-size: 14px;
    }

    .customer-review-box p {
        font-size: 14px;
    }

    .customer-review-header h3 {
        font-size: 18px;
    }

    .customer-review-header span {
        font-size: 14px;
    }

    .product-left-image.row .col-lg-6 .product-details-img img {
        height: 150px;
    }

    section.same-section.product-details-banner-section.pt-3 .row.border-top .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 15px 0 0;
    }

    .notification-parent .notification-msg h3 {
        font-size: 18px;
    }

    .notification-parent ul li a p {
        font-size: 14px;
    }

    .notification-bottom span {
        font-size: 12px;
    }

    .whislist-wrapper {
        padding: 15px;
    }

    .whislist-wrapper .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .sustainability-bottom-content h2 {
        font-size: 20px;
    }

    .sustainability-content h2 {
        font-size: 22px;
    }

    .sustainability-content h2 img {
        max-width: 140px;
    }

    section.same-section.sustainability-banner-section.header-top-spacing>img {
        height: 150px;
    }

    .sustainability-bottom-content p {
        font-size: 14px;
        margin: 10px 0 0;
    }

    .cart-left-wrapper {
        padding: 15px 15px;
    }

    .chouse-bank-account p {
        font-size: 14px;
    }

    .header-top-content h4 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .cart-header-top-right a {
        font-size: 14px;
    }

    .order-inner-parent {
        padding: 15px;
    }

    .order-inner-parent p {
        font-size: 14px;
    }

    .order-header a {
        padding: 8px 7px;
        border-radius: 5px;
    }

    .order-inner-parent ul li {
        width: 55px;
        height: 55px;
    }

    .deal-product-list .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .deal-product-header p {
        font-size: 14px;
    }

    .deal-product-header select {
        font-size: 12px;
    }

    .managecard-form .form-group .form-control {
        font-size: 14px;
    }

    .dashboard-middle-wrapper .manage-card-wrapper.row .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .dashboard-middle-wrapper .manage-card-wrapper.row .col-lg-6:last-child {
        margin: 20px 0 0;
    }

    .select-card-box h4 {
        font-size: 14px;
    }

    .card-details-inner p {
        font-size: 14px;
    }

    .select-card-box-wrapper+.select-card-box-wrapper {
        margin: 20px 0 0;
    }

    .chouse-card-option h3 {
        font-size: 18px;
        padding-bottom: 3px;
    }

    .cart-delivery-head h3 {
        font-size: 18px;
    }

    .dashboard-header p {
        font-size: 14px;
    }

    .dashboard-header,
    .dashboard-middle-content {
        padding: 15px 15px;
    }

    .dashboard-middle-bottom.row {
        margin: 0 15px 0px;
    }

    .profile-form.row .form-group label {
        font-size: 14px;
    }

    .dashboard-top-box {
        padding: 10px;
        border-radius: 5px;
    }

    .account-left-menu.active>h3 {
        font-size: 16px;
    }

    .dashboard-middle-bottom.row .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 20px;
    }

    .opne-search-box input[type="text"] {
        font-size: 14px;
    }

    .search-box-wrapper .opne-search-box {
        width: 300px;
        margin: 5px 0 0;
    }

    .search-box-wrapper label {
        font-size: 14px;
    }

    .card-manage-inner ul#myTab li.nav-item button {
        font-size: 14px;
        padding: 8px 10px;
        border-radius: 7px !important;
    }

    .managecard-form .form-group label {
        font-size: 14px;
        margin: 0 0 5px;
    }

    .managecard-form .form-group {
        margin: 0 0 15px;
    }

    .select-card-box-wrapper.address-select-box .select-card-box p,
    .cardcheck-parent label {
        font-size: 14px;
    }

    .select-card-box-wrapper.address-select-box .form-check .form-check-input {
        width: 15px;
        height: 15px;
    }

    .cardcheck-parent .form-check {
        padding-left: 24px;
    }

    .card-bottom-btn .btn {
        font-size: 14px;
        padding: 10px 15px;
    }

    .search-box-wrapper,
    .manage-card-wrapper.row {
        padding: 10px;
    }

    .card-manage-inner {
        padding: 15px;
    }

    .again-btn {
        padding: 10px 15px;
        padding: 9px 10px;
        font-size: 14px;
    }

    .products-price-wrapper,
    .payment-box-wrapper,
    .product-rateus-wrapper {
        padding: 15px;
    }

    .dashboard-header.backpage .back-invoice-header>a {
        left: 15px;
    }

    .dashboard-header.backpage {
        padding-left: 65px;
    }

    .maindetails-header.dashboard-header {
        padding: 15px;
    }

    .merchant-payment-left span {
        font-size: 14px;
    }

    .product-upload-box a {
        margin: 15px 0 0;
    }

    .rateus-innerchild ul li a img {
        max-height: 11px;
    }

    section.same-section.carousel-categories-section,
    section.same-section.deal-section {
        padding-left: 0;
    }

    section.same-section.energy-section.pt-3 .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
        margin: 15px 0 0;
    }

    .energy-box-wrapper>img {
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .home-banner-main-content span {
        font-size: 13px;
    }

    .home-banner-main-content h1 {
        font-size: 34px;
    }

    .home-banner-main-content h1 img {
        max-width: 30px;
    }

    .home-banner-main-content p {
        font-size: 16px;
        margin: 7px 0 0;
    }

    .banner-right-box {
        max-width: 230px;
        padding: 6px;
        margin-right: 0px;
    }

    .banner-right-box a {
        max-width: 32px;
    }

    .energy-content-box p {
        font-size: 14px;
    }

    a.btn.btn-primaryx {
        font-size: 14px;
        min-width: 100px;
        padding: 8px 10px;
    }

    section.same-section.deal-section .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    section.same-section.deal-section .col-lg-9 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .dela-box-parent h2 {
        font-size: 19px;
        margin: 0;
    }

    .dela-box-parent a.deafult-circle-btn {
        margin: 10px 0 0 auto;
    }

    .review-heading-parent h2 {
        font-size: 22px;
    }

    .review-heading-parent p {
        font-size: 14px;
    }

    .banner-video-wrapper {
        height: 70vh;
    }

    header.fixed-home-header {
        left: 20px;
        right: 20px;
        top: 25px;
    }

    .slider-item {
        padding: 8px 8px 10px;
    }

    section.same-section.carousel-categories-section .container-fluid,
    section.same-section.deal-section .container-fluid {
        padding-right: 15px;
    }

    .solor-genetor-inner h2,
    .clients-logo-content h2 {
        font-size: 22px;
    }

    .solor-genetor-inner p,
    .clients-logo-content p {
        font-size: 14px;
    }

    .solor-genetor-inner a.btn.btn-primaryx {
        margin: 15px 0 0;
    }

    .clients-logo-section .clients-logo-wrapper {
        padding: 30px 10px;
    }

    section.same-section.treding-section .same-heading a {
        font-size: 16px;
    }

    .same-heading h2 {
        font-size: 20px;
    }

    section.same-section.treding-section .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .review-heading-parent h2 {
        font-size: 20px;
    }

    .energy-parent h2 {
        font-size: 22px;
    }

    .energy-parent h2 img {
        max-width: 18px;
        margin-left: 5px;
    }

    .same-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .same-heading h2 {
        font-size: 22px;
    }

    .slider-item.again-slider-box .slider-inner-content p {
        font-size: 15px;
    }

    .slider-item.again-slider-box .slider-inner-content h2 {
        font-size: 16px;
    }

    .categories-box h3 {
        font-size: 14px;
    }

    .top-rated-product .toprated-content p {
        font-size: 14px;
    }

    .toprated-bottom .btn-primaryx {
        font-size: 12px;
        padding: 6px 8px;
    }

    .reviews-wrapper {
        padding: 20px 20px;
    }

    .reviews-wrapper .col-carousel {
        margin: 20px 0 0;
    }

    .review-box-wrapper p {
        font-size: 14px;
    }

    .review-footer-content h3 {
        font-size: 15px;
    }

    .review-footer-content span {
        font-size: 13px;
    }

    .energy-parent span {
        font-size: 12px;
        border-radius: 5px;
        padding: 8px 10px;
    }

    .energy-parent h2 {
        font-size: 26px;
    }

    .energy-content-box h3 {
        font-size: 24px;
    }

    .future-content-wrapper p {
        font-size: 14px;
    }

    section.same-section.max-section-width.energy-section+section.same-section.max-section-width.energy-section .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    section.same-section.max-section-width.energy-section+section.same-section.max-section-width.energy-section .col-lg-6:first-child {
        display: none;
    }

    .cta-content {
        max-width: 100%;
    }

    .cta-wrapper {
        padding: 30px 20px;
        border-radius: 13px;
    }

    .cta-content h2 {
        font-size: 20px;
    }

    .cta-content p {
        font-size: 14px;
    }

    a.cta-btn .cta-btn-text h4 {
        font-size: 14px;
    }

    a.cta-btn img {
        max-height: 27px;
    }

    a.cta-btn {
        border-radius: 7px;
        padding: 7px 9px;
    }

    footer.same-section.max-section-width.footer-section .footer-main-wrapper {
        padding: 20px 20px 20px;
        border-radius: 13px 13px 0 0;
    }

    .footer-bottom-wrapper {
        padding: 20px 0;
        border-radius: 0;
    }

    .footer-bottom-content {
        padding-right: 30px;
    }

    .footer-polocy-wrapper .footer-contact-details li a,
    .footer-polocy-wrapper .footer-contact-details p {
        font-size: 14px;
    }

    .banner-content {
        left: 0;
        right: 0;
    }

    .footer-bottom-content p {
        font-size: 14px;
        margin: 0px 0 10px;
        text-align: left;
    }

    .footer-bottom-content ul {
        justify-content: center;
    }

    .footer-bottom-content ul li a {
        font-size: 14px;
    }

    .footer-menu ul li+li {
        margin: 9px 0 0;
    }

    .footer-menu h3 {
        font-size: 22px;
        margin: 0 0 10px;
    }

    .footer-button-parent h4 {
        font-size: 13px;
    }

    .footer-details p,
    .footer-details ul li,
    .footer-details ul li a {
        font-size: 14px;
    }

    .footer-details h2 {
        font-size: 22px;
    }

    footer.same-section.max-section-width.footer-section {
        padding-top: 0 !important;
    }

    section.same-section.max-section-width.deal-section .col-lg-9 .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    section.same-section.max-section-width.arrival-section .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .owl-carousel.review-slider .owl-nav {
        text-align: center;
    }

    .owl-carousel.review-slider .owl-nav button {
        position: inherit;
        top: inherit;
        transform: translateY(0);
        bottom: -70px;
        margin: 0 1px;
    }

    .owl-carousel.review-slider .owl-nav button {
        background-size: 13px !important;
    }

    .categories-box+.categories-box {
        margin: 15px 0 0;
    }

    .footer-bottom-wrapper .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-button-parent ul li a img {
        max-height: 29px;
    }

    .footer-button-parent ul li a {
        min-width: 140px;
        padding-left: 47px !important;
        border-radius: 5px;
        padding: 5px 5px;
    }

    footer {
        padding: 30px 0 20px;
    }

    .footer-search-box button {
        width: 30px;
        height: 30px;
    }

    .footer-search-box button img {
        max-height: 12px;
    }

    .footer-polocy-wrapper .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-polocy-wrapper .footer-contact-details p {
        text-align: left;
        margin-top: 10px;
    }

    .footer-button-parent ul {
        margin: 20px 0 0;
    }

    .home-banner-main-content p br {
        display: none;
    }

    .solor-genetor-wrapper {
        height: 100%;
    }

    .solor-genetor-wrapper>img {
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }

    .modal.logut-popup .modal-dialog .modal-content .modal-header button.btn-close {
        top: 2%;
        right: 3%;
    }

    .modal.logut-popup .modal-dialog {
        max-width: 380px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .slick-list {
        padding-left: 0 !important;
    }

    section.same-section.deal-section .sliderone.slick-initialized.slick-slider {
        padding-left: 15px !important;
    }

    .cart-summary {
        padding: 1px 0px 15px !important;
    }

    .cart.table-wrapper.detailed tbody>tr>td:last-child {
        padding: 10px 0 0;
    }

    .cart-container .form-cart .actions.main {
        align-items: flex-end;
    }

    .box-content address,
    .block .box-actions a.action.edit {
        font-size: 14px !important;
    }

    .account .column.main .block:not(.widget) .block-content .box .box-content {
        font-size: 14px;
    }

    .block-order-details-view .box-title span {
        font-size: 14px !important;
    }

    .actions-toolbar .primary .action {
        font-size: 16px;
    }
}

@media screen and (max-width: 639px) {
    .account .table-wrapper.orders-recent table {
        width: 100% !important;
        min-width: 100%;
    }
}

@media screen and (max-width: 620px) {
    section.same-section.future-energy-section .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 25px 0 0;
        text-align: center;
    }

    section.same-section.future-energy-section .row .col-lg-6:nth-child(3) {
        order: 2;
    }

    section.same-section.future-energy-section .row .col-lg-6:nth-child(4) {
        order: 1;
    }

    .header-mein-top p {
        font-size: 12px;
    }

    .home-banner-main-content h1 {
        font-size: 30px;
    }

    .home-banner-main-content span {
        font-size: 12px;
        padding: 7px;
    }

    .profile-form.row .col-lg-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 20px;
    }

    .form-group.login-btn .default-btn {
        font-size: 14px;
        padding: 10px 15px;
        width: 100%;
    }

    .order-details-items .order-title {
        flex-wrap: wrap;
    }

    .order-details-items .order-title strong {
        width: 100%;
    }

    body.account .column.main ul.items+.order-details-items .actions-toolbar a {
        font-size: 14px;
    }

    body.account .column.main ul.items+.order-details-items .actions-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 6px;
        padding: 0;
    }

    .order-details-items .order-title strong {
        margin: 5px 0 5px !important;
    }
}

@media screen and (max-width: 576px) {
    section.same-section.trending-section .row .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    li.mobile-lg-none {
        margin-left: 5px;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section {
        padding: 20px 15px;
    }

    .review-box-wrapper p {
        min-height: initial;
    }

    body.account main#maincontent {
        padding: 0 5px !important;
    }

    body.account .column.main ul.items li.nav.item strong,
    body.account .column.main ul.items li.nav.item a {
        font-size: 14px;
        padding: 0 0;
    }

    .order-details-items .order-title .action,
    .order-details-items .order-title strong {
        margin: 6px 0 0;
        font-size: 13px !important;
    }

    .toolbar.wishlist-toolbar .pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .toolbar.wishlist-toolbar .pager .limiter {
        width: 100%;
        text-align: left;
        margin: 10px 0 0;
        justify-content: start;
    }

    .footer-bottom-content {
        padding-right: 0;
    }

    .abs-pager-toolbar .toolbar-amount,
    .account .toolbar .toolbar-amount,
    .toolbar-giftregistry-results .toolbar-amount,
    .toolbar-wishlist-results .toolbar-amount {
        font-size: 14px;
    }

    .abs-pager-toolbar .limiter,
    .account .toolbar .limiter,
    .toolbar-giftregistry-results .limiter,
    .toolbar-wishlist-results .limiter {
        font-size: 14px;
    }

    .product-item-details .actions-primary button {
        font-size: 10px !important;
        padding: 7px 10px !important;
    }

    body.account.wishlist-index-index .products-grid.wishlist ol.product-items li.product-item {
        width: 100% !important;
        margin: 0 0 15px !important;
    }

    body.account.wishlist-index-index script#form-tmpl+.toolbar.wishlist-toolbar {
        margin: 30px 0;
    }

    body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button {
        padding: 5px 10px;
        font-size: 13px;
    }

    body.account.wishlist-index-index .products-grid.wishlist {
        margin-bottom: 20px;
    }

    .estimate-wrapper-parent {
        flex-wrap: wrap;
    }

    .estimate-time-parent {
        width: 100%;
    }

    .order-header {
        margin: 15px 0 5px;
        width: 100%;
    }

    .order-header a {
        padding: 5px 5px;
        font-size: 12px;
    }

    .estimate-wrapper-parent .order-header h3 {
        font-size: 15px;
        margin-right: 15px;
    }

    .delivery-inner-box p {
        font-size: 13px;
    }

    .delivery-inner-box figure img {
        max-width: 20px;
        max-height: 20px;
    }

    .delivery-inner-box {
        padding-left: 30px;
    }

    .product-details-right h2 {
        font-size: 22px;
    }

    .product-share-box-price h3 {
        font-size: 20px;
    }

    .product-rating ul li img {
        max-width: 12px;
    }

    .product-rating ul li+li {
        margin-left: 3px;
    }

    .product-slider-image-parent {
        height: 300px;
    }

    .badcrumb-inner ul li a {
        padding: 2px;
    }

    .badcrumb-inner ul li+li {
        margin-left: 5px;
    }

    .badcrumb-inner ul li img {
        max-height: 10px;
    }

    .trackorder-wrapper ul li h5 {
        font-size: 14px;
    }

    .trackorder-wrapper ul li p {
        font-size: 12px;
    }

    .sustainability-content h2 img {
        max-width: 120px;
    }

    .home-banner-main-content h1 {
        font-size: 26px;
    }

    .logut-popup.cancel-product.bulk-product .modal-dialog.modal-dialog-centered.help-center-modal {
        margin: 0 auto;
        padding: 0 15px;
    }

    .reviews-wrapper {
        padding: 15px 10px;
    }

    .header-top-content p {
        font-size: 11px;
    }

    .cart-header-top-box {
        padding: 10px;
    }

    .cart-header-top-right a {
        font-size: 12px;
    }

    .cart-total-product .cart-total-select a {
        font-size: 12px;
    }

    .form-bottom-content ul {
        flex-wrap: wrap;
    }

    .form-bottom-content ul li {
        width: 100%;
    }

    .form-bottom-content ul li+li {
        margin: 10px 0 0;
    }

    .row.customer-review-wrapper .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 15px;
    }

    .badcrumb-inner ul li a,
    .badcrumb-inner ul li {
        font-size: 12px;
    }

    .product-left-image.row .col-lg-6 .product-details-img img {
        height: 100px;
    }

    .whislist-wrapper .col-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 15px;
    }

    .sustainability-content h2 {
        flex-wrap: wrap;
    }

    .dashboard-header.backpage {
        flex-wrap: wrap;
    }

    .dashboard-header.backpage .invoice-btn-parent {
        width: 100%;
        margin: 10px 0 0;
    }

    .dashboard-header.backpage .back-invoice-header>a {
        top: 30%;
    }

    .reviews-wrapper .row {
        text-align: center;
    }

    .opne-search-box input[type="text"] {
        padding: 0 35px 0 10px;
        font-size: 14px;
    }

    .reviews-wrapper .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .review-heading-parent br {
        display: none;
    }

    section.same-section.max-section-width.energy-section .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 15px 0 0;
    }

    section.same-section.max-section-width.energy-section .col-lg-6:nth-child(3) {
        order: 4;
    }

    .energy-parent {
        margin: 0 0 0px;
    }

    section.same-section.treding-section .col-lg-3 {
        max-width: 50%;
        flex: 0 0 50%;
        margin-top: 15px;
    }

    .reviw-rating-wrapper h3 {
        font-size: 18px;
    }

    .review-rating-content span {
        font-size: 29px;
    }

    .energy-box-wrapper>img {
        height: 290px;
    }

    .solor-genetor-wrapper>img {
        height: 250px;
    }

    section.same-section.deal-section {
        background: transparent;
    }

    section.same-section.deal-section .slider-item {
        padding: 10;
        background: #fff;
        border: none;
        border-radius: 8px;
    }

    .slider-inner-content p {
        font-size: 14px;
        margin: 0 0 7px;
    }

    .slider-inner-content ul li img {
        max-height: 11px;
    }

    .slider-inner-content ul {
        margin: 0 0 8px;
    }

    .slider-footer-left del {
        font-size: 12px;
    }

    .slider-footer-left span {
        font-size: 10px;
    }

    .slider-inner-content h2 {
        font-size: 16px;
    }

    .slider-item-inner-content a.likebtn {
        width: 25px;
        height: 25px;
    }

    section.same-section.deal-section {
        padding-top: 0 !important;
    }

    section.same-section.deal-section {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 480px) {
    .footer-polocy-wrapper .footer-contact-details li span {
        width: 100%;
        height: 1px;
        background: rgb(255 255 255 / 9%);
        border-radius: 0;
    }

    body#html-body.customer-account-create main#maincontent section.login-section.max-section-width.login-page-section {
        padding: 20px 15px;
    }

    .product-details-btn.form-group.login-btn ul {
        flex-wrap: wrap;
    }

    .product-details-btn.form-group.login-btn ul li:first-child {
        width: 100%;
        margin: 0 0 0px !important;
    }

    .product-details-btn.form-group.login-btn ul li:nth-child(3) {
        margin-left: 10px !important;
    }

    .product-details-btn.form-group.login-btn ul li:nth-child(2),
    .product-details-btn.form-group.login-btn ul li:nth-child(3) {
        margin: 10px 0 0 0;
        width: 48%;
    }

    .product-details-btn.form-group.login-btn ul li form button.btn.default-btn {
        min-width: initial;
        width: 100%;
    }

    .bulk-product-parent .toprated-bottom a.btn.btn-primaryx {
        padding: 7px 5px;
        font-size: 12px;
        min-width: 76px;
    }

    .energy-box-wrapper {
        height: 100%;
    }

    section.same-section.energy-section.pt-3 .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .energy-box-wrapper>img {
        height: 250px;
    }

    .upload__img-box {
        width: 16%;
    }

    .upload__img-box .img-bg {
        background-size: 40px;
        padding: 28px 0;
        width: 50px;
        height: 50px;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        min-width: 185px;
    }

    .notification-parent .notification-msg {
        width: 100%;
    }

    .badcrumb-inner ul {
        flex-wrap: wrap;
    }

    .row.border-top {
        margin-top: 20px !important;
        padding: 20px 0;
    }

    .giftcard-input {
        flex-wrap: wrap;
    }

    .giftcard-input button {
        width: 100%;
        margin: 10px 0 0;
        font-size: 14px;
        padding: 10px 15px;
        height: auto;
    }

    .order-header {
        margin: 10px 0 10px;
    }

    .order-header a {
        padding: 5px 5px;
        border-radius: 5px;
        font-size: 12px;
    }

    .deal-product-list .col-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 15px 0 0;
    }

    .product-price-inner {
        flex-wrap: wrap;
    }

    .product-price-img {
        width: 100%;
    }

    .product-price-content {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .product-rateus-parent {
        flex-wrap: wrap;
    }

    .product-rateus-parent .product-rateus-inner {
        width: 100%;
        margin: 0 0 20px;
    }

    .product-upload-box {
        width: 100%;
    }

    .dashboard-header.backpage .back-invoice-header>a {
        width: 30px;
        height: 30px;
        font-size: 19px;
        border-radius: 5px;
    }

    .dashboard-header.backpage {
        padding-left: 55px;
    }

    .again-btn,
    a.invoice-btn {
        padding: 8px 8px;
        font-size: 12px;
    }

    .order-summary-inner h4,
    .order-summary-inner h5,
    .order-summary-inner p {
        font-size: 14px;
    }

    .product-upload-box a {
        font-size: 14px;
        padding: 10px 10px;
    }

    .product-price-content p {
        text-align: left;
    }

    a.search-box {
        width: 30px;
        height: 30px;
    }

    .roundcircle {
        width: 30px;
        height: 30px;
    }

    .cart-roundcircle {
        width: 30px;
        height: 30px;
    }

    a.togglebtn {
        width: 30px;
        height: 30px;
    }

    a.search-box img {
        max-width: 12px;
    }

    .roundcircle img {
        max-width: 12px;
    }

    .cart-roundcircle img {
        max-height: 14px;
    }

    .dela-box-parent a.deafult-circle-btn {
        margin: 40px 0 0 auto;
    }

    footer {
        padding: 30px 0 20px;
    }

    .footer-top-content h3,
    .footer-menu h3 {
        font-size: 21px;
    }

    .footer-button-parent h4 {
        font-size: 14px;
    }

    .dela-box-parent h2 {
        font-size: 18px;
        margin: 0 0 0;
    }

    .footer-bottom-content {
        padding-right: 0;
    }

    .header-menu>ul {
        width: 100%;
    }

    .row.customer-review-wrapper {
        margin-top: 40px;
    }

    .solor-genetor-inner p br {
        display: none;
    }

    .energy-content-box {
        left: 10px;
        right: 10px;
        width: inherit;
    }
}

@media screen and (max-width: 420px) {
    .contact-page-form .row .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.account.wishlist-index-index form.form-wishlist-items .actions-toolbar .primary button {
        width: 100%;
        margin: 10px 0 0 !important;
    }

    .card-bottom-btn {
        flex-wrap: wrap;
    }

    .card-bottom-btn .btn {
        width: 100%;
    }

    .card-bottom-btn .btn+.btn {
        margin-top: 10px;
    }

    .upload__img-box {
        width: 20%;
    }

    .login-section .container-fluid {
        padding: 0;
    }

    .form-group.otp-field input+input {
        margin-left: 5px;
    }

    .form-group.otp-field input {
        width: 45px;
        height: 45px;
    }

    .account-left-menu.active {
        width: 100%;
    }

    .footer-bottom-content {
        text-align: left;
    }

    .footer-bottom-content ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-main-wrapper .col-lg-2 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 29px 0 0;
    }

    .footer-bottom-content ul li {
        width: 100%;
    }

    .footer-bottom-content ul li+li {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0;
    }

    .footer-bottom-content ul li:before {
        display: none;
    }

    .carousel-categories .categories-box {
        width: 100%;
    }

    .logo img {
        max-width: 110px;
    }

    .product-details-btn a.btn.sharebtn {
        padding: 10px 20px;
    }

    .footer-search-box button {
        right: 4px;
    }

    a.btn.btn-primaryx {
        font-size: 11px;
        min-width: 90px;
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 380px) {
    .header-mein-top {
        padding: 5px;
    }

    .home-banner-main-content h1 br {
        display: none;
    }

    .product-details-btn.form-group.login-btn ul li a.btn.default-btn {
        min-width: 165px;
    }

    .search-box-wrapper .opne-search-box {
        width: 100%;
    }

    section.same-section.treding-section .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .upload__img-box {
        width: 25%;
    }

    .footer-button-parent ul li a {
        min-width: 100%;
    }
}

#root {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#root main {
    flex: 1;
}

a {
    cursor: pointer;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2');
    font-display: swap;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

header.fixed-home-header {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.09);
    padding-bottom: 16px;
}

header.fixed-home-header.is-sticky {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

#root main {
    padding-top: 0;
}

body.home-page #root main {
    padding-top: 0;
}

@media (max-width: 1023px) {
    .header-right li.language-selector .goog-te-gadget-simple a>span:first-child {
        display: none !important;
    }

    .header-right li.language-selector .goog-te-gadget-icon {
        margin-right: 0;
    }

    .header-right ul li.language-selector {
        padding: 0 4px;
    }

    .header-right ul li.language-selector div div div {
        min-width: initial !important;
        padding-right: 4px !important;
    }
}

@media (min-width: 1024px) {
    .header-menu ul li a.active {
        color: #55B54A !important;
    }
}

/* ── Mobile menu overlay (black-layer) ─────────────────────── */
.blacklayer {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.blacklayer.active {
    display: block;
}

/* ── Product badge overlay on card image ───────────────────── */
.slider-item-inner-content figure {
    position: relative;
}

/* Deal section — left box same height as product cards */
.deal-section .dela-box-parent {
    height: 100%;
}

.deal-section .deal-slider-wrapper.row {
    height: auto;
}

.deal-section .dela-box-parent a.deafult-circle-btn {
    margin-top: 20px !important;
}

/* Compact deal slider: card spacing + match reference site proportions */
.deal-slider-wrapper .slick-slide {
    padding: 0 8px;
}

.deal-slider-wrapper .slick-list {
    margin: 0 -8px;
}

.deal-slider-wrapper .slider-item-inner-content figure {
    height: 175px !important;
}

.deal-slider-wrapper .slider-inner-content p {
    font-size: 14px !important;
    line-height: 1.3;
    margin: 0 0 4px;
}

.deal-slider-wrapper .slider-inner-content h2 {
    font-size: 22px !important;
}

.deal-slider-wrapper .slider-inner-content ul {
    margin: 4px 0 8px !important;
}

.deal-slider-wrapper .slider-inner-content .slider-footer-left del,
.deal-slider-wrapper .slider-inner-content .slider-footer-left span {
    font-size: 13px !important;
}

.product-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-badge.badge-green {
    background: #55B54A;
    color: #fff;
}

.product-badge.badge-new {
    background: #2895FC;
    color: #fff;
}

/* Product card price — see .slider-footer-left in custom.css */
/* ── Cart badge ─────────────────────────────────────────────── */
.cart-menu {
    position: relative;
}

.cart-menu .cart-item-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #FC0000;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* ── Auth pages ─────────────────────────────────────────────── */
.auth-page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.auth-page-wrapper .page-main {
    flex: 1;
}

/* Login/register form layout matches Magento live site */
.forgot-password-link a {
    color: #56b54b;
    font-size: 18px;
    font-weight: 500;
}

/* ── Form messages ──────────────────────────────────────────── */
.custom-form-message.error {
    color: #991b1b;
    background: #fff1f1;
    border: 1px solid #fca5a5;
    padding: 13px 16px;
    border-radius: 8px;
    margin-bottom: 18px;
}

.custom-form-message.success {
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #86efac;
    padding: 13px 16px;
    border-radius: 8px;
    margin-bottom: 18px;
}

.custom-form-message.active {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-form-message .cfm-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

/* Password toggle inside input */
.password-field-wrap {
    position: relative;
}

.login-form-inner .toggle-password,
.acct-form-section .toggle-password,
.password-field-wrap .toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    color: #626262;
    line-height: 1;
    font-size: 18px;
}

.login-form-inner .toggle-password:hover,
.acct-form-section .toggle-password:hover {
    color: #55b54a;
}

/* ── Account (Magento-style) ─────────────────────────────────── */
.acct-layout {
    padding: 40px 15px 70px;
}

.acct-sidebar {
    border: 1px solid #ddd;
    background: #fff;
}

.acct-nav-toggle {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: none;
    background: #fff;
    color: #252d3a;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.acct-nav-toggle-chevron {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #252d3a;
    border-bottom: 2px solid #252d3a;
    transform: rotate(45deg);
    transition: transform .15s ease;
    flex-shrink: 0;
}

.acct-nav-toggle.is-open .acct-nav-toggle-chevron {
    transform: rotate(-135deg);
    margin-top: 4px;
}

.acct-nav a {
    display: block;
    padding: 10px 10px;
    color: #252d3a;
    font-size: 14px;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: color .12s, background .12s;
}

.acct-nav a:hover,
.acct-nav a.active {
    color: #55b54a;
    border-left-color: #55b54a;
    background: #f6fbf5;
}

.acct-nav-hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 2px 0;
}

.acct-nav-logout {
    color: #555 !important;
}

@media screen and (max-width: 991px) {
    .acct-nav-toggle {
        display: flex;
        border-bottom: 1px solid #ddd;
    }

    .acct-nav {
        display: none;
        border-top: none;
    }

    .acct-nav.is-open {
        display: block;
    }
}

.acct-widget {
    border-top: 1px solid #ddd;
    padding: 15px 10px;
}

.acct-widget-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #252d3a;
    margin: 0 0 12px;
    letter-spacing: .3px;
}

.acct-widget-badge {
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
}

.acct-recent-row {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: #252d3a;
    cursor: pointer;
    margin-bottom: 7px;
}

.acct-widget-add-btn {
    width: 100%;
    background: #252d3a;
    color: #fff;
    border: none;
    padding: 7px 0;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin: 5px 0 10px;
}

.acct-widget-link {
    color: #55b54a;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-top: 6px;
}

.acct-wl-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    position: relative;
}

.acct-wl-x {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.acct-wl-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
}

.acct-wl-info {
    flex: 1;
}

.acct-wl-name {
    font-size: 13px;
    color: #55b54a;
    margin-bottom: 3px;
    line-height: 1.3;
    padding-right: 12px;
}

.acct-wl-price {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #252d3a;
}

.acct-wl-atc {
    background: #55b54a;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-size: 11px;
    cursor: pointer;
}

/* Main */
.acct-page-title {
    font-size: 30px;
    font-family: 'Bebas Neue';
    font-weight: normal;
    color: #252d3a;
    margin: 0 0 24px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.acct-box {
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 24px;
    overflow: hidden;
}

.acct-box-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px;
    border-bottom: 1px solid #ddd;
}

.acct-box-hd h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    color: #252d3a;
}

.acct-hd-link {
    font-size: 16px;
    color: #55b54a;
    text-decoration: none;
}

.acct-box-bd {
    padding: 20px 10px;
}

.acct-sub-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #252d3a;
}

.acct-info-text {
    font-size: 16px;
    color: #555;
    margin: 0 0 4px;
    line-height: 1.6;
}

.acct-info-links {
    margin-top: 10px;
    font-size: 17px;
}

.acct-info-links a,
.acct-green-link {
    color: #55b54a;
    text-decoration: none;
    font-size: 14px;
}

.acct-addr-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.acct-orders-tbl {
    width: 100%;
    border-collapse: collapse;
}

.acct-orders-tbl thead tr {
    background: #55b54a;
}

.acct-orders-tbl thead th {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px;
    text-align: left;
    white-space: nowrap;
}

.acct-orders-tbl tbody td {
    font-size: 14px;
    color: #444;
    padding: 10px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.acct-orders-tbl tbody tr:hover {
    background: #fafafa;
}

.acct-orders-tbl a {
    color: #55b54a;
    text-decoration: none;
}

.acct-link-btn {
    background: none;
    border: none;
    color: #55b54a;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
}

.acct-help-link {
    padding: 8px 0;
}

.acct-help-link a {
    color: #55b54a;
    font-size: 17px;
    text-decoration: none;
}

.acct-tbl-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #555;
    padding: 12px 0 6px;
    border-top: 1px solid #eee;
    margin-top: 2px;
}

.acct-empty-msg {
    text-align: center;
    padding: 50px 0;
}

.acct-empty-msg p {
    color: #888;
    margin-bottom: 14px;
}

.acct-addr-section-hd {
    font-size: 22px;
    font-family: 'Bebas Neue';
    font-weight: normal;
    color: #252d3a;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.acct-additional-addr {
    border: 1px solid #eee;
    padding: 16px;
    margin-bottom: 12px;
}

.acct-addr-table {
    width: 100%;
    border-collapse: collapse;
}

.acct-addr-table thead tr {
    background: #55b54a;
}

.acct-addr-table thead th {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 14px;
    text-align: left;
    white-space: nowrap;
}

.acct-addr-table tbody td {
    font-size: 16px;
    color: #444;
    padding: 11px 14px;
    border-bottom: 1px solid #f0f0f0;
}

.acct-addr-table tbody tr:hover {
    background: #fafafa;
}

.acct-addr-table-actions {
    white-space: nowrap;
}

.acct-link-btn--red {
    color: #e53e3e !important;
}

.acct-wl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-bottom: 24px;
}

.acct-wl-card {
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
}

.acct-wl-card-img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
}

.acct-wl-card-body {
    padding: 14px 16px;
}

.acct-wl-card-name {
    font-size: 16px;
    color: #55b54a;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    line-height: 1.35;
}

.acct-wl-card-price {
    font-size: 17px;
    font-weight: 700;
    color: #252d3a;
}

.acct-wl-actions {
    display: flex;
    gap: 16px;
    margin-bottom: 18px;
}

/* Forms */
.acct-form-section {
    margin-bottom: 28px;
}

.acct-form-section h2 {
    font-size: 22px;
    font-family: 'Bebas Neue';
    font-weight: normal;
    color: #252d3a;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.acct-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 720px;
}

.acct-form-group {
    margin-bottom: 16px;
    max-width: 620px;
}

/* Profile edit: use full content column (avoid left-only narrow fields) */
.acct-profile-form .acct-form-row,
.acct-profile-form .acct-form-group {
    max-width: none;
}

.acct-label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #252d3a;
}

.acct-req {
    color: #dc3545;
}

.acct-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #252d3a;
    background: #f9f9f9;
    box-sizing: border-box;
}

.acct-input:focus {
    outline: none;
    border-color: #55b54a;
    background: #fff;
}

.acct-input-error {
    border-color: #dc3545 !important;
    background: #fff8f8;
}

.acct-field-error {
    display: block;
    color: #dc3545;
    font-size: 13px;
    margin-top: 4px;
}

.acct-checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 17px;
    color: #252d3a;
    cursor: pointer;
}

.acct-msg-success {
    background: #f0fbef;
    border: 1px solid #a3d9a0;
    color: #276624;
    padding: 14px 18px;
    font-size: 17px;
    margin-bottom: 18px;
    border-radius: 4px;
}

.acct-msg-error {
    background: #fff2f2;
    border: 1px solid #f5b8b8;
    color: #c00;
    padding: 14px 18px;
    font-size: 17px;
    margin-bottom: 18px;
    border-radius: 4px;
}

/* ── FormBanner — reusable inline form feedback banner ───────── */
.form-banner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 6px;
    border-left: 4px solid transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 20px;
    animation: fb-slide-in 0.25s ease;
}

.form-banner--success {
    background: #f0fbef;
    border-left-color: #55b54a;
    color: #276624;
}

.form-banner--error {
    background: #fff2f2;
    border-left-color: #e53e3e;
    color: #7a1a1a;
}

.form-banner--warning {
    background: #fff8e1;
    border-left-color: #f59e0b;
    color: #7a4f00;
}

.form-banner__icon {
    font-size: 17px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.form-banner--success .form-banner__icon {
    color: #55b54a;
}

.form-banner--error .form-banner__icon {
    color: #e53e3e;
}

.form-banner--warning .form-banner__icon {
    color: #f59e0b;
}

.form-banner__text {
    flex: 1;
}

.form-banner__close {
    flex-shrink: 0;
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #bbb;
    cursor: pointer;
    padding: 0;
    margin-top: -2px;
}

.form-banner__close:hover {
    color: #555;
}

@keyframes fb-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Account form action buttons */
.acct-form-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.acct-btn-primary {
    background: #55b54a;
    color: #fff;
    border: 2px solid #55b54a;
    padding: 10px 28px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    min-width: 140px;
}

.acct-btn-primary:hover:not(:disabled) {
    background: transparent;
    color: #55b54a;
}

.acct-btn-primary:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.acct-btn-secondary {
    background: #fff;
    color: #444;
    border: 2px solid #d0d0d0;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    min-width: 100px;
}

.acct-btn-secondary:hover:not(:disabled) {
    border-color: #55b54a;
    color: #55b54a;
}

.acct-btn-secondary:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* OTP section inside account */
.acct-otp-wrap {
    margin: 8px 0 16px;
}

.acct-otp-wrap .otp-input-group {
    max-width: 380px;
}

.acct-otp-wrap .otp-meta-row {
    max-width: 380px;
    margin-top: 14px;
}

.acct-warning-box {
    background: #fef9e7;
    border: 1px solid #f5c518;
    color: #7a6000;
    padding: 16px 20px;
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.acct-warning-icon {
    font-size: 20px;
}

.acct-back-btn {
    background: none;
    border: none;
    color: #55b54a;
    font-size: 17px;
    cursor: pointer;
    padding: 0;
    margin-bottom: 18px;
    display: block;
}

.acct-status-cell {
    text-transform: capitalize;
}

.acct-review-card {
    border: 1px solid #eee;
    padding: 18px;
    margin-bottom: 14px;
}

.acct-stars {
    color: #f5a623;
    font-size: 17px;
    letter-spacing: 1px;
}

.acct-loading {
    opacity: 0.5;
}

.acct-link-block {
    display: block;
    margin-top: 8px;
}

.acct-empty-msg .btn {
    display: inline-block;
    margin-top: 12px;
}

.acct-not-found {
    padding: 40px 0;
}

.acct-box--mb {
    margin-bottom: 16px;
}

.acct-addr-default-section {
    margin-bottom: 30px;
}

.acct-addr-entries-wrap {
    margin-bottom: 20px;
    overflow-x: auto;
}

.acct-form-hint {
    font-size: 12px;
    color: #888;
    margin: 4px 0 0;
}

.acct-entries-empty {
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .acct-layout {
        grid-template-columns: 240px 1fr;
    }
}

@media (max-width: 900px) {
    .acct-layout {
        grid-template-columns: 1fr;
    }

    .acct-addr-2col {
        grid-template-columns: 1fr;
    }

    .acct-wl-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .acct-form-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .acct-wl-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Product Detail Page ─────────────────────────────────────── */
.pd-breadcrumb {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    font-size: 14px;
    color: #888;
}

.pd-breadcrumb a {
    color: #888;
    text-decoration: none;
}

.pd-breadcrumb a:hover {
    color: #55b54a;
}

.pd-bc-sep {
    margin: 0 6px;
}

.pd-section {
    padding: 30px 0 50px;
}

/* Left column */
/* Single image — unchanged look */
.pd-main-img {
    border: 1px solid #eee;
    overflow: hidden;
}

.pd-main-img img,
.pd-main-img>div>img {
    width: 100%;
    display: block;
    object-fit: cover;
    max-height: 100%;
}

/* Multi-image gallery viewer */
.pd-gallery-wrap {
    position: relative;
    border: 1px solid #eee;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 13px;
}

.pd-main-img-gallery {
    flex: 1;
    border: none;
    max-height: 600px;
}

.pd-main-img-gallery img,
.pd-main-img-gallery>div>img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.pd-gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e0e0e0;
    color: #555;
    font-size: 32px;
    line-height: 1;
    width: 30px;
    height: 50px;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.15s, color 0.15s;
}

.pd-gallery-arrow:hover {
    background: #fff;
    color: #252d3a;
}

.pd-gallery-prev {
    left: 0;
    border-radius: 0 4px 4px 0;
    border-left: none;
}

.pd-gallery-next {
    right: 0;
    border-radius: 4px 0 0 4px;
    border-right: none;
}

/* Thumbnail strip box */
.pd-thumbs-wrap {
    border: 1px solid #eee;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
}

.pd-thumbs {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.pd-thumb {
    width: 76px;
    height: 76px;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
    flex-shrink: 0;
    background: #fafafa;
}

.pd-thumb img,
.pd-thumb>div>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pd-thumb-active {
    border-color: #55b54a;
    border-width: 2px;
}

/* Right column */
.pd-info {
    padding-left: 20px;
}

.pd-title {
    text-transform: uppercase;
    color: #000000;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.pd-review-link {
    font-size: 13px;
    color: #55b54a;
    text-decoration: none;
    display: block;
    margin-bottom: 14px;
}

.pd-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.pd-price-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.pd-price {
    font-size: 26px;
    font-weight: 700;
    color: #252d3a;
}

.pd-discount {
    background: #ffeded;
    color: #fc0000;
    font-size: 13px;
    border-radius: 4px;
    padding: 3px 8px;
}

.pd-stock-badge {
    margin-left: auto;
    font-size: 14px;
    font-weight: 700;
    color: #55b54a;
    text-transform: uppercase;
}

.pd-oos {
    color: #fc0000;
}

.pd-sku {
    font-size: 13px;
    color: #888;
    margin-bottom: 18px;
}

.pd-qty-section {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.pd-qty-label {
    font-size: 14px;
    font-weight: 600;
    color: #252d3a;
}

.pd-qty-row {
    display: flex;
    align-items: center;
}

.pd-qty-btn {
    width: 36px;
    height: 40px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    font-size: 18px;
    cursor: pointer;
    color: #252d3a;
}

.pd-qty-input {
    width: 52px;
    height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #252d3a;
}

.pd-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.pd-atc-btn {
    background: #55b54a;
    color: #fff;
    border: none;
    padding: 13px 38px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    min-width: 170px;
}

.pd-atc-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.pd-icon-btn {
    width: 46px;
    height: 46px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    color: #555;
}

.pd-icon-btn:hover {
    border-color: #55b54a;
    color: #55b54a;
}

.pd-flash {
    font-size: 14px;
    color: #55b54a;
}

.pd-desc {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 18px;
    max-height: 260px;
    overflow: hidden;
}

.pd-short-desc {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 18px;
}

.pd-measurement {
    font-size: 13px;
    color: #888;
    margin-bottom: 16px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.pd-measurement strong {
    color: #252d3a;
    font-size: 16px;
    font-weight: 700;
}

.pd-measurement span {
    font-size: 16px;
}

/* Banners */
.pd-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.pd-banner-dark {
    background: #252d3a;
}

.pd-banner-volume {
    background: #1c2638;
}

.pd-banner-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pd-banner-icon {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.pd-banner-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px;
}

.pd-banner-green:hover {
    color: #fff;
}

.pd-banner-dark-btn:hover {
    color: #fff;
}

.pd-banner-sub {
    font-size: 16px;
    color: #aaa;
}

.pd-banner-btn {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}

.pd-banner-green {
    background: #55b54a;
    color: #fff;
}

.pd-banner-dark-btn {
    background: #0d1621;
    color: #fff;
}

/* FBT */
.fbt-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    padding: 24px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
}

.fbt-products {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.fbt-item-wrap {
    display: flex;
    align-items: center;
}

.fbt-item {
    width: 224px;
    text-align: center;
    padding: 5px 5px 5px;
    border: 1px solid #ddd;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: border-color 0.15s;
    max-height: 224px;
}

.fbt-item:hover {
    border-color: #aaa;
}

.fbt-checked {
    border-color: #55b54a !important;
}

.fbt-check {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 1px solid #55b54a;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fbt-check input {
    display: none;
}

.fbt-tick {
    width: 22px;
    height: 22px;
    background: #55b54a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}

.fbt-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto 10px;
    display: block;
    max-height: 141px;
    min-height: 141px;
}

.fbt-name {
    font-size: 12px;
    color: #252d3a;
    margin-bottom: 4px;
    line-height: 1.3;
}

.fbt-price {
    font-size: 13px;
    font-weight: 700;
    color: #252d3a;
}

.fbt-plus {
    font-size: 20px;
    font-weight: 400;
    color: #aaa;
    padding: 0 10px;
    flex-shrink: 0;
    align-self: center;
    display: none;
}

.fbt-action {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
    margin-left: auto;
    width: 100%;
}

.fbt-total {
    font-size: 14px;
    color: #252d3a;
    margin: 0;
}

.fbt-total strong {
    font-size: 16px;
}

.fbt-add-btn {
    background: #55b54a;
    color: #fff;
    border: none;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
}

.fbt-add-btn:hover {
    background: #449b3a;
}

.fbt-add-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.pd-attachments {
    margin-top: 20px;
}

.pd-att-heading {
    font-size: 13px;
    font-weight: 700;
    color: #252d3a;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 0 0 10px;
}

.pd-att-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pd-att-item {
    display: flex;
}

.pd-att-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #252d3a;
    text-decoration: none;
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fafafa;
    transition: border-color 0.15s, background 0.15s;
}

.pd-att-link:hover {
    border-color: #55b54a;
    background: #f2faf1;
    color: #2e7a27;
}

.pd-att-link svg {
    flex-shrink: 0;
    color: #55b54a;
}

.pd-att-size {
    color: #888;
    font-size: 12px;
}

/* Star picker */
.pd-star-picker {
    display: flex;
    gap: 4px;
}

.pd-star {
    font-size: 26px;
    cursor: pointer;
    color: #ddd;
    transition: color .1s;
    user-select: none;
    line-height: 1;
}

.pd-star.filled {
    color: #55b54a;
}

/* Review form */
.rv-wrap {
    max-width: 700px;
    border: 1px solid #eee;
    padding: 24px;
    background: #fafafa;
}

.rv-reviewing {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

.rv-reviewing strong {
    color: #252d3a;
}

.rv-rating-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.rv-quality {
    font-size: 13px;
    color: #555;
}

.rv-req {
    color: #e00;
}

.rv-field {
    margin-bottom: 16px;
}

.rv-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #252d3a;
    margin-bottom: 6px;
}

.rv-input {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #252d3a;
    background: #fff;
    box-sizing: border-box;
}

.rv-ta {
    resize: vertical;
    min-height: 90px;
}

.rv-submit {
    background: #f5f5f5;
    color: #252d3a;
    border: 1px solid #bbb;
    padding: 9px 22px;
    font-size: 14px;
    cursor: pointer;
}

.rv-submit:hover {
    background: #55b54a;
    color: #fff;
    border-color: #55b54a;
}

/* Remove height cap on description — show full text */
.pd-desc {
    max-height: none;
}

@media (max-width: 768px) {
    .pd-info {
        padding-left: 0;
        margin-top: 20px;
    }

    .pd-title {
        font-size: 18px;
    }

    .fbt-wrapper {
        gap: 16px;
        flex-direction: column;
    }

    .fbt-item {
        width: 100px;
    }

    .fbt-products {
        flex-wrap: wrap;
        gap: 8px;
    }
}

/* ── Product detail promo / solutions banners ───────────────── */
.pd-promo-section .container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pd-promo-card {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
    border-radius: 8px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    flex-shrink: 0;
}

.pd-promo-card-large {
    height: 390px;
}

.pd-promo-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.22) 55%, rgba(0, 0, 0, 0.04) 100%);
    z-index: 0;
}

.pd-promo-overlay {
    position: relative;
    z-index: 1;
    padding: 28px 32px;
    width: 100%;
}

.pd-promo-title {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 10px;
    line-height: 1.2;
}

.pd-promo-card-large .pd-promo-title {
    font-size: 26px;
}

.pd-promo-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    margin: 0 0 0;
    max-width: 400px;
    ;
}

.pd-promo-btn {
    display: inline-block;
    background: #55b54a;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 22px;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.18s;
}

.pd-promo-btn:hover {
    background: #449b3a;
    color: #fff;
}

.pd-promo-row {
    display: flex;
    gap: 16px;
}

.pd-promo-row .pd-promo-card {
    flex: 1;
    height: 300px;
}

@media (max-width: 768px) {

    .pd-promo-card,
    .pd-promo-card-large {
        height: 240px;
    }

    .pd-promo-row .pd-promo-card {
        height: 220px;
    }

    .pd-promo-overlay {
        padding: 20px 20px;
    }
}

@media (max-width: 540px) {
    .pd-promo-row {
        flex-direction: column;
    }

    .pd-promo-card,
    .pd-promo-row .pd-promo-card {
        height: 220px;
    }
}

/* ── CMS page ───────────────────────────────────────────────── */
.cms-not-found {
    text-align: center;
    padding: 80px 0;
}

.cms-not-found h2 {
    color: #252d3a;
    margin-bottom: 12px;
}

.cms-not-found p {
    color: #504e4e;
    margin-bottom: 24px;
}

.cms-banner {
    background: linear-gradient(135deg, #1a3a1a 0%, #2d6b2d 50%, #1a3a1a 100%);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.cms-banner-overlay {
    position: absolute;
    inset: 0;
    background-image: url('/theme/wysiwyg/images/about-banner-img.png');
    background-size: cover;
    background-position: center;
    opacity: 0.25;
}

.cms-banner-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.cms-banner-title {
    color: #fff;
    font-size: 52px;
    font-family: 'Bebas Neue';
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.cms-breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    justify-content: center;
    list-style: none;
}

.cms-breadcrumb li {
    color: #ccc;
    font-size: 15px;
}

.cms-breadcrumb a {
    color: #55b54a;
}

.cms-breadcrumb .cms-breadcrumb-current {
    color: #fff;
}

.cms-page-content {
    max-width: 900px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 20px;
}

.cms-page-content h2 {
    font-size: 28px;
    color: #252D3A;
    margin: 0 0 16px;
}

.cms-page-content h3 {
    font-size: 22px;
    color: #252D3A;
    margin: 24px 0 10px;
}

.cms-page-content p {
    font-size: 17px;
    color: #504E4E;
    line-height: 1.75;
    margin-bottom: 14px;
}

.cms-page-content ul {
    margin: 10px 0 14px 22px;
}

.cms-page-content ol {
    margin: 10px 0 14px 22px;
}

.cms-page-content ul li {
    font-size: 17px;
    color: #504E4E;
    line-height: 1.8;
    list-style: disc;
}

.cms-page-content ol li {
    font-size: 17px;
    color: #504E4E;
    line-height: 1.8;
    list-style: decimal;
}

.cms-page-content a {
    color: #55B54A;
}

.cms-page-content hr {
    border: none;
    border-top: 1px solid #eaeaea;
    margin: 30px 0;
}

/* ── Slick carousel overrides ───────────────────────────────── */
.clients-logo-slider .slick-prev,
.clients-logo-slider .slick-next,
.review-slider .slick-prev,
.review-slider .slick-next {
    z-index: 2;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: none;
}

.clients-logo-slider .slick-prev:before,
.clients-logo-slider .slick-next:before,
.review-slider .slick-prev:before,
.review-slider .slick-next:before {
    content: '';
}

.clients-logo-slider .slick-prev {
    left: -16%;
    background: url(/theme/images/prev-icon.png) left center no-repeat;
    background-size: 25px;
}

.clients-logo-slider .slick-next {
    right: -16%;
    background: url(/theme/images/next-icon.png) right center no-repeat;
    background-size: 25px;
}

.clients-logo-slider .slick-slide {
    padding: 0 7.5px;
}

.clients-logo-slider .slick-list {
    margin: 0 -7.5px;
}

.clients-logo-section .client-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.clients-logo-section .client-logo-box img {
    display: block;
    width: auto !important;
    max-width: 160px !important;
    max-height: 90px !important;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.35s ease;
    margin: 0 auto;
}

.clients-logo-section .client-logo-box:hover img {
    filter: grayscale(0%);
}

.review-slider .slick-prev {
    left: -5%;
    background: url(/theme/images/prev-icon.png) center no-repeat;
    background-size: 23px;
}

.review-slider .slick-next {
    right: -5%;
    background: url(/theme/images/next-icon.png) center no-repeat;
    background-size: 23px;
}

.review-slider .slick-slide {
    padding: 10px;
    height: auto;
}

.review-slider .slick-slide>div {
    height: 100%;
}

.review-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.review-box-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 280px;
    height: 100%;
    box-sizing: border-box;
}

.review-box-wrapper>p {
    flex: 1;
}

/* ── Product detail page ────────────────────────────────────── */
.product-description p {
    font-size: 17px;
    color: #504E4E;
    line-height: 1.75;
    margin-bottom: 12px;
}

.product-description ul {
    margin: 8px 0 12px 22px;
}

.product-description ul li {
    font-size: 16px;
    color: #504E4E;
    list-style: disc;
    line-height: 1.7;
}

/* ── Product list page ──────────────────────────────────────── */
.page-with-filter {
    padding-bottom: 60px;
}

/* ── Secure payment logos ───────────────────────────────────── */
.secure-payment-section .secure-payment-logos {
    margin: 12px auto 0;
    max-width: 280px;
}

.secure-payment-section .secure-payment-logos img {
    width: 100%;
    height: auto;
    max-width: 150px;
}

.future-content-wrapper {
    padding: 0 10px;
}

/* ── Checkout page ──────────────────────────────────────────── */
.chk-page {
    background: #fff;
    min-height: 100vh;
}

/* Step bar */
.chk-steps-bar {
    padding: 28px 15px 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.chk-steps-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    max-width: 400px;
    margin: 0;
}

.chk-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.chk-step-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}

.chk-step-circle-green {
    background: #55B54A;
    color: #fff;
    border: 2px solid #55B54A;
}

.chk-step-circle-grey {
    background: #fff;
    color: #aaa;
    border: 2px solid #ccc;
}

.chk-step-label {
    font-size: 13px;
    font-weight: 600;
    color: #252d3a;
    white-space: nowrap;
}

.chk-step-line {
    flex: 1;
    height: 3px;
    background: #ccc;
    margin: 0 8px;
    margin-bottom: 22px;
    min-width: 60px;
}

.chk-step-done .chk-step-label {
    color: #55B54A;
}

/* Layout */
.chk-body {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    padding: 40px 15px 60px;
    align-items: start;
}

.chk-main {
    min-width: 0;
}

/* Section title */
.chk-section-title {
    font-size: 22px;
    font-weight: 600;
    color: #252d3a;
    margin: 0 0 20px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
}

/* Address cards */
.chk-addr-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.chk-addr-card {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 16px 20px;
    cursor: pointer;
    position: relative;
    background: #fff;
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    transition: border-color .15s;
}

.chk-addr-card p {
    margin: 0;
}

.chk-addr-card-selected {
    border: 2px solid #55B54A;
}

.chk-addr-card.chk-addr-card-selected span.chk-addr-check {
    background-color: #55B54A;
    border-color: #55B54A;
}

.chk-addr-check {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #dddddd;
}

/* New Address button */
.chk-new-addr-btn {
    display: inline-block;
    padding: 8px 18px;
    background: #55B54A;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 30px;
}

.chk-new-addr-btn:hover {
    background: #469e3d;
    color: #fff;
}

/* Shipping methods */
.chk-shipping-methods {
    margin-bottom: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
}

.chk-shipping-header {
    background: #55B54A;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
}

.chk-shipping-table {
    width: 100%;
    border-collapse: collapse;
}

.chk-shipping-row td {
    padding: 14px 16px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #444;
    vertical-align: middle;
}

.chk-shipping-price {
    font-weight: 700;
    color: #252d3a;
    min-width: 70px;
}

.chk-shipping-method {
    color: #555;
}

.chk-shipping-carrier {
    color: #555;
}

/* Actions */
.chk-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    gap: 12px;
}

.chk-next-btn {
    background: #55B54A;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.chk-next-btn:hover {
    background: #469e3d;
}

.chk-back-btn {
    background: #fff;
    color: #252d3a;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 12px 28px;
    font-size: 15px;
    cursor: pointer;
}

.chk-place-btn {
    background: #55B54A;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 14px 36px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.chk-place-btn:hover:not(:disabled) {
    background: #469e3d;
}

.chk-place-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.chk-place-btn,
.chk-back-btn {
    padding: 8px 20px;
    font-size: 13px;
}

/* Review step */
.chk-review-block {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.chk-review-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.chk-review-block-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #252d3a;
    margin: 0;
}

.chk-change-btn {
    background: none;
    border: none;
    color: #55B54A;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.chk-review-addr p {
    margin: 0;
    font-size: 14px;
    color: #444;
    line-height: 1.7;
}

.chk-review-text {
    font-size: 14px;
    color: #444;
    margin: 0;
}

.chk-actions-review {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
}

/* Error */
.chk-error {
    color: #c00;
    background: #fff0f0;
    border: 1px solid #fca5a5;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
}

/* Order Summary sidebar */
.chk-sidebar {
    position: sticky;
    top: 100px;
}

.chk-summary {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

.chk-summary-title {
    padding: 16px 20px 12px;
    font-size: 16px;
    font-weight: 700;
    color: #252d3a;
    border-bottom: 1px solid #e8e8e8;
    background: #f5f5f5;
}

.chk-summary-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #f5f5f5;
    border: none;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #252d3a;
}

.chk-summary-items-toggle {
    margin-top: 0;
}


.chk-summary-arrow {
    font-size: 11px;
    color: #888;
}

.chk-summary-items {
    background: #fff;
    padding: 0;
}

.chk-summary-item {
    display: flex;
    gap: 14px;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    align-items: flex-start;
}

.chk-summary-img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border: 1px solid #eee;
    flex-shrink: 0;
}

.chk-summary-info {
    flex: 1;
}

.chk-summary-name {
    font-size: 14px;
    font-weight: 500;
    color: #252d3a;
    margin-bottom: 4px;
    line-height: 1.4;
}

.chk-summary-qty {
    font-size: 13px;
    color: #555;
}

.chk-summary-price {
    font-size: 15px;
    font-weight: 700;
    color: #252d3a;
    margin-top: 4px;
}

.chk-summary-tax {
    font-size: 12px;
    color: #888;
}

.chk-summary-meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 2px;
    line-height: 1.35;
}

.chk-summary-line-total {
    font-size: 15px;
    font-weight: 700;
    color: #252d3a;
    margin-top: 6px;
}

.chk-summary-totals {
    background: #fff;
    padding: 14px 20px 16px;
}

.chk-summary-totals-top {
    border-bottom: 1px solid #e8e8e8;
}

.chk-summary-totals-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #252d3a;
}

.chk-summary-totals-table th {
    font-weight: 500;
    text-align: left;
    padding: 6px 0;
    vertical-align: top;
}

.chk-summary-totals-table td {
    text-align: right;
    padding: 6px 0;
    white-space: nowrap;
}

.chk-summary-shipping-label {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #777;
    margin-top: 2px;
}

.chk-summary-totals-detail td {
    font-size: 12px;
    color: #888;
    text-align: left;
    padding-top: 0;
    padding-bottom: 8px;
    line-height: 1.4;
}

.chk-summary-grand-total th,
.chk-summary-grand-total td {
    font-weight: 700;
    font-size: 16px;
    padding-top: 12px;
    border-top: 1px solid #e8e8e8;
}

.chk-summary-section {
    padding: 14px 20px 16px;
    border-top: 1px solid #e8e8e8;
    background: #fff;
}

.chk-summary-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    color: #252d3a;
    margin-bottom: 8px;
}

.chk-summary-edit {
    border: none;
    background: none;
    color: #555;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 2px 4px;
}

.chk-summary-edit:hover {
    color: #252d3a;
}

.chk-summary-addr p,
.chk-summary-method,
.chk-summary-empty {
    margin: 0 0 4px;
    font-size: 13px;
    color: #444;
    line-height: 1.45;
}

.chk-summary-empty {
    color: #888;
    font-style: italic;
}

@media (max-width: 900px) {
    .chk-body {
        grid-template-columns: 1fr;
    }

    .chk-sidebar {
        position: static;
    }

    .chk-summary-edit,
    .chk-change-btn {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
    }
}

body.checkout-cart-index .page-main {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

body.checkout-cart-index .page-title-wrapper h1.page-title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #252D3A;
    padding: 30px 0 0px;
    margin: 0;
}

body.checkout-cart-index .cart-checkout-subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #252D3A;
    margin: 0 0 24px;
}

body.checkout-cart-index .cart-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 32px;
    align-items: start;
}

body.checkout-cart-index .cart.table-wrapper {
    margin-bottom: 0;
}

body.checkout-cart-index #shopping-cart-table {
    width: 100%;
    margin-bottom: 0;
}

body.checkout-cart-index #shopping-cart-table tr th,
body.checkout-cart-index #shopping-cart-table tr td {
    padding: 10px 10px;
    font-weight: 500;
    border: none;
    font-size: 14px;
}

body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td {
    vertical-align: middle;
    padding: 10px 5px;
    border-top: 1px solid #eee;
    background: #fff;
    font-size: 14px;
}

body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-actions td {
    padding: 0;
    border: none;
}

body.checkout-cart-index .cart.table-wrapper .product-item-photo {
    float: left;
    margin-right: 16px;
}

body.checkout-cart-index .product-image-container,
body.checkout-cart-index .product-image-wrapper {
    display: block;
    width: 90px;
    height: auto;
}

body.checkout-cart-index .product-image-photo {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 4px;
}

body.checkout-cart-index .product-item-details {
    overflow: hidden;
    padding-top: 8px;
}

body.checkout-cart-index .product-item-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

body.checkout-cart-index .product-item-name a {
    color: #252D3A;
    text-decoration: none;
    font-size: 14px;
}

body.checkout-cart-index .col.price .price,
body.checkout-cart-index .col.subtotal .price {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #252D3A;
    margin-bottom: 4px;
}

body.checkout-cart-index .cart-tax-note {
    display: block;
    font-size: 14px;
    color: #606060;
}

body.checkout-cart-index .col.qty .input-text.qty {
    width: 70px;
    height: 44px;
    text-align: center;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    font-size: 16px;
    padding: 6px;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: #55B54A;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .towishlist {
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-edit,
body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-delete {
    position: static;
    transform: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 8px;
    margin-left: 8px;
    text-decoration: none;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-edit:hover,
body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-delete:hover,
body.checkout-cart-index .cart.table-wrapper .actions-toolbar .towishlist:hover {
    opacity: 0.85;
}

body.checkout-cart-index .cart.table-wrapper .actions-toolbar .action-toolbar-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

body.checkout-cart-index .cart.main.actions {
    margin-top: 20px;
    justify-content: flex-end;
}

body.checkout-cart-index .cart.main.actions .action.update {
    background: #55B54A;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #55B54A;
    cursor: pointer;
}

body.checkout-cart-index .cart.main.actions .action.update:hover:not(:disabled) {
    background: transparent;
    color: #55B54A;
}

body.checkout-cart-index .cart.main.actions .action.update:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

body.checkout-cart-index .cart-summary {
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 10px 10px 10px;
    position: sticky;
    top: 100px;
}

body.checkout-cart-index .cart-summary>.summary.title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 10px;
}

body.checkout-cart-index .cart-summary .block-shipping .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 10px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 16px;
    font-size: 14px;
    color: #252D3A;
}

body.checkout-cart-index .cart-shipping-hint {
    font-size: 14px;
    color: #606060;
    margin: 0 0 12px;
}

body.checkout-cart-index .cart-totals .table.totals {
    width: 100%;
    margin-bottom: 20px;
}

body.checkout-cart-index .cart-totals .table.totals th,
body.checkout-cart-index .cart-totals .table.totals td {
    padding: 7px 0;
    font-size: 14px;
    color: #252D3A;
    border: none;
    background: transparent;
}

body.checkout-cart-index .cart-totals .table.totals th {
    font-weight: 400;
    text-align: left;
    padding-right: 12px;
}

body.checkout-cart-index .cart-totals .table.totals td {
    text-align: right;
    white-space: nowrap;
}

body.checkout-cart-index .cart-totals .grand.totals th,
body.checkout-cart-index .cart-totals .grand.totals td {
    padding-top: 14px;
    font-size: 16px;
}

body.checkout-cart-index .checkout-methods-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.checkout-cart-index .checkout-methods-items li+li {
    margin-top: 7px;
}

body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td.col.qty {
    width: 7%;
}

body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td.col.qty .control.qty input {
    padding: 5px !important;
    font-size: 14px !important;
    text-align: center;
    height: auto !important;
}

body.checkout-cart-index .checkout-methods-items .action.primary.checkout {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px 10px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
}

body.checkout-cart-index .checkout-methods-items .action.primary.checkout:hover {
    background: #252D3A;
    color: #fff;
}

body.checkout-cart-index .checkout-methods-items .action.continue-shopping {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    background: #55B54A;
    border: 1px solid #55B54A;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
}

body.checkout-cart-index .checkout-methods-items .action.continue-shopping:hover {
    background: #469e3d;
    color: #fff;
}

body.checkout-cart-index .cart-empty-message {
    padding: 40px 0;
    font-size: 18px;
}

body.checkout-cart-index .cart-empty-message a {
    color: #55B54A;
}

@media screen and (max-width: 991px) {
    body.checkout-cart-index .cart-container {
        grid-template-columns: 1fr;
    }

    body.checkout-cart-index .cart-summary {
        position: static;
    }

    body.checkout-cart-index #shopping-cart-table thead {
        display: none;
    }

    body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td {
        display: block;
        padding: 16px;
    }

    body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td.col.item {
        padding-bottom: 40px !important;
    }

    body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td.col.qty {
        width: 100%;
    }

    body.checkout-cart-index #shopping-cart-table tbody.cart.item tr.item-info td.col.qty .field.qty {
        width: 8%;
    }

    body.checkout-cart-index .cart-summary>.summary.title {
        font-size: 18px;
        margin: 9px 0;
    }

    .page-main td,
    .page-main th {
        font-size: 14px !important;
    }

    body.checkout-cart-index .product-item-photo {
        float: none;
        margin-bottom: 12px;
    }
}

.field-error {
    color: #dc3545;
    font-size: 13px;
    margin-top: 6px;
}

.auth-form-footer {
    margin-top: 16px;
}

.chk-page-center {
    padding: 60px 20px;
    text-align: center;
}

.chk-empty-text {
    font-size: 18px;
    margin-bottom: 16px;
}

.otp-input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0 16px;
}

.otp-input-box {
    flex: 1 1 0;
    min-width: 0;
    max-width: 80px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #404040;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    background: #F8F8F8;
    outline: none;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.otp-input-box:focus {
    border-color: #55b54a;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(86, 181, 75, .15);
}

.otp-input-box.has-error {
    border-color: #dc3545;
    background: #fff;
}

.otp-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 24px;
}

.otp-timer {
    font-weight: 600;
    color: #1f3b57;
}

.otp-resend-btn {
    background: none;
    border: none;
    padding: 0;
    font-weight: 600;
    color: #56b54b;
    cursor: pointer;
}

.otp-resend-btn:disabled {
    color: #9ca3af;
    cursor: not-allowed;
}

@media (max-width: 575px) {
    .otp-input-group {
        gap: 8px;
    }

    .otp-input-box {
        height: 52px;
        font-size: 18px;
    }
}

.password-strength-meter {
    position: relative;
    z-index: 1;
    height: 32px;
    line-height: 32px;
    padding: 0 9px;
    margin-top: 6px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f4f4f4;
    font-size: 13px;
    color: #404040;
}

.password-strength-meter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0;
    transition: width .2s ease, background-color .2s ease;
}

.password-strength-meter.password-none::before {
    background-color: #f4f4f4;
    width: 100%;
}

.password-strength-meter.password-weak::before {
    background-color: #ffafae;
    width: 25%;
}

.password-strength-meter.password-medium::before {
    background-color: #ffd6b3;
    width: 50%;
}

.password-strength-meter.password-strong::before {
    background-color: #c5eeac;
    width: 75%;
}

.password-strength-meter.password-very-strong::before {
    background-color: #81b562;
    width: 100%;
}

@keyframes chongo-shimmer {
    0% {
        background-position: -600px 0;
    }

    100% {
        background-position: 600px 0;
    }
}

.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 600px 100%;
    animation: chongo-shimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
}

@keyframes chongo-spin {
    to {
        transform: rotate(360deg);
    }
}

.page-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    gap: 16px;
}

.page-spinner__circle {
    width: 44px;
    height: 44px;
    border: 4px solid #e8f5e8;
    border-top-color: #55B54A;
    border-radius: 50%;
    animation: chongo-spin 0.75s linear infinite;
}

.page-spinner__text {
    font-size: 15px;
    color: #888;
    font-weight: 400;
}

.search-main-wrapper.open .field.search .control-search input {
    padding: 10px !important;
    font-size: 14px !important;
}

.search-main-wrapper.open .field.search .control-search button {
    font-size: 16px;
    right: 10px !important;
}

#root main {
    flex: 1;
}

.slick-prev:before,
.slick-next:before {
    display: none !important;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #000;
    background-color: inherit !important;
}

.filter-sidebar select,
.filter-sidebar input {
    font-size: 14px !important;
    padding: 7px 6px !important;
}

.filter-sidebar {
    padding: 10px !important;
}

.acct-btn-primary {
    padding: 7px 18px;
    font-size: 15px;
}

.notification-main-page {
    padding: 40px 0;
}

.notification-main-page .flex.justify-between.items-center.mb-6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.notification-main-page .flex.justify-between.items-center.mb-6 button.text-sm.text-green-600 {
    background: #55B54A;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #55B54A;
}

.notification-main-page .flex.justify-between.items-center.mb-6 button.text-sm.text-green-600:hover {
    background: transparent;
    color: #55B54A;
}

.notification-main-page .space-y-3 p {
    font-size: 16px;
    line-height: 1.6;
}

.contact-form__submit {
    background: #55b54a !important;
    color: #fff !important;
    padding: 8px 30px !important;
    font-size: 15px !important;
}

body.home-page {
    top: 0 !important;
}

.search-main-wrapper.open .field.search .control-search input {
    padding-left: 35px !important;
    padding-right: 40px !important;
}

.search-main-wrapper.open .field.search .control-search .header-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.acct-info-links a:hover {
    color: #000;
}

.slider-inner-content a {
    display: inline;
}

.field label.label span {
    font-size: 16px;
}

.form-control-new {
    font-size: 15px !important;
    padding: 10px 10px !important;
}

section.same-section.helpcenter-main-form-section .col-lg-8>div {
    padding: 20px !important;
}

section.same-section.helpcenter-main-form-section .form-group.login-btn.primary button.btn.default-btn {
    font-size: 16px;
    padding: 10px 15px;
}

section.same-section.helpcenter-main-form-section .col-lg-8>div .same-heading h2 {
    font-size: 30px !important;
}

.page-with-filter.page-products .col-lg-9.col-md-8.col-12 .d-flex.d-md-none+p {
    font-weight: 600;
    color: rgb(136, 136, 136);
    font-size: 16px !important;
}

.roundcircle.notification-icon span {
    top: -3px !important;
    right: -3px !important;
    font-size: 10px !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute;
    position: absolute;
    background: #FC0000;
    border-radius: 50%;
    color: #fff;
}

.acct-info-text p {
    font-size: 14px;
}

.responsive-table table.acct-orders-tbl tr td,
.responsive-table table.acct-orders-tbl tr th {
    font-size: 14px;
}

header.fixed-header.fixed-home-header .header-right ul li.notification-parent .notification-msg.active ul li:last-child {
    display: block !important;
}

.notification-main-page .space-y-3 .bg-white {
    margin: 10px 0;
    border-radius: 13px;
}

.responsive-table table.acct-orders-tbl tr td {
    padding-right: 10px !important;
    padding-left: 10px;
}

.pd-configurable-options div {
    font-size: 16px;
}

.pd-configurable-options div button {
    font-size: 13px;
    padding: 4px 10px !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.page-with-filter.page-products.catalogsearch-result-index .page-title-wrapper h1.page-title {
    display: none;
}

.page-with-filter.page-products .slider-item {
    min-height: initial;
}

.page-with-filter {
    padding-bottom: 0 !important;
}

.filter-sidebar div ul li a {
    color: rgb(85, 85, 85) !important;
}
.slider-inner-content ul li + li {margin-left: 4px;}
.main-invoice-wrapper {padding-top: 2rem;}
.main-invoice-wrapper .no-print {align-items: center;justify-content: space-between;}

/* Google Translate: keep user data literal (names, emails, phones, order #s). */
.notranslate,
[translate="no"],
.personal-data {
  translate: no;
}


li.checkout-btn a, .checkout-btn-format ul li.checkout-btn a {display: flex;align-items: center;justify-content: center;padding: 13px 15px;border-radius: 5px;width: 100%;gap:10px; color: #000; height: 53px; text-decoration: none;}
li.checkout-btn a img, .checkout-btn-format ul li.checkout-btn a img {max-height: 19px;}
body.checkout-cart-index .checkout-methods-items li.checkout-btn, .checkout-btn-format ul li.checkout-btn {display: flex;align-items: center;justify-content: center;gap: 10px;margin: 20px 0 0;}
body.checkout-cart-index .checkout-methods-items li.checkout-btn .stripe-btn, .checkout-btn-format ul li.checkout-btn .stripe-btn {background: #00d66f;width: 100%;}
body.checkout-cart-index .checkout-methods-items li.checkout-btn .amazonpay-btn, .checkout-btn-format ul li.checkout-btn .amazonpay-btn{background: #ffd814;}
.chk-main .checkout-btn-format ul li.checkout-btn {margin: 0 0 20px;}



div#goog-gt-tt {opacity: 0 !important;}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background-color: transparent !important; border: none !important; box-shadow: none !important;}