.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 159rem;
}

@media only screen and (max-width: 1699.98px) {
    .container {
        max-width: 1320px;
    }
}

@media only screen and (max-width: 1399.98px) {
    .container {
        max-width: 1140px;
    }
}

@media only screen and (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media only screen and (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
}

@media only screen and (max-width: 767.98px) {
    .container {
        max-width: 540px;
    }
}

@media only screen and (max-width: 575.98px) {
    .container {
        max-width: 100%;
    }
}

.container .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.container [class^="col-"],
.container [class*=" col-"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

*:focus {
    outline: none;
}

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

/* 
   *
   */
a {
    color: inherit;
    text-decoration: inherit;
}

a:hover {
    color: #80A920;
    text-decoration: inherit;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: #FFFFFF;
    text-decoration: none;
}

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

h1 {
    font-family: 'arsenal-regular';
    font-size: 8.5rem;
}

@media only screen and (max-width: 1699.98px) {
    h1 {
        font-size: 7rem;
    }
}

@media only screen and (max-width: 767.98px) {
    h1 {
        font-size: 3rem;
    }
}

h1 em {
    font-family: 'ibm-plex-sans-extralight';
    font-style: normal;
    font-size: 8rem;
}

@media only screen and (max-width: 1699.98px) {
    h1 em {
        font-size: 6.5rem;
    }
}

@media only screen and (max-width: 767.98px) {
    h1 em {
        font-size: 2.5rem;
    }
}

h1+h2 {
    font-size: 4.5rem;
}

@media only screen and (max-width: 767.98px) {
    h1+h2 {
        font-size: 2.5rem;
    }
}

h2 {
    font-family: 'arsenal-bold';
    font-size: 4rem;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

@media only screen and (max-width: 991.98px) {
    h2 {
        font-size: 3rem;
    }
}

h2 em {
    font-style: normal;
    color: #80A920;
}

h3 {
    font-family: 'ibm-plex-sans-medium';
    font-size: 2.6rem;
    line-height: 1.3461538462;
    letter-spacing: 0.5px;
}

h4 {
    font-family: 'arsenal-regular';
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 1px;
    color: #80A920;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    margin-top: 4rem;
}

p {
    margin: 0;
}

dl,
ol,
ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

input[type=checkbox] {
    appearance: none;
    border: 1px solid #193B7E;
    display: inline-block !important;
    height: auto;
    padding: 1rem;
    position: relative;
    margin-right: 1rem;
    width: auto;
}

input[type=checkbox]:checked:after {
    border: solid;
    border-width: 0 0.3rem 0.3rem 0;
    color: #80A920;
    content: "";
    display: inline-block;
    line-height: 1;
    padding: 0.5rem 0.25rem;
    position: absolute;
    right: 0;
    -webkit-transform: translate(-75%, -50%) rotate(45deg);
    transform: translate(-75%, -60%) rotate(45deg);
}

select {
    appearance: none;
    background: url(../icons/select-icon.png) no-repeat calc(100% - 1rem) center;
    background-size: 1rem;
    padding: 1rem 3rem 1rem 1rem;
}

@font-face {
    font-family: 'arsenal-regular';
    src: url("../fonts/arsenal/regular/regular.eot");
    src: url("../fonts/arsenal/regular/regular.eot?#iefix") format("embedded-opentype"), url("../fonts/arsenal/regular/regular.ttf") format("truetype"), url("../fonts/arsenal/regular/regular.svg#roboto") format("svg");
}

@font-face {
    font-family: 'arsenal-bold';
    src: url("../fonts/arsenal/bold/bold.eot");
    src: url("../fonts/arsenal/bold/bold.eot?#iefix") format("embedded-opentype"), url("../fonts/arsenal/bold/bold.ttf") format("truetype"), url("../fonts/arsenal/bold/bold.svg#roboto") format("svg");
}

@font-face {
    font-family: 'ibm-plex-sans-regular';
    src: url("../fonts/ibm-plex-sans/regular/regular.eot");
    src: url("../fonts/ibm-plex-sans/regular/regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-sans/regular/regular.ttf") format("truetype"), url("../fonts/ibm-plex-sans/regular/regular.svg#roboto") format("svg");
}

@font-face {
    font-family: 'ibm-plex-sans-extralight';
    src: url("../fonts/ibm-plex-sans/extralight/extralight.eot");
    src: url("../fonts/ibm-plex-sans/extralight/extralight.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-sans/extralight/extralight.ttf") format("truetype"), url("../fonts/ibm-plex-sans/extralight/extralight.svg#roboto") format("svg");
}

@font-face {
    font-family: 'ibm-plex-sans-medium';
    src: url("../fonts/ibm-plex-sans/medium/medium.eot");
    src: url("../fonts/ibm-plex-sans/medium/medium.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-sans/medium/medium.ttf") format("truetype"), url("../fonts/ibm-plex-sans/medium/medium.svg#roboto") format("svg");
}

@font-face {
    font-family: 'ibm-plex-sans-bold';
    src: url("../fonts/ibm-plex-sans/bold/bold.eot");
    src: url("../fonts/ibm-plex-sans/bold/bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-sans/bold/bold.ttf") format("truetype"), url("../fonts/ibm-plex-sans/bold/bold.svg#roboto") format("svg");
}

/* 
   *
   */
html {
    height: 100%;
    width: 100%;
    font-size: 10px;
}

@media (max-width: 991px) {
    html {
        font-size: 1.0090817356vw;
    }
}

@media (max-width: 575px) {
    html {
        font-size: 10px;
    }
}

@media (min-width: 1366px) {
    html {
        font-size: 10px;
    }
}

.mt-10 {
    margin-top: 1rem;
}

.mt-15 {
    margin-top: 1.5rem;
}

.mt-20 {
    margin-top: 2rem;
}

.mt-25 {
    margin-top: 2.5rem;
}

.mt-30 {
    margin-top: 3rem;
}

.mt-40 {
    margin-top: 4rem;
}

.mt-50 {
    margin-top: calc(50 * (100vw / 1920));
    margin-top: 5rem;
}

.mt-60 {
    margin-top: 6rem;
}

.mt-70 {
    margin-top: 7rem;
}

.mt-80 {
    margin-top: 8rem;
}

.mt-90 {
    margin-top: 9rem;
}

.mt-100 {
    margin-top: 10rem;
}

.mt-120 {
    margin-top: 12rem;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-50 {
    margin-bottom: 5rem;
}

.mb-60 {
    margin-bottom: 6rem;
}

.mb-70 {
    margin-bottom: 7rem;
}

.mb-80 {
    margin-bottom: 8rem;
}

.mb-90 {
    margin-bottom: 9rem;
}

.mb-100 {
    margin-bottom: 10rem;
}

.pt-10 {
    padding-top: 1rem;
}

.pt-20 {
    padding-top: 2rem;
}

.pt-30 {
    padding-top: 3rem;
}

.pt-40 {
    padding-top: 4rem;
}

.pt-50 {
    padding-top: 5rem;
}

.pt-60 {
    padding-top: 6rem;
}

.pt-70 {
    padding-top: 7rem;
}

.pt-80 {
    padding-top: 8rem;
}

.pt-90 {
    padding-top: 9rem;
}

.pt-100 {
    padding-top: 10rem;
}

.pt-120 {
    padding-top: 12rem;
}

.pb-10 {
    padding-bottom: 1rem;
}

.pb-20 {
    padding-bottom: 2rem;
}

.pb-30 {
    padding-bottom: 3rem;
}

.pb-40 {
    padding-bottom: 4rem;
}

.pb-50 {
    padding-bottom: 5rem;
}

.pb-60 {
    padding-bottom: 6rem;
}

.pb-70 {
    padding-bottom: 7rem;
}

.pb-80 {
    padding-bottom: 8rem;
}

.pb-90 {
    padding-bottom: 9rem;
}

.pb-100 {
    padding-bottom: 10rem;
}

.py-10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-20 {
    padding-top: calc(20 * (100vw / 1920));
    padding-bottom: calc(20 * (100vw / 1920));
}

.py-30 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-35 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.py-40 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-50 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-70 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.py-80 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.py-90 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.py-100 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.py-120 {
    padding-top: calc(120 * (100vw / 1920));
    padding-bottom: calc(120 * (100vw / 1920));
}

.py-165 {
    padding-top: 16.5rem;
    padding-bottom: 16.5rem;
}

.py-180 {
    padding-top: calc(180 * (100vw / 1920));
    padding-bottom: calc(180 * (100vw / 1920));
}

.color-lime {
    color: #80A920;
}

.color-white {
    color: #FFFFFF;
}

.btn-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    gap: 3rem;
}

@media only screen and (max-width: 991.98px) {
    .md-mt-40 {
        margin-top: 4rem;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-mt-40 {
        margin-top: 4rem;
    }
}

.btn,
button,
.button,
input[type=submit] {
    display: inline-block;
    width: max-content;
    border: unset;
    border-radius: 0.4rem;
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.4s;
}

.btn:hover,
button:hover,
.button:hover,
input[type=submit]:hover {
    transform: scale(1.1);
}

.btn-main {
    background-color: #80A920;
    color: #FFFFFF;
}

.btn-main:hover {
    color: #FFFFFF;
}

.btn-white {
    background-color: #FFFFFF;
    color: #80A920;
}

.btn-white:hover {
    color: #80A920;
}

.btn-outline {
    border: 1px solid #80A920;
    background-color: #FFFFFF;
    color: #80A920;
}

.btn-outline:hover {
    color: #80A920;
}

#offcanvas_button {
    display: none;
}

.offcanvas {
    visibility: visible !important;
    position: unset;
}

.offcanvas .offcanvas-header {
    display: none;
}

.offcanvas .offcanvas-header .offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas .offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
}

.offcanvas .offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
}

@media only screen and (max-width: 991.98px) {
    #offcanvas_button {
        display: block;
    }

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: 1050;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        visibility: hidden;
        background-color: #fff;
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: 400px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        transform: translateX(-100%);
    }

    .offcanvas .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas.show {
    transform: none;
}

body {
    font-family: 'ibm-plex-sans-regular';
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.5;
}

.header {
    position: relative;
    z-index: 11111;
    width: 100%;
    transition: all 1s;
}

.header.scrolled {
    box-shadow: 0.6rem 0.6rem 2rem #0000001A;
    position: fixed;
	top: 0;
	left: 0;
    background-color: #FFFFFF;
}

.header .logo img {
    max-width: 12rem;
    object-fit: contain;
}

.header .header-menu {
    display: flex;
    gap: 4rem;
}

@media only screen and (max-width: 1399.98px) {
    .header .header-menu {
        gap: 3rem;
    }
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu {
        gap: 1rem;
    }
}

.header .header-menu .menu-item a {
    display: block;
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu .menu-item a {
        width: fit-content;
    }
}

.header .header-menu>.menu-item {
    position: relative;
}

.header .header-menu>.menu-item>a::after {
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    border-radius: 2px;
    background-color: #80A920;
    transition: all 0.5s;
}

.header .header-menu>.menu-item>a:hover {
    color: #80A920;
}

.header .header-menu>.menu-item>a:hover::after {
    width: 100%;
}

.header .header-menu>.menu-item.menu-item-has-children {
    position: relative;
    padding-right: 1.5rem;
}

.header .header-menu>.menu-item.menu-item-has-children i {
    color: #80A920;
    position: absolute;
    top: 0;
    right: 0;
    font-style: normal;
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu>.menu-item.menu-item-has-children i {
        font-size: 4rem;
        line-height: 0.5;
        width: 3rem;
    }
}

.header .header-menu>.menu-item>ul.sub-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 15rem;
    box-shadow: 0px -3px 6px #00000008;
    background-color: #FFFFFF;
    display: none;
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu>.menu-item>ul.sub-menu {
        position: unset;
        transform: unset;
        box-shadow: unset;
    }
}

.header .header-menu>.menu-item>ul.sub-menu li a {
    padding: 1.3rem 3rem;
}

.header .header-menu>.menu-item>ul.sub-menu:has(li.menu-item-has-children) {
    flex-wrap: wrap;
    width: max-content;
    max-width: 100vw;
}

.header .header-menu>.menu-item>ul.sub-menu:has(li.menu-item-has-children)>li>a {
    border-bottom: 1px solid #BEBEBE;
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu>.menu-item>ul.sub-menu:has(li.menu-item-has-children)>li>a {
        border-bottom: unset;
    }
}

.header .header-menu>.menu-item>ul.sub-menu:has(li.menu-item-has-children) .sub-menu a {
    width: max-content;
    max-width: 25rem;
}

@media screen and (min-width: 992px) {
    .header .header-menu>.menu-item:hover>ul.sub-menu {
        display: block;
    }

    .header .header-menu>.menu-item:hover>ul.sub-menu:has(:nth-child(6)) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .header .header-menu>.menu-item:hover>ul.sub-menu:has(li.menu-item-has-children) {
        display: flex;
    }
}

@media only screen and (max-width: 991.98px) {
    .header .header-menu {
        flex-direction: column;
    }
}

.header .header-icon {
    transition: all 0.5s;
    max-width: 3.5rem;
}

.header .header-icon:hover {
    transform: scale(1.1);
}

.header #offcanvas_button {
    padding: 0 1rem;
}

.header .cart .badges {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 2rem;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #ffffff;
	font-size: 1.5rem;
	line-height: 1;
	color: #80A920;
	box-shadow: 0 0 1rem #0000001A;
	position: absolute;
	top: -0.5rem;
	right: -1rem;
}

.footer {
    padding: 8rem 0 3rem;
}

.footer .logo img {
    max-width: 19rem;
}

.footer .content p {
    margin-top: 2.4rem;
}

.footer .footer-menu li+li {
    margin-top: 2.5rem;
}

.footer .social-list {
    gap: 2rem;
}

.footer .social-list .social-list-icon {
    max-width: 3rem;
}

.section-hero-banner .position-absolute {
    top: 0;
}

@media only screen and (max-width: 991.98px) {
    .section-hero-banner .position-absolute {
        padding-top: 10rem;
    }
}

.section-hero-banner .swiper-pagination {
    width: auto;
    bottom: 8rem;
    left: unset;
}

@media only screen and (max-width: 767.98px) {
    .section-hero-banner .swiper-pagination {
        bottom: 0;
    }
}

.section-hero-banner .swiper-pagination .swiper-pagination-bullet {
    border-radius: unset;
    width: fit-content;
    min-width: 3rem;
    height: auto;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    color: #000000;
    opacity: 1;
    padding: 0.5rem 1rem;
    vertical-align: middle;
}

.section-hero-banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #B79078;
    color: #FFFFFF;
}

.section-eco-impact span.number ul {
    transition: all 2s;
}

.section-eco-impact span.number ul li {
    height: 1.5em;
}

.section-eco-impact a {
    text-decoration: underline;
}

.section-eco-impact .counters .counter {
    width: 33.33333333%;
}

@media only screen and (max-width: 1199.98px) {
    .section-eco-impact .counters .counter {
        width: 45%;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-eco-impact .counters .counter {
        width: 75%;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-eco-impact .counters .counter {
        width: 100%;
    }
}

.section-eco-impact .counters .counter:nth-child(2n) {
    align-self: flex-end;
    margin-top: -8rem;
}

@media only screen and (max-width: 991.98px) {
    .section-eco-impact .counters .counter:nth-child(2n) {
        margin-top: 8rem;
    }
}

.section-eco-impact .counters .counter:nth-child(4n+3) {
    margin-left: 16.66666667%;
    margin-top: calc(240 * (100vw / 1920));
}

@media only screen and (max-width: 575.98px) {
    .section-eco-impact .counters .counter:nth-child(4n+3) {
        margin-left: 0;
    }
}

.section-eco-impact .counter {
    padding: 4rem 5rem;
}

.section-eco-impact .counter .counter-number {
    height: 1.5em;
    overflow: hidden;
    font-size: 5rem;
}

.section-eco-impact img.image {
    width: auto;
    max-width: 15rem;
    margin: -280px 40px 54px -34px;
    -webkit-animation: loader 15s infinite linear;
    -moz-animation: loader 15s infinite linear;
}

@media screen and (max-width: 575px) {
	.section-eco-impact img.image {
		display: none;
	}
}

.section-eco-impact img.image:nth-child(4n-3) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}

.section-eco-impact img.image:nth-child(4n-2) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.section-eco-impact img.image:nth-child(4n-1) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.section-eco-impact img.image:nth-child(4n) {
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}

@-webkit-keyframes loader {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 150vh) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 200vh) rotateZ(360deg);
    }
}

@-moz-keyframes loader {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 150vh) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 200vh) rotateZ(360deg);
    }
}

.section-how-we-process {
    overflow-x: clip;
}

.section-how-we-process h4 {
    color: #FFFFFF;
}

.section-how-we-process .step {
    background-color: rgba(183, 144, 120, 0.7);
    padding: 6rem 4.5rem;
}

@media only screen and (max-width: 1699.98px) {
    .section-how-we-process .step {
        padding: 3rem 2rem;
    }
}

.section-how-we-process .step .step-icon {
    max-width: 6rem;
}

.section-how-we-process .step .step-title::after {
    content: '';
    display: block;
    width: 34%;
    height: 3px;
    background-color: #FFFFFF;
    position: absolute;
    left: 33%;
    margin-top: 1rem;
}

.section-shop-by-category {
    overflow-x: clip;
}

.section-shop-by-category .swiper {
    overflow: visible;
}

.section-shop-by-category .category-thumb img {
    transition: all 0.5s;
}

.section-shop-by-category .category:hover .category-thumb img {
    transform: scale(1.1);
    transform-origin: bottom;
}

.section-feature-product {
    overflow-x: clip;
}

.section-feature-product .swiper {
    overflow: visible;
}

.section-how-to-reduce-carbon h4 {
    color: #000000;
}

.section-how-to-reduce-carbon .step {
    height: auto;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 4rem 2rem;
}

@media only screen and (max-width: 1699.98px) {
    .section-how-to-reduce-carbon .step {
        padding: 2rem 1rem;
    }
}

.section-how-to-reduce-carbon .step .step-icon {
    max-width: 6rem;
}

.section-how-to-reduce-carbon .step .step-icon.hover {
    opacity: 0;
}

.section-how-to-reduce-carbon .step:hover {
    background-color: #80A920;
    color: white;
}

.section-how-to-reduce-carbon .step:hover .step-icon {
    opacity: 0;
}

.section-how-to-reduce-carbon .step:hover .step-icon.hover {
    opacity: 1;
}

.section-join-us .animation * {
    transition: all 1.5s;
}

.section-join-us .target {
    width: 8%;
    margin-left: -0.5rem;
}

.section-join-us .target-content {
    bottom: -10rem;
    border-radius: 3px;
    background-color: #80A920;
    padding: 1rem;
    transform: translateX(-50%);
}

.section-join-us .target-content::before,
.section-join-us .counter::before {
    content: '';
    display: block;
    width: 1rem;
    height: 0.5rem;
    clip-path: polygon(50% 0%, 0 100%, 100% 100%);
    background-color: inherit;
    position: absolute;
    top: -0.5rem;
    left: calc(50% - 0.5rem);
}

.section-join-us .saved {
    width: 90%;
}

.section-join-us .saved img {
    width: auto;
}

.section-join-us .saved .cloud:nth-child(1) {
    max-width: 18rem;
    left: 0;
}

.section-join-us .saved .cloud:nth-child(2) {
    top: 35%;
    left: 5%;
    max-width: 15rem;
}

.section-join-us .saved .cloud:nth-child(3) {
    top: 50%;
    left: 30%;
    max-width: 10rem;
}

.section-join-us .saved .progress {
    bottom: 0;
}

.section-join-us .saved .counter {
    bottom: -10rem;
    left: 0;
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 1rem;
}

.section-join-us .saved .counter .counter-number {
    height: 1.5em;
    overflow: hidden;
}

.section-join-us .human {
    max-width: 13rem;
    bottom: 0.5rem;
    left: -4rem;
}

@media only screen and (max-width: 575.98px) {
    .section-join-us .human {
        max-width: 9rem;
    }
}

.section-join-us .progress {
    border-radius: 5px;
}

.section-join-us .progress .progress-bar {
    width: 0%;
    height: 0.8rem;
    background-color: #80A920;
}

.section-join-us .animation.animated .cloud:nth-child(1) {
    left: 10%;
}

.section-join-us .animation.animated .cloud:nth-child(2) {
    left: 30%;
}

.section-join-us .animation.animated .cloud:nth-child(3) {
    left: 70%;
}

.section-brand {
    overflow-x: clip;
}

.section-brand .swiper {
    overflow: visible;
}

.section-brand .swiper img {
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.section-banner.position-relative::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.41);
    position: absolute;
    top: 0;
}

.section-banner .breadcrumb a {
    color: #80A920;
}

.section-banner .breadcrumb .breadcrumb-icon {
    max-width: 2rem;
    object-fit: contain;
    margin: 0 1rem;
}

.section-eco-mission .item {
    height: auto;
    border: 1px solid #80A920;
    border-radius: 4px;
    padding: 3rem 4.5rem;
}

@media only screen and (max-width: 1699.98px) {
    .section-eco-mission .item {
        padding: 2rem 1rem;
    }
}

.section-eco-mission .item .item-icon {
    max-width: 9.5rem;
}

.section-eco-mission .item .item-icon.hover {
    opacity: 0;
}

.section-eco-mission .item:hover {
    background-color: #80A920;
    color: white;
}

.section-eco-mission .item:hover .item-icon {
    opacity: 0;
}

.section-eco-mission .item:hover .item-icon.hover {
    opacity: 1;
}

.section-how-we-started .content {
    border: 1px solid #707070;
    border-radius: 5rem;
    padding: 5rem;
}

@media only screen and (max-width: 575.98px) {
	.section-how-we-started .content {
		border-radius: 1.5rem;
		padding: 3rem 1.5rem;
	}
}

.section-how-we-started .content .swiper-slide {
    height: auto;
}

.section-how-we-started .content .swiper-pagination::after {
    content: '';
    display: block;
    width: 100%;
    height: 1rem;
    border-radius: 1rem;
    background-color: rgba(128, 169, 32, 0.4);
    position: absolute;
    top: calc(50% - 0.5rem);
}

.section-how-we-started .content .swiper-pagination .swiper-pagination-bullet {
    width: fit-content;
    min-width: 3rem;
    height: auto;
    aspect-ratio: 1 / 1;
    z-index: 1;
    margin: 0;
    background-color: #FFFFFF;
    opacity: 1;
    box-shadow: 0px 2px 6px #80A92045;
}

.section-how-we-started .content .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #313C41;
    color: #FFFFFF;
}

.section-the-counter span.number {
    background: transparent linear-gradient(180deg, #284A59 0%, #395856 47%, #313C41 50%, #46838D 100%) 0% 0% no-repeat padding-box;
    border-radius: 1rem;
    padding: 2rem;
    line-height: 1;
}

@media only screen and (max-width: 1399.98px) {
    .section-the-counter span.number {
        padding: 2rem 1.5rem;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-the-counter span.number {
        padding: 1.5rem 1rem;
    }
}

.section-the-counter span.number ul {
    transition: all 2s;
}

.section-the-counter span.number ul li {
    height: 1.5em;
}

.section-the-counter .counter .counter-number {
    gap: 3rem;
    height: 1.5em;
    overflow: hidden;
    font-size: 10rem;
}

@media only screen and (max-width: 1399.98px) {
    .section-the-counter .counter .counter-number {
        gap: 2rem;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-the-counter .counter .counter-number {
        gap: 1rem;
        font-size: 7rem;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-the-counter .counter .counter-number {
		gap: 0.5rem;
        font-size: 3rem;
    }
	
	.section-the-counter span.number {
        padding: 0.5rem 1rem;
    }
}

.section-the-counter .content {
    width: 60%;
}

.section-the-counter .swiper-button-next,
.section-the-counter .swiper-button-prev {
    position: unset;
    margin: 0;
    margin-top: 5%;
}

.section-the-counter .swiper-button-next::after {
	content: 'next';
}

.section-the-counter .swiper-button-prev::after {
	content: 'prev';
}

.section-the-counter .swiper-button-next::after,
.section-the-counter .swiper-button-prev::after {
    font-size: 2.5rem;
    font-weight: bold;
    color: #FFFFFF;
}

.section-protect-our-earth .content {
    background: rgba(255, 255, 255, 0.5);
    padding: 20rem 0;
    color: white;
}

@media only screen and (max-width: 991.98px) {
    .section-protect-our-earth .content {
        padding: 10rem 0;
    }
}

.section-protect-our-earth .content .text {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    width: fit-content;
}

.section-protect-our-earth .content .text * {
    font-weight: bolder;
}

.section-protect-our-earth .content .text h1 {
    font-family: 'arsenal-bold';
    font-size: 17rem;
}

@media only screen and (max-width: 991.98px) {
    .section-protect-our-earth .content .text h1 {
        font-size: 10rem;
    }
}

.section-protect-our-earth .content .text h2 {
    font-size: 9rem;
}

@media only screen and (max-width: 1399.98px) {
    .section-protect-our-earth .content .text h2 {
        font-size: 8rem;
    }
}

@media only screen and (max-width: 1199.98px) {
    .section-protect-our-earth .content .text h2 {
        font-size: 7rem;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-protect-our-earth .content .text h2 {
        font-size: 5rem;
    }
}

.section-protect-our-earth .content .text h3 {
    font-size: 5rem;
}

@media only screen and (max-width: 991.98px) {
    .section-protect-our-earth .content .text h3 {
        font-size: 3rem;
    }
}

.section-archive-blog .blog-filter .categories {
    gap: 1.5rem;
    flex-wrap: wrap;
}

.section-archive-blog .blog-filter .categories .item a {
    display: block;
    border: 1px solid #80A920;
    padding: 0.5rem 1.5rem;
    color: #80A920;
}

.section-archive-blog .blog-filter .categories .item a.active {
    background-color: #80A920;
    color: #FFFFFF;
}

.blogs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
}

@media only screen and (max-width: 991.98px) {
    .blogs {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 575.98px) {
    .blogs {
        grid-template-columns: 1fr;
    }
}

.blog:not(body) {
    transition: background-color 0.5s;
}

.blog:not(body) .blog-thumb {
    overflow: hidden;
	aspect-ratio: 498 / 332;
}

.blog:not(body) .blog-thumb img {
    transition: transform 0.5s;
}

.blog:not(body) .post-categories {
    position: absolute;
    top: 2rem;
    left: 2rem;
}

.blog:not(body) .post-categories li {
    width: fit-content;
    background-color: #FFFFFF;
    padding: 0.5rem 1rem;
    color: #80A920;
}

.blog:not(body) .post-categories li+li {
    margin-top: 1rem;
}

.blog:not(body) .blog-content {
    padding: 2rem 1rem;
}

.blog:not(body) .blog-content .more-details {
    text-decoration: underline;
    opacity: 0.5;
}

.blog:not(body):hover {
    background-color: #F3F3F3;
}

.blog:not(body):hover .blog-thumb img {
    transform: scale(1.2);
}

.blog-icon {
    max-width: 1.6rem;
    margin-right: 1rem;
}

.section-single-blog .blog-info {
    gap: 3rem;
}

.section-single-blog .blog-content blockquote {
    background-color: #F3F3F3;
    padding: 4rem 5rem;
    position: relative;
}

@media only screen and (max-width: 575.98px) {
	.section-single-blog .blog-content blockquote {
		padding: 3rem 1.5rem;
	}
}

.section-single-blog .blog-content blockquote p {
    position: relative;
    z-index: 1;
}

.section-single-blog .blog-content blockquote::after {
    content: '\201c';
    font-family: sans-serif;
    color: #80A920;
    font-size: 40rem;
    line-height: 0.7;
    opacity: 0.3;
    position: absolute;
    top: 2rem;
    left: 1rem;
    z-index: 0;
}

.section-single-blog .recent-posts {
    background-color: #F3F3F3;
    padding: 2.5rem 3rem;
}

@media only screen and (max-width: 575.98px) {
	.section-single-blog .recent-posts {
		padding: 3rem 1.5rem;
		margin-top: 5rem;
	}
}


.section-single-blog .recent-posts .recent-post-item+.recent-post-item {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #BEBEBE;
}

.section-archive-gallery .galleries {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    margin-top: 3rem;
    padding-top: 6rem;
    border-top: 1px solid #F3F3F3;
}

@media only screen and (max-width: 991.98px) {
    .section-archive-gallery .galleries {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-archive-gallery .galleries {
        grid-template-columns: 1fr;
    }
}

.section-archive-gallery .galleries .gallery .gallery-thumb {
    overflow: hidden;
}

.section-archive-gallery .galleries .gallery .gallery-thumb img {
    transition: all 0.5s;
}

.section-archive-gallery .galleries .gallery:hover .gallery-thumb img {
    transform: scale(1.2);
}

.section-archive-gallery .galleries .gallery:nth-child(6n-3) {
    margin-top: 4rem;
}

@media only screen and (max-width: 991.98px) {
    .section-archive-gallery .galleries .gallery:nth-child(6n-3) {
        margin-top: 0;
    }
}

.section-archive-gallery .galleries .gallery:nth-child(6n-1) {
    margin-top: 8rem;
}

@media only screen and (max-width: 991.98px) {
    .section-archive-gallery .galleries .gallery:nth-child(6n-1) {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991.98px) {
    .section-archive-gallery .galleries .gallery:nth-child(4n - 1) {
        margin-top: 4rem;
    }
}

.section-archive-gallery .modal {
    z-index: 111111;
    background-color: rgba(17, 17, 17, 0.4);
}

.section-archive-gallery .modal .btn-close {
    position: fixed;
    top: 5rem;
    right: 5rem;
    filter: invert(1);
    opacity: 1;
    width: 2rem;
    height: 2rem;
    background-size: contain;
    z-index: 1;
}

@media only screen and (max-width: 575.98px) {
    .section-archive-gallery .modal .btn-close {
        filter: unset;
        top: 3rem;
        right: 3rem;
        width: 1rem;
    }
}

.section-archive-gallery .modal .modal-header,
.section-archive-gallery .modal .modal-body {
    padding: 5rem 10rem;
}

@media only screen and (max-width: 991.98px) {

    .section-archive-gallery .modal .modal-header,
    .section-archive-gallery .modal .modal-body {
        padding: 5rem;
    }
}

@media only screen and (max-width: 575.98px) {

    .section-archive-gallery .modal .modal-header,
    .section-archive-gallery .modal .modal-body {
        padding: 3rem;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-archive-gallery .modal .modal-header {
        padding: 3rem 5rem 3rem 3rem;
    }
}

.section-community-platform .list {
    gap: 5rem;
}

.section-community-platform .list .item {
    max-width: 35rem;
}

.section-all-brand .brand-thumb img {
    max-height: 8rem;
    object-fit: contain;
}

@media only screen and (max-width: 1699.98px) {
    .section-all-brand .brand-thumb img {
        max-height: 6rem;
    }
}

.section-all-brand .swiper-slide.brand {
    padding: 0 2.5rem;
}

@media only screen and (max-width: 767.98px) {
    .section-all-brand .swiper-slide.brand {
        padding: 0 1rem;
    }
}

.section-all-brand .swiper-button-next:after,
.section-all-brand .swiper-button-prev:after {
    font-size: 2rem;
    font-weight: bold;
    color: #80A920;
}

.section-all-brand .swiper-button-next {
    right: -2rem;
}

.section-all-brand .swiper-button-prev {
    left: -2rem;
}

.section-all-brand .brands .brand {
    min-width: 14%;
    max-width: 23rem;
}

.section-voice-from-our-community .swiper-slide {
    height: auto;
}

.section-voice-from-our-community .swiper-slide img {
    height: 100%;
    object-fit: cover;
}

.section-voice-from-our-community .swiper-slide .slide-content {
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 1rem;
    overflow-y: scroll;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s;
}

.section-voice-from-our-community .swiper-slide .slide-content::-webkit-scrollbar-track {
    background-color: rgba(17, 17, 17, 0.6);
}

.section-voice-from-our-community .swiper-slide .slide-content::-webkit-scrollbar {
    width: 2px;
    background-color: rgba(17, 17, 17, 0.6);
}

.section-voice-from-our-community .swiper-slide .slide-content::-webkit-scrollbar-thumb {
    width: 2px;
    background-color: #FFFFFF;
}

.section-voice-from-our-community .swiper-slide::after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background-color: rgba(17, 17, 17, 0.6);
    position: absolute;
    bottom: 0;
    transition: all 0.5s;
}

.section-voice-from-our-community .swiper-slide:hover .slide-content {
    opacity: 1;
}

.section-voice-from-our-community .swiper-slide:hover::after {
    height: 100%;
}

.section-voice-from-our-community .swiper-button-next:after,
.section-voice-from-our-community .swiper-button-prev:after {
    font-size: 4rem;
    font-weight: bold;
    color: #80A920;
}

.section-contact-us {
    padding: 24rem 0;
}

.section-contact-us .circle::after {
	content: '';
	display: block;
	width: calc(100% + 30rem);
	height: calc(100% + 30rem);
	border-radius: 50%;
	background: linear-gradient(180deg, #80A920 0%, rgba(98, 190, 118, 0.4) 100%);
	opacity: 0;
	position: absolute;
	top: -15rem;
	left: -100%;
	transition: all 0.5s;
	z-index: -1;
}

.section-contact-us:hover .circle::after {
	opacity: 0.4;
	left: -15rem;
}

.section-keep-in-touch .circle::after {
	content: '';
	display: block;
	width: calc(100% + 30rem);
	height: calc(100% + 30rem);
	border-radius: 50%;
	background: linear-gradient(180deg, #80A920 0%, rgba(98, 190, 118, 0.4) 100%);
	opacity: 0;
	position: absolute;
	top: -15rem;
	left: -100%;
	transition: all 0.5s;
	z-index: -1;
}

.section-keep-in-touch:hover .circle::after {
	opacity: 0.4;
	left: -15rem;
}

.section-single-brand .item {
    padding: 3rem;
}

.section-single-brand .item-thumb img {
    max-width: 9.5rem;
}

@media screen and (max-width: 767px) {
	.section-single-brand td {
		display: block;
		width: 100% !important;
		height: unset !important;
	}
}

.section-product-brand .nav-tabs {
    border: unset;
}

.section-product-brand .nav-tabs li {
    padding: 0 1.5rem;
}

.section-product-brand .nav-tabs li+li {
    border-left: 1px solid #111111;
}

.section-product-brand .nav-tabs .nav-link {
    border: unset !important;
    color: #000000;
}

.section-product-brand .nav-tabs .nav-link:hover {
    transform: none;
}

.section-product-brand .nav-tabs .nav-link.active {
    color: #80A920;
}

.section-contact-info .contact-list {
    gap: 5rem;
}

.section-contact-info .contact-list-item {
    max-width: 30rem;
}

@media only screen and (max-width: 991.98px) {
	.section-contact-info .contact-list-item {
		min-width: 100%;
	}
}

.section-contact-info .contact-list-item .item-icon img {
    max-width: 7rem;
}

.section-contact-info .social-list {
    gap: 2rem;
}

.section-contact-info .social-list .social-list-item img {
    max-width: 3rem;
}

.section-keep-in-touch iframe {
    width: 100%;
    height: 100%;
}

.contact-form input:not([type=submit]),
.contact-form textarea,
.contact-form select {
    border: 1px solid #E4E4E4;
    width: 100%;
    margin: 1rem 0 2rem;
    padding: 1rem;
	background: #ffffff;
}

.contact-form input[type=submit] {
    border: unset;
}

.contact-form .d-flex {
    gap: 3rem;
}

.section-join-us .target-content,
.section-join-us .saved {
    font-family: 'arsenal-regular';
}

.header .header-menu>.menu-item>ul.sub-menu:has(li.menu-item-has-children)>li>a,
.footer .title,
.section-how-we-process .step-title,
.section-how-to-reduce-carbon .step-content,
.section-join-us .target-content span,
.section-join-us .saved .counter-number,
.section-eco-mission .item-title,
.section-how-we-started .step-title,
.section-banner h1,
.section-single-brand .item-title,
.woocommerce ul.products li.product .product-thumb .added_to_cart,
.woocommerce ul.products li.product .product-thumb .out-of-stock {
    font-family: 'arsenal-bold';
}

.footer .copyright,
.contact-form label,
.blog .blog-title,
.gallery-title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-cart table.cart td.product-name,
.my-woo-title,
.woocommerce #review_form #respond label {
    font-family: 'ibm-plex-sans-medium';
    letter-spacing: 0.2px;
}

.list-group-item.active {
    font-family: 'ibm-plex-sans-bold';
}

.footer .title {
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.section-how-we-process .step-title,
.section-eco-mission .item-title,
.section-single-brand .item-title {
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.section-how-to-reduce-carbon .step-content,
.footer .footer-content,
.contact-form label,
.blog .blog-title,
.gallery-title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

@media only screen and (max-width: 1699.98px) {

    .section-how-to-reduce-carbon .step-content,
    .footer .footer-content,
    .contact-form label,
    .blog .blog-title,
    .gallery-title,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1.8rem;
    }
}

.section-how-we-started .step-title,
.section-community-platform .item-title {
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.section-quote .quote {
    font-size: 3rem;
    letter-spacing: 0.3px;
}

.my-woo-title {
    font-size: 2.6rem;
    line-height: 1.3461538462;
}

.woocommerce ul.products li.product a img {
    margin: 0;
}

.woocommerce ul.products li.product .onsale {
    width: fit-content;
    height: auto;
    min-width: 5rem;
    min-height: unset;
    aspect-ratio: 1 / 1;
    background-color: #F86363;
    padding: 1rem;
    line-height: 1;
    margin: 0;
    top: -2.5rem;
    right: -2.5rem;
}

@media only screen and (max-width: 575.98px) {
	.woocommerce ul.products li.product .onsale {
		top: -1rem;
		right: -1rem;
	}
}

.woocommerce ul.products li.product .product-thumb {
    overflow: hidden;
}

.woocommerce ul.products li.product .product-thumb .add_to_cart_button,
.woocommerce ul.products li.product .product-thumb .added_to_cart,
.woocommerce ul.products li.product .product-thumb .out-of-stock {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(243, 243, 243, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.5s;
}

.woocommerce ul.products li.product .product-thumb .add_to_cart_button {
    right: -100%;
}

.woocommerce ul.products li.product .product-thumb .add_to_cart_button .add-to-cart-icon {
    max-width: 5rem;
}

.woocommerce ul.products li.product .product-thumb .add_to_cart_button.added {
    display: none;
}

.woocommerce ul.products li.product .product-thumb .added_to_cart {
    color: #80A920;
    text-transform: capitalize;
}

.woocommerce ul.products li.product .product-thumb:hover .add_to_cart_button {
    right: 0;
}

.woocommerce ul.products li.product .product-thumb .out-of-stock span {
    width: min-content;
    min-width: 8rem;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #313C41;
    padding: 1rem;
    text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0;
    margin-top: 1.5rem;
}

.woocommerce ul.products li.product .star-rating {
    margin: 0;
    margin-top: 1.5rem;
}

.woocommerce ul.products li.product .price {
    color: #000000;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000000;
}

.woocommerce div.product form.cart .variations label {
    font-weight: normal;
}

.woocommerce div.product form.cart div.quantity {
    float: unset;
}

.woocommerce div.product .woocommerce-tabs {
    padding-top: 3rem;
}

.woocommerce div.product .woocommerce-tabs ul.wc-tabs {
    border-bottom: 1px solid #F3F3F3;
}

.woocommerce div.product .woocommerce-tabs ul.wc-tabs li a {
    display: block;
    padding: 2rem 2.5rem;
}

.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active a {
    background-color: #313C41;
    color: #FFFFFF;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-top: 3rem;
    border-bottom: 3px solid #F3F3F3;
    padding-bottom: 3rem;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom: 2rem;
}

.woocommerce div.product .woocommerce-tabs .panel tr {
    display: flex;
    align-items: center;
    gap: 3rem;
}

@media only screen and (max-width: 575.98px) {
    .woocommerce div.product .woocommerce-tabs .panel tr {
        flex-direction: column;
    }

    .woocommerce div.product .woocommerce-tabs .panel tr td {
        width: 100% !important;
    }
}

.woocommerce .star-rating span {
    color: #80A920;
}

.woocommerce .quantity .qty {
    width: 100%;
    max-width: 10rem;
    border-color: #111111;
    border-radius: 0;
    text-align: left;
    font-size: 1.8rem;
}

.woocommerce table.shop_table {
    border-radius: unset;
    margin: 0;
    border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 1rem 1rem 1rem 2.5rem;
    font-weight: normal !important;
}

.woocommerce table.shop_table th+td {
    padding: 1rem 2.5rem 1rem 1rem;
}

@media only screen and (max-width: 767.98px) {
    .woocommerce table.cart td.product-quantity {
        display: flex;
        justify-content: space-between;
    }
}

.woocommerce table.woocommerce-checkout-review-order-table tbody th,
.woocommerce table.woocommerce-checkout-review-order-table tbody td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.order_details tbody th,
.woocommerce table.order_details tbody td,
.woocommerce table.order_details tfoot th,
.woocommerce table.order_details tfoot td {
    border: unset;
}

.woocommerce table.woocommerce-checkout-review-order-table tbody td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.order_details tbody td,
.woocommerce table.order_details tfoot td {
    width: 40%;
    text-align: right;
}

.woocommerce table.order_details tbody td,
.woocommerce table.order_details tfoot td {
    text-align: center;
}

.woocommerce table ul.wc-item-meta li {
    display: flex;
    gap: 1rem;
}

.woocommerce a.remove {
    color: #000000 !important;
}

.woocommerce a.remove:hover {
    background-color: unset;
    color: red !important;
}

.woocommerce .woocommerce-variation-price span.price {
    display: block;
    margin-top: 1.5rem;
}

.woocommerce #reviews #comments ol.commentlist li {
    margin: 0;
    margin-top: 3rem;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: unset;
    position: relative;
}

.woocommerce #reviews #comments ol.commentlist li .meta {
    margin: 0;
    color: #000000;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: unset;
    padding: 0;
}

.woocommerce .star-rating {
    float: unset;
}

.woocommerce p.stars a::before {
    color: #80A920;
}

.woocommerce #review_form #respond p.comment-form-author,
.woocommerce #review_form #respond p.comment-form-email {
    display: inline-block;
    width: 49%;
}

.woocommerce #review_form #respond p.comment-form-author input,
.woocommerce #review_form #respond p.comment-form-email input {
    width: 100%;
}

.woocommerce #review_form #respond p.comment-form-author label,
.woocommerce #review_form #respond p.comment-form-email label {
    display: block;
}

.woocommerce #review_form #respond p.comment-form-email {
    float: right;
}

.woocommerce #review_form #respond .form-submit input {
    background-color: #80A920;
    color: #FFFFFF;
    font-weight: normal;
    padding: 1rem 2.5rem;
    float: right;
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button {
    border: 1px solid #80A920;
    background-color: #FFFFFF;
    color: #80A920;
    font-weight: normal;
}

.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-info .button:hover {
    color: #80A920;
    background-color: #FFFFFF;
}

.woocommerce .woocommerce-notices-wrapper {
    margin-top: 3rem;
}

.woocommerce ul#shipping_method li {
    display: flex;
    justify-content: end;
    align-items: baseline;
}

.woocommerce ul#shipping_method li input {
    accent-color: #80A920;
}

.woocommerce .woocommerce-order-details .billing-details,
.woocommerce .woocommerce-order-details .shipping-details {
    border: 1px solid #EDEDED;
    padding: 2.5rem 3.5rem;
}

.woocommerce .section-login .nav-tabs {
    border: unset;
}

.woocommerce .section-login .nav-tabs .nav-link {
    border: unset;
    padding: 1.5rem 8.5rem;
    color: #000000;
}

.woocommerce .section-login .nav-tabs .nav-link.active {
    background-color: #313C41;
    color: #FFFFFF;
}

.woocommerce .section-login form.login,
.woocommerce .section-login form.register {
    margin: 0;
    border-radius: unset;
    padding: 3rem calc(130 * (100vw / 1920));
}

.woocommerce form .show-password-input {
    top: unset;
    right: .5em;
}

.section-my-account mark {
    background-color: unset;
    font-weight: bold;
}

.woocommerce-cart table.cart img {
    width: 6rem;
    height: 6rem;
    object-fit: contain;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    background-color: #EDEDED;
    margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table tr td {
    border: unset;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr td {
    text-align: right;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: unset;
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation a[data-title=Downloads] {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-content .dashboard {
    border: 1px solid #D3D3D3;
    padding: 3rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: unset;
    width: 100%;
}

.woocommerce .cart-collaterals .cart_totals .my-woo-title,
.woocommerce-page .cart-collaterals .cart_totals .my-woo-title {
    background-color: #313C41;
    padding: 2.5rem;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 100%;
}

.woocommerce-checkout #payment {
    background-color: unset;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 3rem;
    border: unset;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    accent-color: #80A920;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: unset;
    border: 1px solid #EDEDED;
    color: #000000;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: unset;
    border: 1px solid #80A920 !important;
}

.woocommerce-error strong,
.woocommerce-info strong,
.woocommerce-message strong {
    font-weight: normal;
    color: #80A920;
}

.woocommerce-info::before {
    color: #80A920;
}

.woocommerce.woo-variation-swatches .variable-items-wrapper {
    display: flex;
    gap: 1.5rem;
}

.woocommerce.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    margin: 0;
}

.woocommerce.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    box-shadow: unset;
    background-color: #111111;
    color: #FFFFFF;
}

.woocommerce.woo-variation-swatches .variable-items-wrapper.wvs-style-squared .variable-item:not(.radio-variable-item) {
    border-color: #111111;
    border-radius: 0;
}

.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper {
    display: none !important;
}

.point-content table tr {
    display: flex;
    align-items: center;
    gap: 5rem;
}

@media only screen and (max-width: 991.98px) {
    .point-content table tr {
        flex-direction: column;
    }

    .point-content table tr td {
        width: 100% !important;
    }
}

.bapf_slidr_main.ui-widget-content .ui-slider-range,
.bapf_slidr_main.ui-widget-content .ui-slider-handle {
    background-color: #80A920;
}

.bapf_slidr_main.ui-widget-content {
    background-color: rgba(128, 169, 32, 0.31);
}

.bapf_update {
    background-color: #80A920;
    color: #FFFFFF;
    float: left;
}

.bapf_reset {
    border: 1px solid #80A920;
    background-color: #FFFFFF;
    color: #80A920;
    float: right;
}

@media only screen and (max-width: 1399.98px) {
    .bapf_reset {
        float: unset;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 1399.98px) {
    .bapf_button {
        width: 100%;
    }
}

.lmp_button {
    transition: all 0.4s;
}

.lmp_button:hover {
    transform: scale(1.1);
}

.wc-points-rewards-product-message strong {
    font-weight: normal;
    color: #80A920;
}

.woocommerce-variation-add-to-cart-enabled .points.hide-on-price-available {
    display: none;
}

.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow,
.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow {
    top: auto;
    bottom: 1rem;
    background-color: unset !important;
}

.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow::before,
.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow::before {
    font-size: 3.5rem;
    color: #80A920 !important;
}

.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {
    left: 43% !important;
}

.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow {
    right: 43% !important;
}

@media only screen and (max-width: 575.98px) {
	.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {
		top: 50%;
		left: 0% !important;
	}

	.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow {
		top: 50%;
		right: 0% !important;
	}
}

.swiper-button-next,
.swiper-button-prev {
    width: 5rem;
    height: 5rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '';
}

.bapf_sfilter ul li {
	margin: 1rem 0 !important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}

.section-checkout .woocommerce-form-login button[type="submit"] {
	background-color: #80A920;
    color: #FFFFFF;
}

.fp_apply_reward {
	display: flex;
}

#rs_apply_coupon_code_field {
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#mainsubmi {
	border: 1px solid #80A920;
    background-color: #FFFFFF;
    color: #80A920;
	display: inline-block;
    width: max-content;
    border-radius: 0.4rem;
    padding: 1.45rem 2.5rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.4s;
	font-weight: normal;
}

@media only screen and (max-width: 575.98px) {
	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
	}
	
	#rs_apply_coupon_code_field,
	.coupon {
		width: 100%;
	}
}

.rs_buypoints_message_simple,
.variableshopmessage {
	display: none !important;
}

.section-single-brand {
	font-size: 1.6rem;
}
/* 
.woocommerce div.product .woocommerce-tabs .panel img {
	width: auto;
} */