.productFilter-1 .filterProducts-1 .searchFilterGroup .searchFilter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product .product-1 {
    grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))
}

@media (max-width: 380px) {
    .product .product-1 {
        grid-template-columns:repeat(auto-fill, minmax(100%, 1fr))
    }
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion {
    position: fixed;
    inset: 0;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 99999;
    max-width: 100%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion::-webkit-scrollbar-thumb {
    background-color: transparent
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion::-webkit-scrollbar-track {
    background-color: transparent
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion::-webkit-scrollbar-button {
    height: 2px
}

.productFilter-1 .filterProducts-1 .open.accordion.responsive-accordion {
    -webkit-transform: translateX(0) scale(1);
    transform: translate(0) scale(1);
    opacity: 1
}

.productDetails-1 .imageGallery {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: 420px 120px;
    grid-template-rows:420px 120px
}

.productDetails-1 .imageGallery .mainImg, .productDetails-1 .imageGallery figure {
    background-color: #f0f0f0;
    width: 100%;
    height: 100%
}

.productDetails-1 .imageGallery .mainImg img, .productDetails-1 .imageGallery .subImg img, .productDetails-1 .imageGallery figure img {
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.productDetails-1 .imageGallery .subImg img {
    opacity: .6;
    border: 1px solid #e1e1e1;
    cursor: pointer
}

.productDetails-1 .imageGallery .subImg img.active, .productDetails-1 .imageGallery .subImg img:hover {
    opacity: 1;
    border: 1px solid #3cb371
}

@media (max-width: 991px) {
    .productDetails-1 .cardDetails {
        margin-top: 15px
    }
}

.productDetails-1 .cardDetails h3 {
    font-size: clamp(1.25rem, 1vw + 1.2rem, 1.75rem)
}

.productDetails-1 .cardDetails .price span {
    color: #2e8b57;
    font-size: clamp(1.5rem, 1vw + 1.1rem, 1.75rem)
}

.productDetails-1 .cardDetails .price .smallDel, .productDetails-1 .cardDetails .price del {
    opacity: .7
}

.productDetails-1 .cardDetails .des {
    opacity: .9;
    width: min(100%, 500px)
}

.productDetails-1 .cardDetails .name, .productDetails-1 .cardDetails label {
    min-width: 150px
}

.productDetails-1 .cardDetails .formGroup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.productDetails-1 .cardDetails .formGroup select {
    height: 45px;
    width: 50%;
    outline: 0;
    border: 1px solid transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: #f0f0f0;
    font-size: .875rem
}

.productDetails-1 .cardDetails .btn-run, .productDetails-1 .cardDetails .btn-runBorder {
    width: 100%;
    height: 50px
}

.product {
    min-height: auto;
}

.product.newProduct {
    background-color: #ecfaec;
    padding-block: 60px
}

.product[aria-label=cateName2] {
    background-color: #f5f5f5;
    padding-block: 50px
}

.productSlider {
    background-color: #002502
}

.productSlider .swiper-slide {
    padding: 80px 0
}

.productSlider .d-grid {
    -ms-grid-columns: 250px 1fr;
    grid-template-columns:250px 1fr
}

@media (max-width: 767px) {
    .productSlider .d-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .productSlider .d-grid .mainHeading2 {
        padding-top: 30px
    }
}

.productSlider .pro-1 {
    background-color: #fff
}

.productSlider .pro-1 .proImg-1 {
    margin-bottom: 15px
}

.productFilter-1 {
    -ms-grid-columns: 350px 1fr;
    grid-template-columns:350px 1fr;
    gap: 5px
}

@media (max-width: 991px) {
    .productFilter-1 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -ms-grid-rows: 70px 1fr;
        grid-template-rows:70px 1fr
    }
}

.productFilter-1 .filterProducts-1 {
    width: 100%;
    height: auto
}

.productFilter-1 .filterProducts-1 .searchFilterGroup {
    width: 100%;
    height: 45px
}

.productFilter-1 .filterProducts-1 .searchFilterGroup input {
    height: 100%;
    width: 100%;
    outline: 0;
    border: 1px solid #e1e1e1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-inline: 10px
}

.productFilter-1 .filterProducts-1 .searchFilterGroup .searchFilter {
    height: 80%;
    background-color: #2e8b57;
    left: 5px
}

.productFilter-1 .filterProducts-1 .searchFilterGroup .searchFilter svg {
    width: 24px;
    color: #fff
}

.productFilter-1 .filterProducts-1 .openFilter {
    height: 42px
}

.productFilter-1 .filterProducts-1 .openFilter svg {
    width: 25px
}

.productFilter-1 .filterProducts-1 .openFilter:before {
    border-radius: 4px
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem {
    border: 1px solid #e1e1e1
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem:nth-child(3) {
    border-top: none;
    border-bottom: none
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem button {
    width: 100%;
    background-color: transparent;
    color: #535353;
    height: 100%
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem button svg {
    color: #535353;
    width: 24px
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem button.active {
    background-color: #2e8b57;
    color: #fff
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem button.active svg {
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem .accordionContent {
    height: 0;
    overflow: hidden
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem .accordionContent .formGroup input {
    height: 18px;
    width: 18px;
    outline: 0;
    border: 1px solid transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    accent-color: #2e8b57
}

.productFilter-1 .filterProducts-1 .accordion .accordionItem button.active + .accordionContent {
    margin-bottom: 20px
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion {
    width: 400px;
    padding: 20px 5px;
    height: 100vh;
    -webkit-transform: translateX(400px) scale(.8);
    transform: translate(400px) scale(.8)
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion .btn-run {
    width: 100%
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion .btn-run svg {
    width: 30px
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion .accordionItem {
    border: 1px solid #e1e1e1
}

.productFilter-1 .filterProducts-1 .accordion.responsive-accordion .accordionItem:nth-child(3) {
    border-bottom-color: transparent;
    border-top-color: transparent
}

.productDetails-1 .gridSystem {
    -ms-grid-columns: 1fr 1.3fr;
    grid-template-columns:1fr 1.3fr
}

@media (max-width: 991px) {
    .productDetails-1 .gridSystem {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

.productDetails-1 a {
    width: 100%;
    height: 100%
}

html[lang=en] .productFilter-1 .filterProducts-1 .searchFilterGroup .searchFilter {
    right: 5px;
    left: auto
}

html[lang=en] .productFilter-1 .filterProducts-1 .accordion.responsive-accordion {
    -webkit-transform: translateX(-400px) scale(.8);
    transform: translate(-400px) scale(.8)
}

html[lang=en] .productFilter-1 .filterProducts-1 .accordion.responsive-accordion.open {
    -webkit-transform: translateX(0) scale(1);
    transform: translate(0) scale(1)
}

.d-none {
    display: none;
}