* {

    font-family: "Hlv";

}



@font-face {

    font-family: Hlv;

    src: url("../font/Helvetica/Helvetica.ttf");

}



@font-face {

    font-family: HlvB;

    src: url("../font/Helvetica/Helvetica-Bold.ttf");

}



@font-face {

    font-family: HlvL;

    src: url("../font/Helvetica/Helvetica-Light/Helvetica-Light.woff");

}



@font-face {

    font-family: Ral;

    src: url("../font/Raleway-Regular.ttf");

}



@font-face {

    font-family: RalSb;

    src: url("../font/Raleway-SemiBold.ttf");

}



@font-face {

    font-family: RalB;

    src: url("../font/Raleway-Bold.ttf");

}



@font-face {

    font-family: RalEB;

    src: url("../font/Raleway-ExtraBold.ttf");

}



:root {

    --black: #000000;

    --darktext: #141a2b;

    --greytext: #939cb3;

    --greybackground: #fafafa;

    --bordergrey: #EDEDED;

    --mediumgrey: #cdd1db;

    --lightgrey: #f1f2f4;

    --white: #ffffff;

    --lightgreen: #88c540;

}



.pagination {

    display: inline-block;

}



.pagination .pagination-item {

    color: #A7A9AC;

    float: left;

    padding: 8px 12px;

    text-decoration: none;

    transition: background-color .3s;

    margin: 0 12px;

    font-size: 16px;

    border-radius: 88px;

    line-height: 16px;

}



.pagination .pagination-item:hover {

    background-color: #A7A9AC;

    color: #FFFFFF;

}



.pagination-center {

    text-align: center;

}



.pagination .pagination-item.active {

    background-color: var(--lightgreen);

    color: white;

}



.pagination span.pagination-item {

    padding: 8px 0px;

    margin: 0;

    cursor: default;

}



.pagination .pagination-item:hover:not(.active) {

    background-color: #A7A9AC;

    color: #FFFFFF;

}



#primary-slider {

    border: 1px solid var(--lightgrey);

    border-radius: 6px;

    margin-bottom: 18px;

}



.splide--nav>.splide__track>.splide__list>.splide__slide {

    border: 1px solid transparent !important;

    border-radius: 6px;

    opacity: .3;

}



.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {

    border-color: var(--lightgrey) !important;

    opacity: 1;

}



.splide--fade>.splide__track>.splide__list>.splide__slide.is-active,

.splide--fade>.splide__track>.splide__list>.splide__slide {

    background-size: contain !important;

}



.btn:focus {

    box-shadow: none;

}



.main-wrapper {

    position: relative;

}



.nine-container {

    width: 100%;

    padding-right: var(--bs-gutter-x, 0.75rem);

    padding-left: var(--bs-gutter-x, 0.75rem);

    margin-right: auto;

    margin-left: auto;

}



.btn:focus {

    box-shadow: none;

}



.main-header {

    margin-top: 108px;

}



.main-header .nine-container {

    display: flex;

    flex-wrap: inherit;

    align-items: center;

    justify-content: space-between;

    min-height: 100%;

}



.main-header .header-main-wrapper .top-header {

    background-color: #000000;

    border-bottom: 1px solid #ffffff17;

    padding-top: 28px;

}



.main-header .wrapper-cart {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding: 8px 8px;

    position: relative;

    margin-right: 0px;

    text-decoration: none;

}



.main-header .wrapper-cart::after {

    display: none;

}



.main-header .wrapper-cart .wrapper-cart-icon {

    position: relative;

}



.main-header .wrapper-cart .wrapper-cart-icon .dots-notif {

    min-width: 20px;

    min-height: 20px;

    color: var(--N0, #FFFFFF);

    font-size: 10px;

    font-weight: 700;

    line-height: 1.6;

    text-align: center;

    border: 2px solid var(--N0, #FFFFFF);

    border-radius: 18px;

    position: absolute;

    top: 0px;

    right: 0px;

    padding: 0px 4px;

    transform: translate(70%, -14%);

    background-color: var(--lightgreen);

}



.main-header .wrapper-cart span {

    font-style: normal;

    font-weight: 500;

    font-size: 13px;

    line-height: 16px;

    color: #FFFFFF;

    margin-left: 14px;

}



.main-header .dropdown-profile {

    margin-left: 8px;

    position: relative;

    cursor: pointer;

}



.main-header .dropdown-profile .dropdown-triger {

    display: flex;

    flex-direction: row;

    align-items: center;

    text-decoration: none;

    padding: 8px 28px 8px 0px;

}

.main-header .dropdown-bahasa .dropdown-toggle {
    padding: 8px 10px 8px 10px;
}

.main-header .dropdown-bahasa.notif .dropdown-toggle::after {
    display: none !important;
}

.main-header .dropdown-bahasa .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";

    content: "\f078";

    font-weight: 900;

    color: var(--white);

    opacity: 1;

    font-size: 12px;

    position: absolute;

    top: 54%;

    transform: translateY(-50%);

    right: 6px;

    border: none;
}

.main-header .dropdown-profile .dropdown-triger::after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("../images/button-line.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border: none;
}

.after-none .dropdown-triger::after{
    background-image: unset!important;
}



.main-header .dropdown-profile .dropdown-triger .icon-dropdown {

    width: 24px;

    height: 24px;

    border-radius: 24px;

    object-fit: cover;

    object-position: center;

    filter: drop-shadow(0px 4px 8px rgba(147, 156, 178, 0.2));

}



.main-header .dropdown-profile .dropdown-triger span {

    font-style: normal;

    font-weight: 500;

    font-size: 13px;

    line-height: 16px;

    color: #FFFFFF;

    margin-left: 12px;

}



.main-header .header-main-wrapper .second-header {

    background-color: #000000;

    height: 64px;

    box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 6px -1px;

    position: relative;

}



.main-header .header-main-wrapper .second-header .header-title {

    font-style: normal;

    font-weight: normal;

    font-size: 32px;

    line-height: 38px;

    color: #FFFFFF;

    margin-bottom: 0;

}



.second-header .wrapper-search.active {

    border-color: #000000;

}



.second-header .wrapper-search {

    z-index: 999;

    display: flex;

    flex-direction: row;

    align-items: center;

    border-radius: 14px;

    margin-right: 0px;

    padding-left: 6px;

    background-color: #000000;

    border: solid 1px #000000;

}





/* .second-header .wrapper-search > .input-search:not(:placeholder-shown) {



  width: 300px;



  padding: 14px 14px 14px 0px;



} */



.second-header .wrapper-search.active .search-btn {

    color: var(--white);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.second-header .wrapper-search .search-btn {

    color: var(--greybackground);

    float: left;

    background: none;

    font-size: 20px;

    transition: 0.4s;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.second-header .wrapper-search:hover {

    border-color: var(--lightgrey);

}



.second-header .wrapper-search:hover .search-btn {

    color: var(--white);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.second-header .wrapper-search:hover>.input-search {

    width: 300px;

    padding: 14px 0px 14px 14px;

}



.second-header .wrapper-search.active>.input-search {

    width: 300px;

    padding: 14px 14px 14px 0px;

}



.second-header .wrapper-search .input-search {

    border: none;

    background: none;

    outline: none;

    transition: 0.4s;

    width: 0px;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #FFFFFF;

    padding: 14px 0px;

}



.second-header .wrapper-search .input-search::placeholder {

    color: var(--mediumgrey);

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

}



.second-header .wrapper-search input {

    border: none;

}



.second-header .wrapper-search input:focus {

    box-shadow: none;

}



.main-header .second-header .dropdown-main .dropdown-main-button::after {

    display: none;

}



.main-header .second-header .dropdown-main .dropdown-wrapper-content-main {

    position: absolute;

    padding: 0;

    margin-top: 14px !important;

    top: calc(100% - 16px) !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    z-index: 1000;

    width: 100%;

    max-width: 1200px;

    background-clip: padding-box;

    border-radius: 38px !important;

}



.main-header .second-header .dropdown-main .dropdown-content-main {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    width: 100%;

    padding: 0;

    background-color: var(--white);

    border-radius: 38px;

    overflow: hidden;

    box-shadow: rgb(0 0 0 / 4%) 0px 4px 6px -1px;

}



.main-header .second-header .dropdown-main .dropdown-content-main .left {

    padding: 30px 38px 26px 38px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    flex: 0 0 auto;

    width: 100%;

}



.second-header .dropdown-content-main .left .left-mobile-item {

    display: none;

    width: 100%;

}



.accordion-mobile-menu .accordion-item .accordion-button,

.accordion-mobile-menu .accordion-item:last-of-type .accordion-button.collapsed,

.accordion-mobile-menu .accordion-flush .accordion-button,

.accordion-mobile-menu .accordion-button:not(.collapsed),

.accordion-mobile-menu .accordion-item:last-of-type .accordion-collapse {

    border: none;

    font-style: normal;

    font-weight: 500;

    font-size: 24px;

    line-height: 24px;

    color: var(--lightgreen);

    padding: 12px 0px;

    margin-bottom: 0;

    background-color: #ffffff;

}



.accordion-mobile-menu .accordion-button::after {

    background-size: 1.5rem;

    width: 1.5rem;

    height: 1.5rem;

    background-image: url("../images/c-arrow-bottom.svg");

}



.accordion-button:focus {

    box-shadow: none;

}



.accordion-mobile-menu .accordion-body {

    padding: 0;

}



.main-header .second-header .dropdown-main .dropdown-content-main .left .left-item {

    min-width: 224px;

}



.main-header .second-header .dropdown-main .dropdown-content-main .left h5 {

    font-style: normal;

    font-weight: 500;

    font-size: 24px;

    line-height: 24px;

    color: var(--lightgreen);

    margin-bottom: 22px;

}



.main-header .second-header .dropdown-main .dropdown-content-main .left .list-menu {

    padding-left: 0;

    list-style: none;

}



.main-header .second-header .dropdown-main .dropdown-content-main .left .list-menu .link-menu {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    text-decoration: none;

    margin-bottom: 0;

    padding: 0.5rem 1rem;

    transition: 0.3s ease-in-out;

}



.main-header .second-header .dropdown-content-main .left .list-menu .link-menu:hover {

    color: var(--darktext);

}



.main-header .top-header .dropdown-content-cart {

    padding: 0;

    background-color: var(--white);

    border-radius: 4px;

    overflow: hidden;

    box-shadow: rgb(0 0 0 / 4%) 0px 4px 6px -1px;

    border: none;

}



.main-header .top-header .dropdown-content-cart .right {

    background-color: var(--greybackground);

    padding: 30px 12px 26px 12px;

    width: 500px;

}



.main-header .top-header .dropdown-content-cart .right .row {

    margin-bottom: 22px;

    --bs-gutter-x: 0;

    padding-left: 52px;

    padding-right: 52px;

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper {

    max-width: max-content;

    padding: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper-cart {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding-right: 16px;

    position: relative;

    max-width: max-content;

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper-cart .right-wrapper-cart-ic .dots-notif {

    position: absolute;

    bottom: -1px;

    right: -3px;

    width: 8px;

    height: 8px;

    border-radius: 8px;

    background-color: var(--lightgreen);

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper-cart .right-wrapper-cart-ic {

    position: relative;

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper-cart span {

    font-style: normal;

    font-weight: 700;

    font-size: 13px;

    line-height: 16px;

    color: var(--darktext);

    margin-left: 14px;

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper:nth-last-of-type(1) {

    margin-left: auto;

}



.main-header .top-header .dropdown-content-cart .right .cart-edit {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: right;

    text-transform: capitalize;

    color: var(--lightgreen);

    text-decoration: none;

}



.main-header .top-header .dropdown-content-cart .right .wrapper-table {

    width: 100%;

    overflow-y: scroll;

    height: auto;

    max-height: 340px;

    padding-right: 32px;

    padding-left: 52px;

}



.main-header .top-header .dropdown-content-cart .right .table-cart {

    margin-bottom: 0;

}



.main-header .top-header .dropdown-content-cart .right .table-cart tbody tr td:nth-of-type(1) {

    text-align: start;

}



.main-header .top-header .dropdown-content-cart .right .table-cart tbody tr td {

    padding: 0;

    border-bottom: 0;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    text-align: end;

}



.main-header .top-header .dropdown-content-cart .right .table-cart .button-rm {

    margin: 0;

    padding: 0;

    padding-bottom: 8px;

}



.main-header .top-header .dropdown-content-cart .right .table-cart .button-rm img {

    width: 18px;

    pointer-events: none;

}



.main-header .top-header .dropdown-content-cart .right .table-cart tfoot tr td {

    padding: 0;

    border-bottom: 0;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    padding-top: 20px;

}



.main-header .top-header .dropdown-content-cart .right .table-cart tfoot tr td:nth-last-of-type(1) {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    text-align: end;

    color: var(--darktext);

}



.main-header .top-header .dropdown-content-cart .right .right-wrapper .button-checkout {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    padding: 8px 32px;

    background-color: var(--lightgreen);

}



.main-header .second-header .dropdown-content-main .right {

    flex: 0 0 auto;

    width: 41.6666666667%;

    background-color: var(--greybackground);

    padding: 30px 12px 26px 82px;

}



.main-header .second-header .dropdown-content-main .right .row {

    margin-bottom: 22px;

    --bs-gutter-x: 0;

    padding-right: 28px;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper {

    max-width: max-content;

    padding: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper:nth-last-of-type(1) {

    margin-left: auto;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper .button-checkout {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    padding: 8px 32px;

    background-color: var(--lightgreen);

}



.main-header .second-header .dropdown-content-main .right .button-checkout-sm {

    display: none;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    padding: 8px 32px;

    background-color: var(--lightgreen);

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-cart {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding-right: 16px;

    position: relative;

    max-width: max-content;

}



.main-header .second-header .dropdown-content-main .right .wrapper-table {

    width: 100%;

    overflow-y: scroll;

    height: auto;

    max-height: 340px;

    padding-right: 12px;

}



.main-header .second-header .dropdown-content-main .right .wrapper-table::-webkit-scrollbar {

    border-radius: 40px;

    background-color: #00000008;

    width: 14px;

}



.main-header .second-header .dropdown-content-main .right .wrapper-table::-webkit-scrollbar-thumb {

    background-color: #88c541;

    border-radius: 40px;

}



.main-header .top-header .wrapper-table::-webkit-scrollbar {

    border-radius: 40px;

    background-color: #00000008;

    width: 14px;

}



.main-header .top-header .wrapper-table::-webkit-scrollbar-thumb {

    background-color: #88c541;

    border-radius: 40px;

}



.main-header .second-header .dropdown-content-main .right .cart-edit {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: right;

    text-transform: capitalize;

    color: var(--lightgreen);

    text-decoration: none;

}



.main-header .second-header .dropdown-content-main .right .table-cart .button-rm {

    margin: 0;

    padding: 0;

    padding-bottom: 8px;

}



.main-header .second-header .dropdown-content-main .right .table-cart .button-rm img {

    width: 18px;

    pointer-events: none;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-cart .right-wrapper-cart-ic {

    position: relative;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-cart span {

    font-style: normal;

    font-weight: 700;

    font-size: 13px;

    line-height: 16px;

    color: var(--darktext);

    margin-left: 14px;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-cart .right-wrapper-cart-ic .dots-notif {

    position: absolute;

    bottom: -1px;

    right: -3px;

    width: 8px;

    height: 8px;

    border-radius: 8px;

    background-color: var(--lightgreen);

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-profile {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding-left: 16px;

    position: relative;

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-profile .icon-profile {

    width: 24px;

    height: 24px;

    border-radius: 24px;

    object-fit: cover;

    object-position: center;

    filter: drop-shadow(0px 4px 8px rgba(147, 156, 178, 0.2));

}



.main-header .second-header .dropdown-content-main .right .right-wrapper-profile span {

    font-style: normal;

    font-weight: 700;

    font-size: 13px;

    line-height: 16px;

    color: var(--darktext);

    margin-left: 14px;

}



.main-header .second-header .dropdown-content-main .right .table-cart {

    margin-bottom: 0;

}



.main-header .second-header .dropdown-content-main .right .table-cart tbody tr td {

    padding: 0;

    border-bottom: 0;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    text-align: end;

}



.main-header .second-header .dropdown-content-main .right .table-cart tbody tr:nth-last-of-type(1) {

    border-bottom: 1px solid var(--mediumgrey);

}



.main-header .second-header .dropdown-content-main .right .table-cart tbody tr:nth-last-of-type(1) td {

    padding-bottom: 24px;

}



.main-header .second-header .dropdown-content-main .right .table-cart tbody tr td:nth-of-type(1) {

    text-align: start;

}



.main-header .second-header .dropdown-content-main .right .table-cart tfoot tr td {

    padding: 0;

    border-bottom: 0;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    padding-top: 20px;

}



.main-header .second-header .dropdown-content-main .right .table-cart tfoot tr td:nth-last-of-type(1) {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    text-align: end;

    color: var(--darktext);

}





/* HOME */

/* 

section.banner.banner-home {

    min-height: 384px;

}



section.banner.banner-home .carousel .carousel-item img {

    height: 384px;

    object-fit: cover;

    object-position: center;

}



section.banner.banner-home .carousel .carousel-caption {

    top: 61px;

    left: 0;

    right: 0;

    text-align: start;

    padding: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-lable {

    font-family: RalewayB;

    font-style: normal;

    font-weight: bold;

    font-size: 42px;

    line-height: 42px;

    text-transform: capitalize;

    color: var(--lightgreen);

    margin-bottom: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-lable span {

    color: var(--lightgreen);

    font-style: italic;

}



section.banner.banner-home .carousel .carousel-caption .banner-title {

    font-style: normal;

    font-weight: lighter;

    font-size: 28px;

    line-height: normal;

    text-transform: capitalize;

    color: var(--white);

    margin-bottom: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-desc {

    font-style: normal;

    font-weight: lighter;

    font-size: 18px;

    line-height: normal;

    text-transform: capitalize;

    color: var(--white);

    margin-bottom: 36px;

}



section.banner.banner-home .carousel .carousel-caption .button-banner {

    font-style: normal;

    font-weight: bold;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    padding: 8px 18px;

    background-color: var(--lightgreen);

    border-radius: 10px;

}



section.banner.banner-home .carousel .carousel-caption .learn-more {

    font-style: normal;

    font-weight: lighter;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--white);

    text-decoration: underline;

    margin-right: 14px;

}



section.banner.banner-home .carousel-indicators li {

    width: 14px;

    height: 14px;

    border-radius: 100%;

    margin-right: 4px;

    margin-left: 4px;

    background-color: var(--lightgreen);

} */





section.banner.banner-home {

    min-height: 484px;

}



section.banner.banner-home .carousel-inner {

    background-color: #000000;

}



section.banner.banner-home .carousel .carousel-item img.banner-image {

    height: 648px;

    object-fit: contain;

    object-position: left;

}



section.banner.banner-home .carousel .banner-category {

    width: 426px;

    margin-bottom: 89px;

}



section.banner.banner-home .carousel .carousel-caption {

    top: 50%;

    transform: translateY(calc(-50% - 48px));

    left: 0;

    right: 0;

    text-align: end;

    padding: 0;

}



section.banner.banner-single .carousel .carousel-caption {

    top: 64%;

    transform: translateY(calc(-50% - 38px));

    left: 0;

    right: 0;

    text-align: end;

    padding: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-lable {

    font-family: RalEB;

    font-style: normal;

    font-weight: bold;

    font-size: 46px;

    line-height: 42px;

    text-transform: uppercase;

    color: var(--lightgreen);

    margin-bottom: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-lable.product-single {

    font-family: RalEB;

    font-style: normal;

    font-weight: bold;

    font-size: 56px;

    line-height: 58px;

    text-transform: capitalize;

    color: var(--lightgreen);

    margin-bottom: 16px;

}



section.banner.banner-home .carousel .carousel-caption .banner-link-single {

    text-decoration: none;

}



section.banner.banner-home .carousel .carousel-caption .banner-link-single i {

    font-size: 42px;

    color: var(--lightgreen);

}



section.banner.banner-home .carousel .carousel-caption .banner-lable span {

    color: var(--lightgreen);

    font-style: italic;

}



section.banner.banner-home .carousel .carousel-caption .banner-title {

    font-family: HlvB;

    font-style: normal;

    font-weight: bold;

    font-size: 35pt;

    line-height: 40pt;

    text-transform: uppercase;

    color: var(--lightgreen);

    margin-bottom: 0;

}



section.banner.banner-home .carousel .carousel-caption .banner-desc {

    font-style: normal;

    font-weight: lighter;

    font-size: 11pt;

    line-height: normal;

    text-transform: uppercase;

    color: var(--white);

    margin-bottom: 18px;

}



section.banner.banner-home .carousel .carousel-caption .button-banner {

    font-family: HlvB;
    font-size: 12pt;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: capitalize;
    color: var(--white);
    padding: 8px 24px;
    background-color: var(--lightgreen);
    border-radius: 12px;

}



section.banner.banner-home .carousel .carousel-caption .learn-more {

    font-style: normal;

    font-weight: lighter;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--white);

    text-decoration: underline;

    margin-right: 14px;

}



section.banner.banner-home .carousel-indicators {

    margin-bottom: 2rem;

}



section.banner.banner-home .carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    margin-right: 4px;

    margin-left: 4px;

    background-color: var(--black);

}



section.banner.banner-home .carousel-indicators .active {

    background-color: var(--lightgreen);

}



section.banner.banner-home .carousel-indicators [data-bs-target] {

    opacity: 1;

    border: 1px solid var(--lightgreen);

}















































section.rs-company {

    background-color: #8bc63e;

    padding: 18px 0px;

}



section.rs-company .hm-wp-rs {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}



section.rs-company .hm-wp-rs .rs-icon {

    width: 36px;

    height: 36px;

    object-fit: contain;

}



section.rs-company .col-md-4:nth-child(2) .hm-wp-rs .rs-icon {

    width: 42px;

}



section.rs-company .hm-wp-rs-caption {

    margin-left: 24px;

}



section.rs-company .hm-wp-rs-caption .rs-title {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

}



section.rs-company .hm-wp-rs-caption .rs-desc {

    font-style: normal;

    font-weight: normal;

    font-size: 13px;

    line-height: 16px;

    color: var(--greytext);

    margin-bottom: 0;

}



.global-product-search .global-search-btn {

    background-color: var(--lightgreen);

    border-radius: 0;

    padding: 12px 21px;

}



.global-product-search .global-search-btn .ic-search {

    width: 20px;

    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



.global-product-search .global-search-input {

    font-size: 12pt;

    font-family: Hlv;

    color: #000000;

    border: 2px solid var(--lightgreen);

    border-radius: 0;

    padding: 12px;

    background-color: #FFFFFF;

}



.global-product-search .global-search-input::placeholder {

    font-family: HlvL;

    font-size: 12pt;

    color: #D1D3D4;

}



.global-product-search .global-search-input:focus {

    box-shadow: none;

}



section.product .navigation-category {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    padding: 28px 0px 28px 0px;

}



section.product .navigation-category .nav-link {

    display: flex;

    flex-direction: row;

    align-items: center;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--black);

    padding: 16px 18px;

    margin-right: 12px;

    position: relative;

}



section.product .navigation-category .nav-item:nth-child(1) .nav-link::after {

    content: "";

    width: 1px;

    height: 24px;

    position: absolute;

    right: -12.5px;

    background-color: var(--mediumgrey);

}



section.product .navigation-category .nav-item:nth-last-of-type(1) .nav-link {

    margin-right: 0;

    margin-left: 12px;

}



section.product .navigation-category .nav-link svg {

    margin-right: 12px;

}



section.product .navigation-category .nav-link svg path {

    width: 44px;

}



section.product .navigation-category .nav-link .badge-category {

    color: var(--white);

    background-color: var(--lightgreen);

    padding: 4px 10px 5px 8px;

    border-radius: 20px;

    margin-left: 12px;

    line-height: 16px;

    vertical-align: middle;

}



section.product .navigation-category .nav-link.active,

.nav-pills .show>.nav-link {

    background: none;

}



section.product .navigation-category .nav-link.active svg path {

    fill: var(--lightgreen);

}



section.product .tab-content-item .col-md-3 {

    position: relative;

}



section.product .tab-content-item .col-md-3::after {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    height: 180px;

    width: 1px;

    background-color: var(--lightgrey);

}



section.product .tab-content-item {

    padding-bottom: 88px;

}



section.product .tab-content-item .col-md-3:nth-last-of-type(1)::after {

    display: none;

}



section.product .tab-content-item .col-md-3:nth-child(4n)::after {

    display: none;

}



section.product .tab-content-item .col-md-3:nth-last-of-type(1) {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



section.product .wrapper-item-product {

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: var(--white);

    padding: 22px;

    margin-bottom: 24px;

    text-decoration: none;

}



section.product .wrapper-item-product .product-image {

    width: 70%;

    margin-bottom: 22px;

    pointer-events: none;

}



section.product .wrapper-item-product .ic-show-all {

    width: 38px;

    margin-bottom: 18px;

    pointer-events: none;

}



section.product .wrapper-item-product .product-title {

    width: 50%;

    margin-bottom: 12px;

}



section.product .wrapper-item-product .product-count {

    font-style: normal;

    font-weight: normal;

    font-size: 12px;

    line-height: 14px;

    text-align: center;

    text-transform: lowercase;

    color: var(--greytext);

    margin-bottom: 0;

}



section.product .wrapper-item-product .product-show-all {

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 17px;

    color: var(--greytext);

    text-align: center;

    text-transform: capitalize;

}



section.menu-bottom {

    border-top: 1px solid var(--mediumgrey);

    background-color: var(--white);

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



section.menu-bottom .link-bottom {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 19px;

    text-transform: uppercase;

    color: var(--darktext);

    text-decoration: none;

    padding: 14px 18px;

    margin: 16px 42px;

}



footer {

    padding: 45px 0px;

    background-color: #000000;

}



footer .footer-brand {

    width: 214px;

    margin-bottom: 12px;

}



footer .footer-nine-title {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 10px;

}



footer .footer-nine-address {

    font-family: Hlv;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

    max-width: 246px;

}



footer .wrapper-footer-link {

    display: flex;

    flex-direction: row;

    color: #FFFFFF;

}



footer .wrapper-footer-link ul {

    margin-right: 34px;

}



footer .list-menu-footer {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-wrap: wrap;

    padding-left: 0;

    color: #FFFFFF;

    max-width: 394px;

}



footer .wrapper-footer-link .item-menu-footer {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 24px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

    text-decoration: none;

}



footer .wrapper-footer-link .item-menu-footer:hover {

    color: #88c540;

}



footer .list-menu-footer li:nth-last-of-type(1)::after {

    display: none;

}



footer .copy-right {

    font-style: normal;

    width: 100%;

    text-align: end;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

}



footer .list-social-link {

    position: absolute;

    top: 50%;

    /* transform: translateY(-50%); */

    right: 10px;

    display: flex;

    flex-direction: row;

    align-items: center;

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



footer .wp-social-link {

    position: relative;

    width: 100%;

    height: 100%;

}



footer .list-social-link .item-social-link {

    font-size: 36px;

    color: #FFFFFF;

    text-decoration: none;

    margin-right: 16px;

}



footer .list-social-link li:nth-last-of-type(1) .item-social-link {

    margin-right: 0;

}



footer .footer-link-website {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    text-transform: lowercase;

    color: #FFFFFF;

    opacity: 0.5;

    margin-bottom: 0;

    text-decoration: none;

}





/* Search List */



section.product-list .pl-filter-title {

    font-style: normal;

    font-weight: normal;

    font-size: 18px;

    line-height: 22px;

    color: var(--black);

    margin-bottom: 16px;

    padding-left: 16px;

}



section.product-list .pl-parent-filter {

    position: sticky;

    top: 120px;

    padding-top: 16px;

    margin-top: 76px;

}



section.product-list .pl-card-filter {

    background: #ffffff00;

    border: none;

    box-sizing: border-box;

    border-radius: 0px;

    overflow: hidden;

}



section.product-list .pl-card-filter .accordion-item {

    background-color: #ffffff00;

}



section.product-list .accordion-filter .accordion-button {

    font-family: RalB;

    font-weight: normal;

    font-size: 20pt;

    color: var(--white);

    padding: 12px 26px;

    border: none;

    background-color: var(--lightgreen);

}



section.product-list .accordion-filter h2 {

    margin-bottom: 4px;

}



section.product-list .accordion-filter .accordion-button:not(.collapsed) {

    background-color: var(--lightgreen);

    border: none;

    color: var(--white);

    box-shadow: none;

}



section.product-list .accordion-filter .accordion-body {

    padding: 28px 26px 28px 26px;

}



section.product-list .accordion-filter .accordion-button:not(.collapsed)::after {

    font-family: "Font Awesome 5 Free";

    content: "\f078";

    background-image: none;

    font-weight: 900;

    color: var(--white);

    transform: rotate(0deg);

}



section.product-list .accordion-filter .accordion-button::after {

    font-family: "Font Awesome 5 Free";

    content: "\f078";

    background-image: none;

    font-weight: 900;

    color: var(--white);

    transform: rotate(-90deg);

}



section.product-list .accordion-filter .accordion-body ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



section.product-list .accordion-filter .pl-filter-wrapper-item {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 14px;

    font-size: 18pt;

}



section.product-list .accordion-filter .pl-filter-wrapper-item:nth-last-of-type(1) {

    margin-bottom: 0;

}



section.product-list .accordion-filter .pl-filter-wrapper-item .form-check {

    width: 100%;

    position: relative;

    padding-right: 38px;

}



section.product-list .accordion-filter .pl-filter-wrapper-item .form-check-input {

    border: 2px solid var(--black);

    border-radius: 4px;

}



section.product-list .accordion-filter .pl-filter-wrapper-item .form-check-input:checked {

    border-color: var(--black);

    background-color: #88c540;

    border: 2px solid var(--black);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");

}



section.product-list .accordion-filter .pl-filter-wrapper-item .form-check-label {

    font-style: normal;

    display: flex;

    align-items: center;

    text-transform: capitalize;

    color: var(--black);

    cursor: pointer;

    text-transform: uppercase;

}



section.product-list .accordion-filter .pl-filter-wrapper-item .form-check-input:checked~.badge-filter {

    background-color: var(--lightgreen);

}



section.product-list .accordion-filter .pl-filter-wrapper-item .badge-filter {

    color: var(--white);

    transition: .1s ease-in;

    min-width: 30px;

    text-align: center;

    background-color: var(--mediumgrey);

    padding: 4px 10px 5px 9px;

    border-radius: 20px;

    margin-left: 12px;

    line-height: 16px;

    font-size: 13px;

    vertical-align: middle;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



section.product-list .pl-parent-product .pl-navigation-product {

    border: none;

    position: relative;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 22px;

    color: var(--greytext);

    padding: 17px 20px;

    display: flex;

    flex-direction: row;

    align-items: center;

}



section.product-list .pl-parent-product .pl-header-product {

    border-bottom: 1px solid var(--lightgrey);

    margin-bottom: 58px;

}



section.product-list .pl-parent-product .pl-navigation-product.active {

    color: var(--darktext);

    font-weight: 700;

}



section.product-list .pl-parent-product .pl-navigation-product.active::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    width: 100%;

    background-color: var(--lightgreen);

}



section.product-list .pl-parent-product .pl-navigation-product.active .pl-ic-header {

    filter: invert(66%) sepia(50%) saturate(510%) hue-rotate(45deg) brightness(95%) contrast(92%);

}



section.product-list .pl-parent-product .pl-navigation-product .pl-ic-header {

    margin-right: 12px;

    filter: invert(82%) sepia(15%) saturate(125%) hue-rotate(185deg) brightness(102%) contrast(86%);

    width: 18px;

}



section.product-list .pl-wrapper-product-sort {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}



section.product-list .pl-wrapper-product-sort .pl-result-search {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 19px;

    color: var(--greytext);

    margin-bottom: 0px;

}



section.product-list .pl-wrapper-product-sort .pl-result-search span {

    color: var(--darktext);

    font-weight: 700;

}



section.product-list .pl-wrapper-product-sort .pl-title-sort {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 20px;

    text-transform: capitalize;

    color: var(--greytext);

    margin-bottom: 0;

}



section.product-list .pl-wrapper-product-sort .form-select {

    width: max-content;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 22px;

    text-transform: capitalize;

    color: var(--darktext);

    border: none;

}



.pl-card-product {

    background: var(--white);

    border: 1.4px solid var(--white);

    border-radius: 4px;

    padding: 28px 20px 20px 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    position: relative;

    transition: .1s ease-in;

}



.pl-card-product:hover {

    border-color: var(--lightgrey);

}



.pl-card-product .pl-product-image {

    width: 89%;

    margin-bottom: 8px;

}



.pl-card-product .pl-product-tag {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: lowercase;

    color: var(--greytext);

    margin-bottom: 4px;

    text-align: start;

    width: 100%;

}



.pl-card-product .pl-product-tag i {

    color: var(--lightgreen);

    margin-right: 6px;

    line-height: inherit;

}



.pl-card-product .pl-product-title {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    text-align: start;

    text-transform: capitalize;

    color: var(--darktext);

    width: 100%;

    max-width: 100%;

    max-height: 100%;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: pre-wrap;

    line-height: 1.5;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    margin-bottom: 6px;

}



.pl-card-product .pl-product-price {

    font-style: normal;

    font-weight: bold;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--lightgreen);

    text-align: start;

    width: 100%;

    margin-bottom: 0;

}



.pl-card-product .button-add-cart {

    position: absolute;

    top: 16px;

    right: 16px;

    font-size: 14px;

    padding: 6px;

    background-color: var(--lightgrey);

    color: var(--greytext);

    width: 24px;

    height: 24px;

    border-radius: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 40;

    display: none;

    transition: .1s ease-in;

}



.pl-card-product .button-add-cart:hover {

    background-color: var(--lightgreen);

    color: var(--white);

}



.pl-link-item {

    text-decoration: none;

    position: relative;

    z-index: 30;

}



.pl-link-item:hover .pl-card-product .button-add-cart {

    display: flex;

}



section.product-list .pl-wrapper-mobile-filter {

    position: fixed;

    top: auto;

    right: 0;

    display: none;

    left: 0;

    z-index: 1020;

    bottom: 18px;

    background-color: #ffffff;

    width: 88%;

    margin: auto;

    justify-content: center;

    border: 1px solid #ededed;

    box-sizing: border-box;

    box-shadow: 0px 4px 24px rgba(147, 156, 179, 0.2);

    border-radius: 20px;

    flex-direction: row;

}



section.product-list .pl-button-filter-mobile {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--black);

    padding: 18px 28px;

    position: relative;

}



section.product-list .dropup:nth-child(1) .pl-button-filter-mobile::after {

    content: '';

    position: absolute;

    right: -0.5px;

    height: 34px;

    width: .5px;

    top: 50%;

    background-color: #F1F2F4;

    transform: translateY(-50%);

}



section.product-list .pl-filter-mobile-menu {

    background: #FFFFFF;

    border-top: 1px;

    border-right: 1px;

    border-left: 1px;

    border-bottom: 0px;

    border-style: solid;

    border-color: #EDEDED;

    border-radius: 24px 24px 0px 0px;

    width: calc(100% + 2px);

    transform: translate3d(-1px, -40px, 0px) !important;

    padding: 25px 15px 15px 15px;

    position: relative;

}



section.product-list .pl-filter-mobile-menu::after {

    content: '';

    position: absolute;

    bottom: 14px;

    left: 50%;

    transform: translateX(-50%);

    border-bottom: 0.5px solid #F1F2F4;

    width: calc(100% - 30px);

}



section.product-list .pl-filter-mobile-menu .pl-title-mobile-filter {

    font-style: normal;

    font-weight: normal;

    font-size: 24px;

    line-height: 29px;

    color: var(--black);

    margin-bottom: 10px;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check {

    width: 100%;

    position: relative;

    padding-right: 38px;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check-input {

    border-radius: 2px;

    border: 2px solid #CDD1DB;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check-input:checked {

    background-color: var(--lightgreen);

    border-color: var(--lightgreen);

    border-width: 0;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check-input:focus {

    box-shadow: none;

    border-color: var(--lightgreen);

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check-label {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    display: flex;

    align-items: center;

    text-transform: capitalize;

    color: var(--black);

    cursor: pointer;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 14px;

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .form-check-input:checked~.badge-filter {

    background-color: var(--lightgreen);

}



section.product-list .pl-filter-mobile-menu .pl-filter-wrapper-item .badge-filter {

    color: var(--white);

    transition: .1s ease-in;

    min-width: 30px;

    text-align: center;

    background-color: var(--mediumgrey);

    padding: 4px 10px 5px 9px;

    border-radius: 20px;

    margin-left: 12px;

    line-height: 16px;

    font-size: 13px;

    vertical-align: middle;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



section.product-list .pl-button-filter-mobile .badge-filter-mobile {

    color: var(--white);

    transition: .1s ease-in;

    min-width: 30px;

    text-align: center;

    background-color: var(--lightgreen);

    padding: 4px 12px 5px 11px;

    border-radius: 20px;

    margin-left: 12px;

    line-height: 16px;

    font-size: 13px;

    vertical-align: middle;

}



.dropup .dropdown-toggle::after {

    border: none;

}



.dropup {

    position: unset;

}



section.product-detail {

    padding-top: 48px;

    padding-bottom: 10px;

}



section.product-detail .pd-product-tag {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: lowercase;

    color: var(--greytext);

    margin-bottom: 12px;

    text-align: start;

    width: 100%;

}



section.product-detail .pd-product-tag i {

    color: var(--lightgreen);

    margin-right: 6px;

    line-height: inherit;

}



section.product-detail .pd-wrapper-short-desc {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    border-bottom: 0.5px solid #CDD1DB;

    margin-bottom: 24px;

}



section.product-detail .pd-wrapper-short-desc .pd-title-product {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 16px;

}



section.product-detail .pd-wrapper-short-desc .pd-title-category {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 18px;

    width: 100%;

}



section.product-detail .pd-wrapper-short-desc .pd-title-category span {

    color: var(--greytext);

    margin-left: 8px;

}



section.product-detail .pd-wrapper-short-desc .pd-title-category span::after {

    content: "●";

    margin-left: 8px;

    font-size: 18px;

    color: #C4C4C4;

}



section.product-detail .pd-wrapper-short-desc .pd-title-category span:nth-last-of-type(1)::after {

    display: none;

}



section.product-detail .pd-wrapper-short-desc .pd-wrapper-button-compare {

    margin-left: auto;

}



section.product-detail .pd-wrapper-short-desc .pd-wrapper-button-compare .pd-button-compare {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--lightgreen);

    padding: 8px 34px;

    border: 0.8px solid var(--lightgreen);

    background-color: var(--white);

    border-radius: 80px;

    transition: .15s ease;

}



section.product-detail .pd-wrapper-short-desc .pd-wrapper-button-compare .pd-button-compare:hover {

    background-color: var(--lightgreen);

    color: var(--white);

}



section.product-detail .pc-short-desc {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 38px;

}



section.product-detail .pd-wrapper-transaction {

    border: 1px solid #F1F2F4;

    border-radius: 6px;

    padding: 20px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left .pd-wrapper-add-value-outer {

    display: flex;

    flex-direction: row;

    align-items: center;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left .pd-wrapper-add-value {

    display: flex;

    flex-direction: row;

    align-items: center;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left .pd-wrapper-add-value .button-add-value {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    padding: 6px;

    background-color: var(--white);

    border: 2px solid;

    border-color: var(--lightgreen);

    color: var(--lightgreen);

    font-size: 10px;

}



section.product-detail .pd-wrapper-transaction .pd-title-transaction {

    font-style: normal;

    font-weight: bold;

    font-size: 14px;

    line-height: 17px;

    color: var(--greytext);

    margin-bottom: 16px;

}



section.product-detail .pd-wrapper-transaction .pd-stock-title {

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 17px;

    color: var(--darktext);

    margin-bottom: 0;

    margin-left: 10px;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left .pd-wrapper-add-value .input-value {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: #000000;

    width: 32px;

    text-align: center;

    border: none;

    border-bottom: 1px solid #CDD1DB;

    margin: 0px 8px;

    border-radius: 0;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left .pd-wrapper-add-value .input-value:focus {

    box-shadow: none;

    border-color: var(--lightgreen);

}



section.product-detail .pd-wrapper-transaction .pd-transaction-right {

    flex: 1 0 0%;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-left {

    flex: 1 0 0%;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-right .pd-title-value-sub-total {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: var(--lightgreen);

    margin-bottom: 38px;

    display: flex;

    flex-direction: row;

    align-items: center;

}



section.product-detail .pd-wrapper-transaction .pd-transaction-right .pd-title-value-sub-total span {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--greytext);

    margin-left: 6px;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex: 1 0 100%;

    justify-content: flex-end;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction button {

    margin-right: 6px;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction button:nth-last-of-type(1) {

    margin-right: 0;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction .button-buy {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--lightgreen);

    height: 33px;

    padding: 0;

    width: 94px;

    background-color: var(--white);

    border: 1px solid var(--lightgreen);

    border-radius: 2px;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction .button-check-out {

    font-style: normal;

    font-weight: normal;

    width: 136px;

    height: 33px;

    font-size: 14px;

    padding: 0;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    background-color: var(--lightgreen);

    border: 1px solid var(--lightgreen);

    border-radius: 2px;

}



section.product-detail .pd-wrapper-transaction .pd-wrapper-button-group-transaction .button-heart {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    color: #CDD1DB;

    height: 33px;

    width: 33px;

    padding: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: var(--white);

    border: 1px solid #CDD1DB;

    border-radius: 2px;

}



section.product-detail .pd-wrapper-transaction .pd-mobile-menu {

    display: none;

}



.pd-mobile-menu .pd-mobile-menu-left .pd-title-transaction-mobile {

    font-style: normal;

    font-weight: 500;

    font-size: 11px;

    line-height: 13px;

    color: #939CB3;

    margin-bottom: 3px;

}



.pd-mobile-menu .pd-mobile-menu-left .pd-title-value-sub-total {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    text-transform: capitalize;

    color: #88C540;

    margin-bottom: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.pd-mobile-menu .pd-mobile-menu-left .pd-title-value-sub-total span {

    font-style: normal;

    font-weight: normal;

    font-size: 11px;

    line-height: 13px;

    text-transform: capitalize;

    color: #939CB3;

    margin-left: 3px;

}



.pd-mobile-menu .pd-mobile-menu-right .button-check-out {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    padding: 12px 20px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    background-color: var(--lightgreen);

    border: 1px solid var(--lightgreen);

    border-radius: 12px;

}



section.product-detail .nav-tabs.pd-tab-spesification {

    border-bottom: 0.5px solid #CDD1DB;

}



section.product-detail .nav-tabs.pd-tab-spesification .nav-link {

    margin-bottom: 0;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 19px;

    color: #939CB3;

    padding: 18px 23px;

    position: relative;

    border: none;

}



section.product-detail .nav-tabs.pd-tab-spesification .nav-link:hover {

    border-color: transparent;

}



section.product-detail .nav-tabs.pd-tab-spesification .nav-link.active {

    color: #000000;

    border: none;

}



section.product-detail .nav-tabs.pd-tab-spesification .nav-link.active::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: var(--lightgreen);

    width: 100%;

    height: 4px;

    border-radius: 4px 4px 0px 0px;

}



section.product-detail .pd-tab-content-spesification {

    padding: 25px 0px 46px 0px;

}



section.product-detail .pd-tab-content-spesification p {

    font-family: "Lato", sans-serif;

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 32px;

    color: #141A2B;

}



section.product-available {

    padding-bottom: 44px;

}



section.product-available .pa-wrapper-head {

    padding-top: 31px;

    border-top: 0.5px solid #CDD1DB;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 32px;

}



section.product-available .pa-wrapper-head .pa-head-title {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: #000000;

    margin-bottom: 0;

}



section.product-available .pa-wrapper-head .pa-head-show-all,

section.product-available .pa-wrapper-head .pa-head-show-all:hover {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: var(--lightgreen);

    margin-bottom: 0;

    text-decoration: none;

}



section.banner-compare {

    padding-top: 90px;

    padding-bottom: 120px;

    background-image: url('../images/banner-2.jpg');

    background-size: cover;

    background-position: left;

    margin-bottom: -60px;

}



section.banner-compare .banner-compare-title {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-bottom: 0;

}



section.compare-product {

    padding-bottom: 58px;

    min-height: 50vh
}



section.compare-product .cp-wrapper-search-compare {

    padding: 20px;

    background-color: var(--lightgrey);

    border-radius: 8px;

    margin-bottom: 32px;

}



section.compare-product .cp-wrapper-search-compare .cp-search-title {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: #141A2B;

    margin-bottom: 14px;

}



section.compare-product .cp-wrapper-search-compare .cp-wrapper-input {

    display: flex;

    flex-direction: row;

    align-items: center;

    margin-bottom: 12px;

}



section.compare-product .cp-wrapper-search-compare .cp-wrapper-input .form-control {

    background-color: var(--white);

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #141A2B;

    height: 42px;

    width: 100%;

    border-radius: 4px;

    border: none;

}



section.compare-product .cp-wrapper-search-compare .cp-wrapper-input .button-search {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: #FFFFFF;

    width: 92px;

    height: 42px;

    background-color: #939CB3;

    border-radius: 4px;

    margin-left: 8px;

}



section.compare-product .cp-wrapper-search-compare .cp-search-info {

    font-style: italic;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #141A2B;

    margin-bottom: 8px;

}



section.compare-product .cp-wrapper-product {

    min-height: 512px;

}



section.compare-product .cp-wrapper-product .cp-product-img {

    width: 100%;

    height: 284px;

    object-fit: cover;

    object-position: center;

    border: 1px solid #F1F2F4;

    border-radius: 6px;

    margin-bottom: 24px;

}



section.compare-product .cp-wrapper-product .cp-product-tag {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: lowercase;

    color: var(--greytext);

    margin-bottom: 12px;

    text-align: start;

    width: 100%;

}



section.compare-product .cp-wrapper-product .cp-product-tag i {

    color: var(--lightgreen);

    margin-right: 6px;

    line-height: inherit;

}



section.compare-product .cp-wrapper-product .cp-wrapper-short-desc {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    border-bottom: 0.5px solid #CDD1DB;

    margin-bottom: 24px;

}



section.compare-product .cp-wrapper-product .cp-title-product {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 16px;

}



section.compare-product .cp-wrapper-product .cp-title-category {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 18px;

    width: 100%;

}



section.compare-product .cp-wrapper-product .cp-title-category span {

    color: var(--greytext);

    margin-left: 8px;

}



section.compare-product .cp-wrapper-product .cp-title-category span::after {

    content: "●";

    margin-left: 8px;

    font-size: 18px;

    color: #C4C4C4;

}



section.compare-product .cp-wrapper-product .cp-title-category span:nth-last-of-type(1)::after {

    display: none;

}



section.compare-product .cp-wrapper-product .cp-title-value-sub-total {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: var(--lightgreen);

    margin-bottom: 38px;

    display: flex;

    flex-direction: row;

    align-items: center;

}



section.compare-product .cp-wrapper-product .cp-title-value-sub-total span {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: var(--greytext);

    margin-left: 6px;

}



section.compare-product .cp-wrapper-specification .cp-header-detail {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: #000000;

    width: 100%;

    padding: 12px 17px;

    background-color: rgba(241, 242, 244, 0.5);

    margin-bottom: 12px;

}



section.compare-product .cp-wrapper-specification p {

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 32px;

    color: #141A2B;

    padding-left: 18px;

    margin-bottom: 31px;

}



section.compare-product .cp-wrapper-button {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-wrap: wrap;

}



section.compare-product .cp-wrapper-button .button-buy {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--lightgreen);

    height: 33px;

    padding: 0;

    width: 94px;

    background-color: var(--white);

    border: 1px solid var(--lightgreen);

    border-radius: 2px;

}



section.compare-product .cp-wrapper-button .button-check-out {

    font-style: normal;

    font-weight: normal;

    width: 136px;

    height: 33px;

    font-size: 14px;

    padding: 0;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    background-color: var(--lightgreen);

    border: 1px solid var(--lightgreen);

    border-radius: 2px;

}



section.compare-product .cp-wrapper-button .button-heart {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    color: #CDD1DB;

    height: 33px;

    width: 33px;

    padding: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: var(--white);

    border: 1px solid #CDD1DB;

    border-radius: 2px;

}



section.compare-product .cp-wrapper-button button {

    margin-right: 6px;

}



section.compare-product .cp-wrapper-button button:nth-last-of-type(1) {

    margin-right: 0;

}



section.privacy {

    padding-top: 38px;

}



section.privacy .menu-privacy {

    border: 1px solid #EDEDED;

    box-shadow: 0px 4px 24px rgba(147, 156, 179, 0.2);

    border-radius: 4px;

    overflow: hidden;

    margin-bottom: 38px;

    display: flex;

    flex-direction: column;

    margin-top: 38px;

}



section.privacy .menu-privacy .nav-item:nth-last-of-type(1) .nav-link {

    border-bottom: none;

}



section.privacy .menu-privacy .nav-item .nav-link {

    width: 100%;

    text-align: left;

    padding-left: 38px;

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #FFFFFF;

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 19px;

    text-transform: capitalize;

    color: #141A2B;

    border-left: none;

    border-right: none;

    border-top: none;

    border-bottom: 1px solid #F1F2F4;

    border-radius: 0;

}



section.privacy .menu-privacy .nav-item .nav-link.active {

    color: #FFFFFF;

    background-color: #88C540;

}



section.privacy .menu-privacy .nav-item .nav-link:focus {

    outline: none;

}



section.privacy .tab-content .wrapper-content {

    min-height: calc(100vh - 423px);

    padding-bottom: 148px;

}



section.privacy .tab-content .wrapper-content .title {

    font-style: normal;

    font-weight: normal;

    font-size: 38px;

    line-height: 46px;

    text-transform: capitalize;

    color: #141A2B;

    width: 100%;

    text-align: center;

    margin-bottom: 52px;

}



section.privacy .tab-content .wrapper-content p {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 26px;

    color: #939CB3;

    margin-bottom: 0rem;
    text-align: justify;

}



section.privacy .tab-content .wrapper-content .tag-content {

    font-style: italic;

    font-weight: 500;

    font-size: 24px;

    line-height: 38px;

    color: #141A2B;

    padding-top: 38px;

    padding-left: 52px;

    margin-bottom: 46px;

    position: relative;

}



section.privacy .tab-content .wrapper-content .tag-content::before {

    font-family: "Font Awesome 5 Free";

    content: "\f10d";

    font-weight: 900;

    font-size: 32px;

    color: #EDF0F5;

    position: absolute;

    left: 0;

    top: 0;

}



section.banner-contact {

    min-height: 313px;

    padding-top: 120px;

    padding-bottom: 20px;

    background-image: url("../images/banner-3.jpg");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



section.contact .wrapper-contact-left a {

    display: flex;

    flex-direction: row;

    align-items: baseline;

}



section.banner-contact .container,

section.contact .container {

    display: flex;

    flex-direction: column;

    align-items: center;

}



section.banner-contact .container .wp-max,

section.contact .container .wp-max {

    width: 100%;

    max-width: 998px;

}



section.banner-contact .logo {

    width: 100%;

    max-width: 142px;

    margin-bottom: 14px;

}



section.banner-contact .title {

    font-style: normal;

    font-weight: 800;

    font-size: 38px;

    line-height: 57px;

    color: #FFFFFF;

    margin-bottom: 0;

    max-width: 318px;

}



section.banner-contact .title span {

    font-size: 48px;

    line-height: 72px;

    margin-bottom: 0;

}



section.contact {

    padding-top: 29px;

    padding-bottom: 120px;

    min-height: calc(100vh - 423px);

}



section.contact .wrapper-contact-left {

    display: flex;

    flex-direction: column;

}



section.contact .wrapper-contact-left a {

    text-decoration: none;

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 24px;

    color: #3E4051;

    margin-bottom: 32px;

}



section.contact .wrapper-contact-left a i {

    margin-right: 18px;

    color: #88C540;

    font-size: 20px;

}



section.contact .wrapper-contact-right {

    background: #FFFFFF;

    box-shadow: 0px 4px 12px rgba(205, 209, 219, 0.45);

    border-radius: 32px;

    padding: 35px 60px;

    margin-top: -226px;

}



section.contact .wrapper-contact-right div.form-control {

    padding: 0;

    border: none;

    margin-bottom: 28px;

}



section.contact .wrapper-contact-right .title {

    font-style: normal;

    font-weight: 800;

    font-size: 48px;

    line-height: 72px;

    color: #88C540;

    margin-bottom: 27px;

}



section.contact .wrapper-contact-right label {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 16px;

    color: #C5C6E0;

}



section.contact .wrapper-contact-right input,

section.contact .wrapper-contact-right textarea {

    font-style: normal;

    font-weight: normal;

    font-size: 18px;

    line-height: 21px;

    color: #3E4051;

    border-radius: 0;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 0.6px solid #CDD1DB;

    padding-left: 0;

}



section.contact .wrapper-contact-right input::placeholder,

section.contact .wrapper-contact-right textarea::placeholder {

    font-style: normal;

    font-weight: normal;

    font-size: 18px;

    line-height: 21px;

    color: #5F709B;

}



section.contact .wrapper-contact-right .btn-submit {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: #FFFFFF;

    padding: 16px 30px;

    background-color: #88C540;

    border-radius: 80px;

}



section.compare-product .wp-compare-xs {

    display: none;

}



section.compare-product .wp-compare-xs .col-sm-6 {

    width: 50%;

}



section.home-slide-category {

    padding: 38px 0px;

    margin-top: 28px;

}



.home-slide-category .splide__slide {

    display: flex;

    justify-content: center;

}



.home-slide-category .splide__arrow--prev img {

    transform: scaleX(-1);

}



.home-slide-category .splide__arrow {

    width: 38px;

    height: 38px;

    opacity: 1;

    background-color: transparent;

}



.home-slide-category .splide__arrow img {

    height: 100%;

    object-fit: contain;

}



.home-slide-category .splide__slide a {

    text-decoration: none;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.home-slide-category .splide__slide a:hover .kategori-nama,

.home-slide-category .splide__slide.is-active .kategori-nama {

    color: #88c540;

}



.home-slide-category .splide__slide .kategori-nama {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase;

    color: #cbcfd9;

    margin-bottom: 0;

}



.home-slide-category .splide__slide img {

    width: 98px;

    height: 98px;

    object-fit: contain;

    filter: invert(88%) sepia(7%) saturate(265%) hue-rotate(185deg) brightness(97%) contrast(85%);

}



.home-slide-category .splide__slide img:hover {

    filter: invert(62%) sepia(72%) saturate(369%) hue-rotate(45deg) brightness(98%) contrast(91%);

}



.home-slide-category .splide__slide.is-active img {

    filter: invert(62%) sepia(72%) saturate(369%) hue-rotate(45deg) brightness(98%) contrast(91%);

}



.home-slide-category .splide--draggable>.splide__slider>.splide__track,

.home-slide-category .splide--draggable>.splide__track {

    margin-right: 10%;

    margin-left: 10%;

}



section.hot-product #HomeProduct {

    border: 1px solid #CDD1DB;

    border-radius: 24px;

    margin-top: 28px;

    margin-bottom: 64px;

}



section.hot-product .splide__slide {

    width: 100%;

}



section.hot-product .hot-product-wrapp {

    display: flex;

    flex-direction: row;

    padding: 84px 56px 124px 56px;

}



section.hot-product .hot-product-wrapp .hot-shop-btn {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: #FFFFFF;

    text-decoration: none;

    padding: 12px 28px;

    background-color: #88C540;

    border-radius: 28px;

}



section.hot-product .img-title-product {

    width: 100%;

    max-width: 184px;

    margin-bottom: 38px;

}



section.hot-product .pc-short-desc {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize;

    color: var(--darktext);

    margin-bottom: 38px;

}



section.hot-product .hot-product-detail {

    width: 55%;

}



section.hot-product .hot-product-img {

    width: 35%;

    margin-left: auto;

}



section.hot-product .hot-product-img img {

    width: 100%;

}



section.hot-product .splide__pagination {

    justify-content: flex-end;

    padding: 0px 25px;

    bottom: 25px;

}



section.hot-product .splide__pagination__page {

    width: 12px;

    height: 12px;

}



section.hot-product .splide__pagination__page.is-active {

    background: #939CB3;

    transform: scale(1.2);

}



.second-header .dropdown-cart .wrapper-cart {

    margin-right: 4px;

    margin-left: 4px;

}



.second-header .dropdown-profile {

    margin-left: 0;

}



.second-header .dropdown-profile .dropdown-triger {

    margin-right: 20px;

    margin-left: 4px;

}



.second-header .dropdown-main .dropdown-main-button {

    margin-left: 8px;

}



.second-header .dropdown-profile .dropdown-triger::after {

    right: 20px;

}



.bl-nav::after {

    content: "";

    width: .5px;

    height: 28px;

    background-color: #dcdfe6;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.br-nav::before {

    content: "";

    width: .5px;

    height: 28px;

    background-color: #dcdfe6;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.main-header .register-link {

    display: flex;

    flex-direction: row;

    align-items: center;

    font-style: normal;

    font-weight: 500;

    font-size: 13px;

    line-height: 16px;

    color: #FFFFFF;

    text-decoration: none;

    margin: 0px 12px;

}



.main-header .register-link span {

    font-family: HlvL;

}



.main-header .register-link:nth-last-of-type(1) {

    margin-right: 14px;

}



.main-header .register-link img {

    width: 24px;

    height: 24px;

    margin-right: 10px;

}



.second-header .dropdown-content-cart {

    padding: 0;

    background-color: var(--white);

    border-radius: 24px;

    overflow: hidden;

    box-shadow: rgb(0 0 0 / 4%) 0px 4px 6px -1px;

    border: none;

}



.second-header .dropdown-content-cart .right {

    background-color: var(--greybackground);

    padding: 30px 12px 26px 12px;

    width: 500px;

}



.second-header .dropdown-content-cart .right .row {

    margin-bottom: 22px;

    --bs-gutter-x: 0;

    padding-left: 52px;

    padding-right: 52px;

}



.second-header .dropdown-content-cart .right .right-wrapper {

    max-width: max-content;

    padding: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.second-header .dropdown-content-cart .right .right-wrapper-cart {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding-right: 16px;

    position: relative;

    max-width: max-content;

}



.second-header .dropdown-content-cart .right .right-wrapper-cart .right-wrapper-cart-ic .dots-notif {

    position: absolute;

    bottom: -1px;

    right: -3px;

    width: 8px;

    height: 8px;

    border-radius: 8px;

    background-color: var(--lightgreen);

}



.second-header .dropdown-content-cart .right .right-wrapper-cart .right-wrapper-cart-ic {

    position: relative;

}



.second-header .dropdown-content-cart .right .right-wrapper-cart span {

    font-style: normal;

    font-weight: 700;

    font-size: 13px;

    line-height: 16px;

    color: var(--darktext);

    margin-left: 14px;

}



.second-header .dropdown-content-cart .right .right-wrapper:nth-last-of-type(1) {

    margin-left: auto;

}



.second-header .dropdown-content-cart .right .cart-edit {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    text-align: right;

    text-transform: capitalize;

    color: var(--lightgreen);

    text-decoration: none;

}



.second-header .dropdown-content-cart .right .wrapper-table {

    width: 100%;

    /* overflow-y: scroll; */

    height: auto;

    /* max-height: 340px; */

    padding-right: 18px;

    padding-left: 24px;

}



.second-header .dropdown-content-cart .right .table-cart {

    margin-bottom: 0;

}



.second-header .dropdown-content-cart .right .table-cart tbody tr td:nth-of-type(1) {

    text-align: start;

}



.second-header .dropdown-content-cart .right .table-cart tbody tr td:nth-of-type(2) {

    display: flex;

    flex-direction: column;

}



.second-header .dropdown-content-cart .right .table-cart tbody tr td:nth-of-type(2) span {

    font-size: 10px;

}



.second-header .dropdown-content-cart .right .table-cart tbody tr td:nth-last-of-type(1) {

    text-align: end;

    color: #d50000;

}



.second-header .dropdown-content-cart .right .table-cart tbody tr td {

    /* padding: 0; */

    /* border-bottom: 0; */

    font-size: 16px;

    text-transform: capitalize;

    color: var(--black);

    vertical-align: middle;

    font-family: Hlv;

    /* text-align: end; */

}



.second-header .dropdown-content-cart .right .table-cart>:not(:last-child)>:last-child>* {

    border-bottom-color: var(--greytext);

}



.second-header .dropdown-content-cart .right .table-cart .button-rm {

    margin: 0;

    padding: 0;

    padding-bottom: 8px;

}



.second-header .dropdown-content-cart .right .table-cart .button-rm img {

    width: 18px;

    pointer-events: none;

}



.second-header .dropdown-content-cart .right .table-cart tfoot tr td {

    /* padding: 0; */

    border-bottom: 0;

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    color: var(--greytext);

    padding-top: 20px;

}



.second-header .dropdown-content-cart .right .table-cart tfoot tr td:nth-last-of-type(1) {

    font-style: normal;

    font-weight: bold;

    font-size: 16px;

    line-height: 38px;

    text-transform: capitalize;

    text-align: end;

    color: var(--darktext);

}



.second-header .dropdown-content-cart .right .right-wrapper .button-checkout {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: var(--white);

    padding: 8px 32px;

    border-radius: 0px;

    background-color: var(--lightgreen);

}



.rs-company .container {

    width: 100%;

    max-width: 768px;

}



.tooltip .tooltip-inner {

    text-transform: uppercase;

}



.main-header .header-brand {

    width: 100%;

    max-width: 128px;

}



.wishlist-ic {

    width: 22px;

    object-fit: contain;

    filter: invert(100%) sepia(6%) saturate(149%) hue-rotate(239deg) brightness(119%) contrast(100%);

}



.wrapper-cart-icon .cart-icon {

    height: 22px;

    object-fit: contain;

    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(239deg) brightness(226%) contrast(194%);

}



.hot-product .splide__arrow--prev img {

    transform: scaleX(-1);

}



.hot-product .splide__arrow {

    width: 26px;

    height: 26px;

    opacity: 1;

    top: auto;

    bottom: 4px;

}



.hot-product .splide__arrow--prev {

    left: 50%;

    transform: translateX(-38px) translateY(-50%);

}



.hot-product .splide__arrow--next {

    right: 50%;

    transform: translateX(38px) translateY(-50%);

}



.hot-product .splide__arrow img {

    width: 100%;

}



.modal-login .modal-content {

    padding: 60px 48px 48px 48px;

    background-color: #fcfcfc;

    border-radius: 26px;

}



.modal-login .modal-header {

    padding: 0;

    border-bottom: none;

    margin-bottom: 34px;

}



.modal-login .modal-header .btn-close {

    position: absolute;

    top: 20px;

    right: 20px;

}



.modal-login .modal-body {

    padding: 0;

}



.modal-login .btn:focus,

.modal-login .btn-close:focus {

    box-shadow: none;

}



.modal-login .modal-header .modal-title {

    font-family: "RalSb";

    font-size: 32px;

    line-height: 1.23;

    color: #88c540;

    font-weight: 500;

    text-align: center;

}



.modal-login .modal-body .form-control {

    border-top: none;

    border-right: none;

    border-left: none;

    border-radius: 0;

    background-color: transparent;

}



.modal-login .modal-body .form-control:focus {

    border-top: none;

    border-right: none;

    border-left: none;

    box-shadow: none;

    border-color: #88c540;

}



.modal-login .modal-body .btn-login {

    font-size: 18px;

    line-height: 23px;

    color: var(--white);

    padding: 10px 24px;

    background-color: var(--lightgreen);

    border-radius: 10px;

}



.modal-login .modal-body .link-dark {

    font-size: 14px;

}



section.product-cart .head-check-cart {

    width: 100%;

    border-bottom: 4px solid #F1F2F4;

}



section.product-cart .head-check-cart label {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #939CB3;

}



section.product-cart .form-check-input:checked {

    background-color: #88C540;

    border-color: #88C540;

}



.shorting-category {

    margin-top: 24px;

    border-bottom: 1px solid #F1F2F4;

}



.shorting-category .wp-check {

    margin-bottom: 20px;

}



.shorting-category .form-check-label span {

    font-style: normal;

    font-weight: 600;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: #141A2B;

}



.shorting-category .form-check-label span i {

    color: #88c540;

}



.shorting-category .form-check-label span:nth-last-of-type(1) {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: #939CB3;

}



section.product-cart .form-check-input {

    margin-right: 12px;

}



section.product-cart .wp-check-product {

    margin-bottom: 32px;

}



.wp-check-product .form-check {

    display: flex;

    flex-direction: row;

    align-items: center;

    margin-bottom: 32px;

}



.wp-check-product .iner-product-2 {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.wp-check-product .iner-product-2 .wp-img {

    width: 98px;

    height: 98px;

    border: 1px solid #F1F2F4;

    border-radius: 12px;

    overflow: hidden;

    margin-right: 24px;

}



.wp-check-product .iner-product-2 .wp-img img {

    width: 98px;

    height: 98px;

    object-fit: cover;

    object-position: center;

}


.wp-check-product .iner-product-2 .wp-dsc h5 {

    font-style: normal;

    font-weight: bold;

    font-size: 24px;

    line-height: 29px;

    text-transform: capitalize;

    color: #141A2B;

    margin-bottom: 12px;

}

.wp-check-product .iner-product-2 .wp-dsc h5 small {
    font-size: 14px;
    font-weight: normal;
}


.wp-check-product .iner-product-2 .wp-dsc span {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    text-transform: capitalize;

    color: #88C540;

}



section.product-cart .product-action {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    padding-left: 26px;

}



section.product-cart .product-action-2 {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.product-action .pd-wrapper-add-value-outer {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.product-action .pd-wrapper-add-value {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.product-action .pd-wrapper-add-value .button-add-value {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    padding: 6px;

    background-color: var(--white);

    border: 2px solid;

    border-color: var(--lightgreen);

    color: var(--lightgreen);

    font-size: 10px;

}



.product-action .pd-wrapper-add-value .input-value {

    font-style: normal;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    color: #000000;

    width: 32px;

    text-align: center;

    border: none;

    border-bottom: 1px solid #CDD1DB;

    margin: 0px 8px;

    border-radius: 0;

}



section.product-cart .product-action .tambah-catatan {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

    color: #88C540;

}



section.product-cart .product-action-2 .btn-remove {

    font-size: 16px;

    color: #CDD1DB;

    background-color: #FFFFFF;

    border: 1px solid #F1F2F4;

    border-radius: 2px;

    padding: 6px 10px 5px 10px;

    margin-right: 48px;

}



section.product-cart .wp-detail-cart {

    position: -webkit-sticky;

    position: sticky;

    top: 210px;

    background-color: #FFFFFF;

    border: 1px solid #EDEDED;

    box-shadow: 0px 4px 24px rgba(147, 156, 179, 0.2);

    border-radius: 4px;

    padding: 24px 24px 32px 24px;

}



section.product-cart .wp-detail-cart .detail-title-cart {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    color: #141A2B;

    margin-bottom: 24px;

}



section.product-cart .wp-detail-cart .table-cart tbody tr td {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #939CB3;

    margin-bottom: 24px;

    padding-top: 18px;

    padding-bottom: 18px;

}



section.product-cart .wp-detail-cart .table-cart tfoot tr td {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    color: #141A2B;

    padding-top: 18px;

    padding-bottom: 18px;

}



section.product-cart .wp-detail-cart .table-cart tfoot tr td .cart-checkout {

    background-color: #88C540;

    border-radius: 2px;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-align: center;

    text-transform: capitalize;

    color: #FFFFFF;

    padding: 14px 35px;

    width: 100%;

    display: inline-block;

    text-decoration: none;

}





/* .main-header .header-main-wrapper .top-header-cart {

    background-color: #ffffff !important;

    border-bottom: 1px solid #F1F2F4 !important;

}



.main-header .dropdown-profile .dropdown-triger-cart span {

    font-style: normal;

    font-weight: 500;

    font-size: 13px;

    line-height: 16px;

    color: #141A2B !important;

    margin-left: 12px;

}



.main-header .header-main-wrapper .second-header-cart {

    background-color: #ffffff !important;

    height: 64px;

    position: relative;

    box-shadow: 0px 4px 12px rgba(205, 209, 219, 0.25) !important;

}*/



.second-header-cart .nine-container h2 {

    font-weight: 600;

    font-size: 32px;

    line-height: 38px;

    color: #ffffff;

}



.second-header-cart .address-button i {

    color: #95c93d;

}



.second-header-cart .address-button button {

    border: none;

    background: none;

    font-size: 14px;

    line-height: 17px;

    color: #ffffff;

    padding: 0px 16px;

}



.caret-dropdown::after {

    font-family: "Font Awesome 5 Free";

    content: "\f078";

    background-image: none;

    font-weight: 600;

    color: #ffffff;

}



.address-modal-content {

    padding: 10px;

    border-radius: 12px !important;

}





.address-title {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    color: #141A2B;

    margin-bottom: 6px;

}



.address-remainder {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #939CB3;

}



.address-list {

    width: 95%;

    margin: 0px auto;

}



.address-item:hover {

    background-color: #F1F2F4;

}



.address-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border: 0.6px solid #CDD1DB;

    box-sizing: border-box;

    border-radius: 12px;

    margin: 0px 0px 12px;

    padding: 26px;

}



.address-item i {

    color: #95c93d;

    font-size: 20px
}



.add-new-address {

    display: flex;

    flex-direction: column;

    align-items: center;

    background: #F1F2F4;

    /* opacity: 0.35; */

    border-radius: 12px;

    padding: 20px;

    width: 95%;

    margin: 0px auto;

    border: none;

}



.add-new-address i {

    font-size: 31px;

    color: #939CB2;

    margin-bottom: 7px;

}



.new-address-header {

    text-align: center;

    margin-bottom: 38px;

}



.new-address-form {

    width: 80%;

    margin: auto;

}



button.new-address-batal {

    background: #FFFFFF;

    border: 1px solid #88C540;

    box-sizing: border-box;

    border-radius: 2px;

    color: #88C540;

    padding: 8px 35px;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

}



button.new-address-submit {

    background: #88C540;

    border-radius: 2px;

    border: none;

    padding: 8px 35px;

    color: #ffffff;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-transform: capitalize;

}



.wp-cart .wp-detail-cart {

    position: -webkit-sticky;

    position: sticky;

    top: 138px;

    background-color: #FFFFFF;

    border: 1px solid #EDEDED;

    box-shadow: 0px 4px 24px rgb(147 156 179 / 20%);

    border-radius: 4px;

    padding: 24px 24px 32px 24px;

}



.wp-cart .wp-detail-cart .detail-title-cart {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    color: #141A2B;

    margin-bottom: 24px;

}



.wp-cart .wp-detail-cart .table-cart tbody tr td {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    color: #939CB3;

    margin-bottom: 24px;

    padding-top: 18px;

    padding-bottom: 18px;

}



.wp-cart .wp-detail-cart .table-cart tfoot tr td {

    font-style: normal;

    font-weight: bold;

    font-size: 18px;

    line-height: 22px;

    color: #141A2B;

    padding-top: 18px;

    padding-bottom: 18px;

}



.wp-cart .wp-detail-cart .table-cart tfoot tr td .cart-checkout {

    background-color: #88C540;

    border-radius: 2px;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-align: center;

    text-transform: capitalize;

    color: #FFFFFF;

    padding: 14px 35px;

    width: 100%;

    display: inline-block;

    text-decoration: none;

}



span.name {

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    line-height: 20px;

    text-transform: capitalize;

    color: #141A2B;

}



span.location-name {

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    text-transform: capitalize;

    color: #141A2B;

    margin: 0px 5px;

}



.address {

    padding: 20px 0px;

    margin-top: 10px;

}



.checkout-address>span {

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 17px;

    text-transform: capitalize;

    color: #141A2B;

}



.address>b {

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    text-transform: capitalize;

    color: #141A2B;

}



.address>p {

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    text-transform: capitalize;

    color: #939CB3;

    margin: 0px;

}







































.hero-nav .nine-container {

    display: flex;

    flex-wrap: inherit;

    justify-content: center;

    min-height: 100%;

}



.hero-nav {

    padding: 0;

}



.hero-nav .nav-link,

.hero-nav .nav-item .dropdown-item {

    position: relative;

    font-family: RalB;

    font-style: normal;

    font-size: 16px;

    line-height: 16px;

    color: #FFFFFF;

    padding-left: 30px !important;

    padding-right: 30px !important;

    padding-top: 15px;

    padding-bottom: 15px;

}



.hero-nav .nav-item .dropdown-item.active,

.hero-nav .nav-item .dropdown-item:active {

    background-color: var(--black);

}



.hero-nav .nav-link.active {

    background-color: var(--lightgreen);

}



.hero-nav .nav-item:hover .nav-link {

    background-color: var(--lightgreen);

}



.hero-nav .nav-item.dropdown .dropdown-menu {

    background-color: var(--black);

    border-radius: 0;

    margin-top: 0;

    padding: 0;

}



.hero-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus,

.hero-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {

    background-color: var(--lightgreen);

}



.hero-nav.category .nav-link::after {

    content: "";

    position: absolute;

    bottom: -3px;

    left: 50%;

    transform: translateX(-50%);

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f0dd";

    font-size: 42px;

    color: var(--black);

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}



.hero-nav.category .nav-link.active::after {

    color: var(--lightgreen);

}



.hero-nav.category .nav-item:hover .nav-link::after {

    color: var(--lightgreen);

}













.product-category-home {

    margin-bottom: 98px;

}



.product-category-home .item-link {

    text-decoration: none;

}



.product-category-home .item-link .product-item {

    margin-top: 28px;

}



.product-category-home .item-link .product-item .image {

    overflow: hidden;

    margin-bottom: 13px;

    padding-top: 80%;

    position: relative;

}



.product-category-home .item-link .product-item .image img {

    width: 100%;

    object-fit: cover;

    object-position: center;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    transition: ease-in-out 0.8s;

}



.product-category-home .item-link .product-item:hover .image img {

    transform: scale(1.1);

}



.product-category-home .item-link .product-item .link-desc h5 {

    font-family: RalEB;

    font-style: normal;

    font-size: 32px;

    line-height: 38px;

    color: #939598;

    text-transform: uppercase;

    margin-bottom: 0;

    transition: ease-in-out 0.2s;

}



.product-category-home .item-link .product-item:hover .link-desc h5 {

    color: var(--lightgreen);

}



.product-category-home .item-link .product-item .link-desc p {

    font-family: Hlv;

    font-style: normal;

    font-size: 20px;

    line-height: 26px;

    color: var(--greytext);

    text-transform: capitalize;

    margin-bottom: 0;

    display: flex;

    flex-direction: row;

    align-items: center;

}



.product-category-home .item-link .product-item .link-desc p span {

    font-weight: bold;

    font-size: 18px;

    color: #939598;

    transition: ease-in-out 0.2s;

    margin-left: 10px;

}



.product-category-home .item-link .product-item:hover .link-desc p span {

    color: var(--lightgreen);



}



.home-news {

    margin-bottom: 58px;

}



.home-news .news-title {

    font-family: HlvB;

    font-size: 33px;

    line-height: 42px;

    color: var(--lightgreen);

    text-transform: capitalize;

    text-align: center;

    margin-bottom: 0;

}



.home-news .wp-btn {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 24px;

}



.home-news .news.view-more {

    font-size: 13px;

    padding: 8px 24px;
    color: var(--lightgreen);
    border-radius: 12px;

    border: 1px solid var(--lightgreen);

}



.home-news .news-link {

    text-decoration: none;

}



.home-news .news-item {

    overflow: hidden;

    background-color: var(--black);

    position: relative;

    margin-top: 28px;

}



.home-news .news-item .wp-img {

    position: relative;

    width: 100%;

    padding-top: 86%;

}



.home-news .news-item .wp-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    position: absolute;

    top: 0;

    left: 0;

}



.home-news .news-item .news-description {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 10px 12px;

    background-color: #c7c7c76d;

}



.home-news .news-item .news-description h5 {

    font-family: HlvB;

    font-size: 16px;

    line-height: 19px;

    margin-bottom: 0;

    color: #000000;

    text-transform: uppercase;

}



.home-news .news-item .news-description span {

    font-family: Hlv;

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 0;

    color: #000000;

    text-transform: capitalize;

}







.modal-login {

    top: 58px;

    left: auto;

    right: 10%;

    width: auto;

}



.dropdown-bahasa .dropdown-menu {

    border-radius: 12px;

    min-width: 14rem;

    inset: 16px 0px auto auto !important;

}



.dropdown-bahasa .dropdown-menu li {

    font-size: 14px;

    line-height: 14px;

}



.dropdown-bahasa .dropdown-menu::after {

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-48%);

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f0de";

    font-size: 42px;

    color: var(--white);

    top: -26px;

}



.dropdown-bahasa .dropdown-menu .dropdown-item:hover {

    background-color: unset;

    color: var(--lightgreen);

}



.category-list {

    padding-top: 38px;

    padding-bottom: 48px;

    min-height: 100vh;

}



.category-list .category-item {

    margin-top: 28px;

}



.category-list .category-item .wp-category-img {

    width: 100%;

    padding-top: 60%;

    position: relative;

    overflow: hidden;

}



/* .category-list .category-item .wp-category-img img {

    position: absolute;

    top: 0;

    object-fit: contain;

    height: 100%;

    width: 100%;

} */





.category-list .category-item .wp-category-desc h5 {

    font-size: 48px;

    line-height: 52px;

    font-family: HlvB;

    color: var(--lightgreen);

    margin-bottom: 0;

    text-transform: uppercase;

}



.category-list .category-item .wp-category-desc .tagline {

    font-size: 19px;

    font-family: Hlv;

    color: var(--black);

    margin-bottom: 18px;

    text-transform: uppercase;

}



.category-list .category-item .wp-category-desc p {

    font-size: 18px;

    line-height: 23px;

    font-family: Hlv;

    color: var(--black);

    margin-bottom: 28px;

    text-align: justify;

    padding-right: 24px;

}



.category-list .category-item .wp-category-desc .wp-button {

    display: flex;

    flex-direction: row;

    align-items: center;

}



.category-list .category-item .wp-category-desc .wp-button .btn-action {

    margin-right: 10px;

}



/* .category-list .category-item .wp-category-desc .wp-button .btn-action.more {

    font-size: 14px;

    line-height: 23px;

    font-family: HlvB;

    background-color: var(--lightgreen);

    padding: 10px 28px;

    text-transform: uppercase;

    color: var(--white);

    border: 1px solid var(--lightgreen);

    border-radius: 0;

} */



.category-list .category-item .wp-category-desc .wp-button .btn-action {

    font-size: 14px;

    line-height: 23px;

    font-family: HlvB;

    border: 1px solid var(--lightgreen);

    background-color: var(--white);

    padding: 10px 28px;

    text-transform: uppercase;

    color: var(--lightgreen);

    border-radius: 0;

}



.category-list .category-item .wp-category-desc .wp-button .btn-action:hover {

    background-color: var(--lightgreen);

    color: var(--white);

}



.category-list .category-item .wp-category-desc .wp-button .btn-action.cart {

    border: 1px solid var(--lightgreen);

    padding: 9px;

    border-radius: 0;

}



.category-list .category-item .wp-category-desc .wp-button .btn-action.whislist {

    border: 1px solid var(--lightgreen);

    padding: 9px;

    border-radius: 0;

}



.category-list .category-item .wp-category-desc .wp-button .btn-action img {

    filter: invert(64%) sepia(32%) saturate(797%) hue-rotate(45deg) brightness(103%) contrast(88%);

    width: 24px;

}



.category-list .category-item .wp-category-desc .wp-button .btn-action:hover img {

    filter: invert(100%) sepia(0%) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);

}



.product-list.list {

    padding-top: 12px;

    padding-bottom: 48px;

    background-color: #F1F2F2;

}



.product-list.list .list-link {

    text-decoration: none;

}



.product-list.list .list-item {

    margin-top: 16px;

    border-radius: 12px;

    overflow: hidden;

    background-color: #FFFFFF;

    transition: ease-in-out 0.4s;

}



.product-list.list .list-item:hover {

    transform: scale(1.02);

}



.product-list.list .wp-list-image {

    border-radius: 0px;

    width: 100%;

    position: relative;

    padding-top: 100%;

}



.product-list.list .wp-list-image img.list-image {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    object-fit: cover;

}



.product-list.list .wp-desc-list {

    padding: 12px;

}



.product-list.list .list-item .wp-desc-list .top {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.product-list.list .list-item .wp-desc-list .top .pl-product-tag {

    margin-bottom: 0;

}



.product-list.list .list-item .wp-desc-list .top .pl-product-tag {

    font-size: 16px;

    font-family: Hlv;

    color: var(--black);

    line-height: 22px;

    text-transform: uppercase;

    margin-bottom: 0;

    text-decoration: none;

}



.product-list.list .list-item .wp-desc-list .top .left-btn .action-btn {

    padding: 0;

    margin-left: 6px;

}



.product-list.list .list-item .wp-desc-list .top .left-btn .action-btn img {

    width: 20px;

    filter: invert(67%) sepia(8%) saturate(677%) hue-rotate(185deg) brightness(92%) contrast(87%);

}



.product-list.list .list-item .wp-desc-list .top .left-btn .action-btn:hover img {

    filter: invert(67%) sepia(62%) saturate(433%) hue-rotate(45deg) brightness(93%) contrast(89%) !important;

}



.product-list.list .list-item .wp-desc-list .pl-product-title {

    font-size: 16px;

    font-family: Hlv;

    color: var(--black);

    line-height: 18px;

    text-transform: capitalize;

    margin-bottom: 6px;

    width: 174px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.rating-wrap .stars-outer {

    position: relative;

    display: inline-block;

}



.rating-wrap .stars-inner {

    position: absolute;

    top: 0;

    left: 0;

    white-space: nowrap;

    overflow: hidden;

    width: 0;

}



.rating-wrap .stars-outer::before {

    content: "\f005 \f005 \f005 \f005 \f005";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #D1D3D4;

    font-size: 14px;

}



.rating-wrap .stars-inner::before {

    content: "\f005 \f005 \f005 \f005 \f005";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: var(--lightgreen);

    font-size: 14px;

}





.new-slide-product .rating-wrap {

    position: absolute;

    bottom: 28px;

    right: 48px;

    z-index: 10;

}



.new-slide-product .rating-wrap .number-rating {

    display: block;

    position: relative;

    font-size: 18pt;

    color: var(--lightgreen);

    font-family: Hlv;

    text-align: end;

}



.new-slide-product .rating-wrap .stars-outer::before {

    font-size: 20px;

}



.new-slide-product .rating-wrap .stars-inner::before {

    font-size: 20px;

}



.product-list.list .list-item .wp-desc-list .pl-product-price {

    font-size: 18px;

    font-family: HlvB;

    color: var(--lightgreen);

    line-height: 22px;

    text-transform: capitalize;

    margin-bottom: 0;

}



.dropdown-content-main .grid .grid-item {

    margin-bottom: 23px;

    padding-right: 14px;

}



.dropdown-content-main .grid .grid-item .official-brand h5 {

    font-size: 22px;

    font-family: RalB;

    text-transform: uppercase;

    margin-bottom: 14px;

    color: var(--black);

}



.dropdown-content-main .grid .grid-item .official-brand ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



.dropdown-content-main .grid .grid-item .official-brand ul li a.link-menu {

    font-size: 16px;

    color: var(--black);

    text-transform: capitalize;

    font-family: Hlv;

    text-decoration: none;

}



.dropdown-content-main .grid .grid-item .official-brand ul li a.link-menu:hover,

.dropdown-content-main .grid .grid-item .official-brand ul li.active a.link-menu {

    color: var(--lightgreen);

}





.wp-wish-list .list-link {

    text-decoration: none;

}



.wp-wish-list .list-item {

    margin-top: 16px;

}



.wp-wish-list .wp-list-image {

    border-radius: 22px;

    border: 1px solid var(--lightgreen);

    overflow: hidden;

    width: 100%;

    position: relative;

    padding-top: 100%;

    margin-bottom: 10px;

}



.wp-wish-list .wp-list-image img.list-image {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    object-fit: cover;

}



.wp-wish-list .list-item .wp-desc-list .top {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.wp-wish-list .list-item .wp-desc-list .top .pl-product-tag {

    font-size: 14px;

    font-family: HlvL;

    color: var(--black);

    line-height: 22px;

    text-transform: capitalize;

    text-decoration: none;

    margin-bottom: 0;

}



.wp-wish-list .list-item .wp-desc-list .top .left-btn .action-btn {

    padding: 0;

    margin-left: 6px;

}



.wp-wish-list .list-item .wp-desc-list .top .left-btn .action-btn img {

    width: 16px;

    filter: invert(74%) sepia(41%) saturate(600%) hue-rotate(42deg) brightness(87%);

}



.wp-wish-list .list-item .wp-desc-list .pl-product-title {

    font-size: 14px;

    font-family: HlvL;

    color: var(--black);

    line-height: 22px;

    text-transform: capitalize;

    margin-bottom: 0;

}



.wp-wish-list .list-item .wp-desc-list .pl-product-price {

    font-size: 14px;

    font-family: HlvL;

    color: var(--black);

    line-height: 22px;

    text-transform: capitalize;

    margin-bottom: 0;

}













.detail-product {

    padding-top: 68px;

    padding-bottom: 18px;

    min-height: calc(100vh - 250px);

    position: relative;

    background-color: #F1F2F2;

}



/* .detail-product .wp-image-detail {

    width: 100%;

    padding-top: 75%;

    position: relative;

    overflow: hidden;

    margin-bottom: 0;

}



.detail-product .wp-image-detail .detail-image {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    object-fit: contain;

    height: 100%;

} */





.detail-product .wp-image-detail {

    width: 100%;

    height: 580px;

    position: relative;

    overflow: hidden;

    cursor: zoom-in;

}



.detail-product .wp-image-detail .detail-image {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    transition: transform 0.5s ease-out;

}



.single-left-product {

    background-color: #FFFFFF;

    border-radius: 14pt;

    overflow: hidden;

}



.single-left-product .detail-desc {

    padding: 28px 28px 68px 28px;

}



.detail-product .detail-desc h5 {

    font-size: 48px;

    line-height: 54px;

    font-family: HlvB;

    color: var(--lightgreen);

    margin-bottom: 0;

}



.detail-product .detail-desc .tagline {

    font-size: 19px;

    font-family: Hlv;

    color: var(--black);

    margin-bottom: 18px;

    text-transform: uppercase;

}



.detail-product .detail-desc p {

    font-size: 18px;

    line-height: 23px;

    font-family: Hlv;

    color: var(--black);

    margin-bottom: 18px;

    text-align: justify;

}



.detail-product .detail-desc ul li p,

.detail-product .detail-desc ol li p {

    margin-bottom: 0;

}



.detail-product .detail-desc ul {

    padding-left: 20px;

}



.detail-product .detail-desc h3 {

    font-size: 24px;

    line-height: 32px;

}



.detail-product .detail-desc li {

    font-size: 18px;

    line-height: 23px;

    font-family: Hlv;

    color: var(--black);

    text-align: justify;

}







.detail-product .tab-spesification {

    border: none;

    margin-bottom: 20px;

}



.detail-product .tab-spesification .nav-item:nth-of-type(1) .nav-link {

    margin-left: 0;

    margin-right: 12px;

}



.detail-product .tab-spesification .nav-item:nth-of-type(1) .nav-link::after {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -12px;

    content: '';

    width: 1px;

    height: 20px;

    background-color: var(--black);

}



.detail-product .tab-spesification .nav-item:nth-of-type(2) .nav-link {

    margin-left: 12px;

    margin-right: 0;

}



.detail-product .tab-spesification .nav-item .nav-link {

    margin-bottom: 0;

    border: none;

    padding-top: 8px;

    padding-bottom: 8px;

    padding-left: 0;

    padding-right: 0;

    border-color: var(--lightgreen);

    font-size: 18px;

    color: var(--black);

    position: relative;

    text-transform: uppercase;

}



.detail-product .tab-spesification .nav-item .nav-link.active {

    border-bottom: 3px solid var(--lightgreen);

    background-color: #ffffff00;

}



.detail-product .tab-content-spesification h5 {

    font-size: 26px;

    font-family: HlvB;

    color: var(--lightgreen);

}



.detail-product .tab-content-spesification .table-spek {

    margin-bottom: 20px;

}



.detail-product .tab-content-spesification .table-spek td {

    font-size: 18px;

    line-height: 24px;

    color: var(--black);

    padding-top: 2px;

    padding-bottom: 2px;

    padding-left: 0;

    padding-right: 0;

    border-bottom: none;

}



.detail-product .tab-content-spesification h3 {

    font-size: 62px;

    line-height: 62px;

    font-family: HlvB;

    color: var(--lightgreen);

    margin-bottom: 28px;

}



.detail-product .tab-content-spesification .table-spek2 {

    margin-bottom: 28px;

}



.detail-product .tab-content-spesification .table-spek2 td {

    font-size: 16px;

    line-height: 24px;

    color: var(--black);

    padding-top: 2px;

    padding-bottom: 2px;

    padding-left: 0;

    padding-right: 0;

    border-bottom: none;

}



.detail-product .tab-content-spesification .wp-action .button-action {

    font-size: 14px;

    line-height: 17px;

    text-transform: uppercase;

    color: var(--lightgreen);

    background-color: var(--white);

    border: 1px solid var(--lightgreen);

    padding: 18px 38px;

    border-radius: 1px;

}



.detail-product .tab-content-spesification .wp-action .button-action:hover {

    background-color: var(--lightgreen);

    color: var(--white);

}



.detail-product .tab-content-spesification .wp-action .button-action.cart {

    background-color: var(--white);

    border: 1px solid var(--lightgreen);

    padding: 16px 16px;

    margin-left: 10px;

}



.detail-product .tab-content-spesification .wp-action .button-action.cart:hover {

    background-color: var(--lightgreen);

}



.detail-product .tab-content-spesification .wp-action .button-action.cart:hover img {

    filter: invert(100%) sepia(0%) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);

}



.detail-product .tab-content-spesification .wp-action .button-action.cart img {

    width: 24px;

    filter: invert(64%) sepia(32%) saturate(797%) hue-rotate(45deg) brightness(103%) contrast(88%);

}



.detail-product .detail-bottom {

    margin-top: 200px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.detail-product .detail-bottom .tag-wrapper p {

    font-size: 12px;

    color: var(--black);

}



.detail-product .detail-bottom .tag-wrapper p span {

    background-color: var(--black);

    color: var(--white);

    padding: 4px 6px;

    border-radius: 8px;

}



.detail-product .detail-bottom a.back-to {

    font-size: 16px;

    color: var(--black);

    font-family: Hlv;

    font-style: normal;

}





.detail-product .tab-content-review {

    padding-top: 18px;

}



.detail-product .tab-content-review input[type="checkbox"] {

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.detail-product .tab-content-review label {

    position: relative;

    width: 30px;

    height: 30px;

    display: inline-block;

}



.detail-product .tab-content-review .check::before,

.detail-product .tab-content-review .rated::after {

    font-family: "Font Awesome 5 Free";

    font-weight: 300;

    content: "\f005";

    font-size: 26px;

    position: absolute;

    color: var(--lightgreen);

    left: 0;

    bottom: 0;

    line-height: 50px;

}



.detail-product .tab-content-review .rated::after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f005";

}



.detail-product .tab-content-review .check:hover::before {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f005";

}



.detail-product .tab-content-review p {

    font-size: 16px;

    color: var(--black);

    font-family: HlvL;

    margin-top: 10px;

}



.detail-product .tab-content-review textarea {

    font-size: 16px;

    color: var(--black);

    font-family: HlvL;

    border: 1px solid var(--lightgreen);

    margin-bottom: 16px;

}



.detail-product .tab-content-review .wp-btn {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

}



.detail-product .tab-content-review .wp-btn .btn-send {

    font-size: 16px;

    color: var(--white);

    font-family: HlvL;

    text-transform: uppercase;

    background-color: var(--lightgreen);

    padding: 10px 28px;

    border-radius: 0;

}



.category-list {

    padding-top: 38px;

    padding-bottom: 48px;

    min-height: 100vh;

}



.category-list .category-item {

    margin-top: 28px;

}



.category-list .category-item .wp-category-img {

    width: 100%;

    padding-top: 60%;

    position: relative;

    overflow: hidden;

    border: 1px solid #e1e1e1;

    border-radius: 18px;

}



.category-list .category-item .wp-category-img img {

    position: absolute;

    top: 0;

    object-fit: contain;

    height: 100%;

    width: 100%;

    transform: scale(1.2);

}









.news-list .news-gallery {

    width: 100%;

    margin: 0 auto;

    display: grid;

    grid-template-columns: [row1-start] 32.62% repeat(auto-fit, minmax(350px, 1fr));

    grid-auto-rows: 350px;

    grid-auto-flow: dense;

    grid-gap: 14px;

}



.news-list .news-gallery .news-item {

    position: relative;

    overflow: hidden;

}



.news-list .news-gallery .news-item:nth-child(2) {

    grid-column: span 2;

    grid-row: span 2;

}



.news-list {

    position: relative;

    padding: 68px 0px;

}



.news-list .news-link {

    text-decoration: none;

}



.news-list .news-item {

    overflow: hidden;

    background-color: var(--black);

    position: relative;

}



.news-list .news-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.news-list .news-item .news-description {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 10px 12px;

    background-color: #c7c7c76d;

}



.news-list .news-item .news-description h5 {

    font-family: HlvB;

    font-size: 16px;

    line-height: 19px;

    margin-bottom: 0;

    color: #FFFFFF;

    text-transform: uppercase;

}



.news-list .news-item .news-description span {

    font-family: Hlv;

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 0;

    color: #FFFFFF;

    text-transform: capitalize;

}









.download {

    position: relative;

    padding: 68px 0px;

}



.download .download-link {

    text-decoration: none;

    padding: 0;

}



.download .download-link:focus-visible {

    border-width: 0px !important;

    border-radius: 0;

}



.download .download-item {

    overflow: hidden;

    background-color: var(--black);

    position: relative;

    border-radius: 18px;

    background-color: #f1f1f2;

    box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.05) 0px 1px 3px 1px;

}



.download .download-item img {

    width: 100%;

    object-fit: cover;

    object-position: center;

}



.download .download-item .download-description h5 {

    font-family: HlvB;

    font-size: 20px;

    line-height: 22px;

    margin-bottom: 0;

    color: var(--lightgreen);

    text-transform: uppercase;

}



.download .download-item .download-description span {

    font-family: Hlv;

    font-size: 16px;

    line-height: 18px;

    margin-bottom: 0;

    color: #939598;

    text-transform: capitalize;

}

.download .download-item:hover .download-description span {
    color: #FFFFFF;

}


.download .download-item .download-description {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 18px 32px 18px 18px;

    background-color: #00000000;

    text-align: start;

}

.download .download-item:hover .download-description {

    background-color: #000000b3;

}


.download .download-item .download-description::after {

    position: absolute;

    right: 24px;

    top: 50%;

    transform: translateY(-50%);

    color: #939598;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f054";

}

.download .download-item:hover .download-description::after {
    color: #FFFFFF;
}


section.single-blog {

    padding-top: 120px;

    padding-bottom: 120px;

}



section.single-blog p {

    text-align: justify;

    text-justify: inter-word;

}



section.single-blog .blog-judul {

    font-weight: bolder;

}



section.detail-product .wp-card-review {
    background-color: #FFFFFF;
    border-radius: 28px;
    padding: 28px;
}

section.detail-product .wp-card-review .item-review {
    margin-bottom: 48px;
}

section.detail-product .wp-card-review .item-review:nth-last-of-type(1) {
    margin-bottom: 0;
}

section.detail-product .wp-account-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

section.detail-product .wp-account-info .wp-account-thumb {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

section.detail-product .wp-account-info .wp-account-thumb .account-thumb {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

section.detail-product .wp-account-info .account-detail {
    width: 100%;
}

section.detail-product .account-detail p.name-account {
    font-size: 14px;
    font-family: HlvB;
    font-weight: bold;
    color: #000000;
    margin-bottom: 0;
    margin-top: 0;
}

section.detail-product .account-detail p.name-account span {
    font-size: 10px;
    font-family: HlvL;
    color: #000000;
    margin-left: 5px;
}

section.detail-product .account-action button::after {
    font-family: "Font Awesome 5 Free";
    content: "\3a";
    font-weight: 900;
    font-size: 22px;
    color: #000000;
    border: none;
    vertical-align: middle;
}

section.detail-product .wp-review-desc .review-desc {
    font-family: Hlv;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    width: 100%;
    max-width: 500px;
}

section.detail-product .review-collapse .accordion-item {
    border: none;
}

section.detail-product .review-collapse .accordion-item button.accordion-button {
    padding: 10px;
    font-size: 12px;
    justify-content: flex-end;
    width: max-content;
    margin-left: auto;
}

section.detail-product .review-collapse .accordion-item .accordion-button::after {
    flex-shrink: 0;
    width: auto;
    height: auto;
    margin-left: 8px;
    font-size: 16px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106";
    background-image: none;
}

section.detail-product .review-collapse .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: none;
}

section.detail-product .review-collapse .accordion-item .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: none;
}

section.detail-product .wp-item-balasan {
    border: 1px solid var(--lightgreen);
    border-radius: 24px;
    padding: 10px 18px;
}

section.detail-product .account-detail p.name-account span.badge-penjual {
    font-size: 10px;
    font-family: HlvL;
    color: #FFFFFF;
    background-color: var(--lightgreen);
    margin-left: 5px;
}

.new-slide-product .carousel-item {
    width: 100%;
    height: 580px;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
    transition: transform .1s ease-in-out;
}

.new-slide-product .carousel-item .detail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}

.new-slide-product .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    display: flex;
    flex: 0 1 auto;
    width: 120px;
    height: 120px;
    padding: 0;
    margin-right: 3px;
    margin-left: 0;
    border: 1px solid #00000000;
    text-indent: -999px;
    cursor: pointer;
    background-clip: padding-box;
    border-radius: 16px;
    overflow: hidden;
    opacity: 1;
    transition: none;
}

.new-slide-product .carousel-indicators .active {
    border: 1px solid var(--lightgreen);
}

.new-slide-product .slider-indicator {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.new-slide-product .carousel-indicators {
    position: relative;
    right: unset;
    bottom: unset;
    left: unset;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0;
    padding-left: 28px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}


.upload-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-btn>input[type='file'] {
    display: none
}

.upload-btn>label {
    cursor: pointer;
    outline: 0;
    user-select: none;
    color: #FFFFFF;
    font-size: 16px;
    background-color: var(--lightgreen);
    border-radius: 6px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-input-avatar p.info {
    text-align: center;
    color: var(--greytext);
    font-size: 12px;
    line-height: 15px;
}

.wp-userprofile .form-label {
    color: #939598;
    font-size: 14px;
    margin-bottom: 0;
}

.wp-userprofile .form-control {
    background-color: transparent;
    font-size: 18px;
    padding: 2px 0.75rem;
    transition: ease-in 0.2s;
}

.wp-userprofile .form-control:focus {
    border-color: var(--lightgreen);
    box-shadow: 0 0 0 0.25rem rgba(134, 196, 64, 0.25);
}

.wp-userprofile .form-control:disabled,
.form-control[readonly] {
    color: #939598;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
}

.wp-userprofile .btn-edit-profile {
    padding: 4px 28px 4px 28px;
    font-size: 12px;
    background-color: #000000 !important;
}

section.product-list .profile-tab {
    /* border-bottom: 1px solid #e6e7e8; */
    border-bottom: unset;
}

section.product-list .profile-tab .nav-item .nav-link {
    /* font-size: 16px;
    font-weight: bold;
    color: #e6e7e8; */
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    border: none;
    position: relative;
}

section.product-list .profile-tab .nav-item .nav-link::after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 5px;
    width: 1px;
    height: 30px;
    border-left: 2px solid #e6e7e8;
}

section.product-list .profile-tab .nav-item:nth-last-of-type(1) .nav-link::after {
    display: none;
}

section.product-list .profile-tab .nav-link.active {
    border: none;
    background-color: #00000000;
    color: var(--lightgreen);
}

section.product-list .profile-tab .nav-link:focus,
section.product-list .nav-tabs .nav-link:hover {
    color: var(--lightgreen);
    border: none;
}

section.product-list .profile .img-profile {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

section.product-list .profile {
    border-radius: 182px;
    margin-bottom: 18px;
    overflow: hidden;
}

.wp-wish-list .list-whislist li::marker {
    color: var(--greytext);
}

.wp-wish-list .list-whislist li .whislist-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    color: var(--greytext);
    width: 100%;
    padding: 12px 0px;
}

.wp-wish-list .list-whislist li:hover .whislist-link {
    color: var(--lightgreen);
}

.wp-wish-list .list-whislist li:hover::marker {
    color: var(--lightgreen);
}

.wp-wish-list .list-whislist li .whislist-link p {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.wp-wish-list .list-whislist li .whislist-link p::after {
    content: " ................................................................";
}

.whistlist-header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 12px;
}

.whistlist-header a.whislist-more {
    text-decoration: none;
    color: #d50000;
    font-size: 14px;
    width: max-content;
}

.wp-now-left-item {
    background-color: var(--white);
    border-radius: 22px;
    padding: 34px;
    position: relative;
    z-index: 20;
}

.wp-now-left-item .buy-title {
    font-family: HlvB;
    font-size: 28px;
    color: #000000;
    margin-bottom: 18px;
}

.now-store {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 14px;
}

.now-store .now-img-store {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #88C540;
}

.now-store .now-store-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
}

.now-store-title h5.store-title {
    font-size: 18px;
    font-family: Hlv;
    color: #000000;
    margin-bottom: 4px;
}

.now-store-title h5.store-title span {
    font-size: 12px;
    margin-left: 4px;
    padding: 2px 6px;
    background-color: var(--lightgreen);
    border-radius: 4px;
    color: #FFFFFF;
}

.now-store-title .store-address {
    font-size: 14px;
    color: #000000;
    margin-bottom: 0px;
}

.now-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.now-item img.now-item-img {
    width: calc(40% - 18px);
    max-width: 280px;
    min-width: 180px;
}

.now-item .now-detail {
    display: flex;
    flex-direction: column;
    margin-left: 18px;
    width: 60%;
}

.now-item .now-detail .now-item-category {
    font-size: 18px;
    color: #000000;
    margin-bottom: 0;
    line-height: 24px;
}

.now-item .now-detail .now-item-title {
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 0;
    font-family: HlvB;
}

.now-item .now-detail .now-item-weight {
    color: var(--greytext);
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 28px;
}

.now-item .now-price-item {
    font-size: 22px;
    color: #000000;
    line-height: 27px;
    margin-bottom: 12px;
    font-family: HlvB;
}

.now-item .pd-wrapper-add-value {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #d1d3d4;
    border-radius: 8px;
    width: 100%;
    max-width: fit-content;
    overflow: hidden;
}

.now-item .pd-wrapper-add-value button.button-add-value i {
    color: var(--lightgreen);
}

.now-item .pd-wrapper-add-value input.input-value {
    width: 100%;
    max-width: 84px;
    text-align: center;
    border: none;
    font-size: 18px;
    background-color: #FFFFFF !important;
}

.now-notes .notes-title {
    font-size: 14px;
    color: #000000;
    line-height: 19px;
    margin-bottom: 10px;
    font-family: HlvB;
}

.now-notes textarea.notes-input {
    border: 1px solid #d1d3d4;
    font-size: 14px;
    font-family: Hlv;
    padding: 14px;
    border-radius: 8px;
    width: 100%;
    max-width: 484px;
}

.wp-now-left-shipments {
    background-color: var(--white);
    border-radius: 22px;
    padding: 34px 0px;
    z-index: 20;
    position: relative;
}

.wp-shipment-address .shipment-title {
    font-family: HlvB;
    font-size: 28px;
    color: #000000;
    margin-bottom: 18px;
}

.wp-shipment-address {
    padding: 0px 34px;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
}

.wp-shipment-address::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d1d3d4;
}

.wp-shipment-address i {
    background-color: var(--lightgreen);
    color: #FFFFFF;
    border-radius: 50px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 24px;
    height: 24px;
    right: 34px;
    top: 6px;
    left: auto;
}

.wp-address-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wp-address-detail .account-img {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #000000;
}

.wp-address-detail .address-detail {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
}

.wp-address-detail .account-detail {
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 0;
    font-family: HlvB;
}

.wp-address-detail .account-detail span {
    font-family: Hlv;
}

.wp-address-detail .shipment-address {
    font-size: 14px;
    color: #d1d3d4;
    margin-bottom: 0;
    line-height: 21px;
}

.wp-shipment-detail {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    position: relative;
    padding: 0px 34px;
    margin-bottom: 24px;
    justify-content: space-between;
}

.wp-shipment-detail::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d1d3d4;
}

.wp-shipment-detail .shipment-option {
    width: 100%;
}

.wp-shipment-detail .shipment-option .option-title {
    font-size: 14px;
    color: #000000;
    font-family: HlvB;
    margin-bottom: 8px;
}

.wp-shipment-detail .shipment-option select {
    position: relative;
    border: 1px solid #d1d3d4;
    background-image: none;
    border-radius: 8px;
    font-size: 14px;
    color: #000000;
    padding: 12px 14px;
    width: calc(100% - 18px);
}

.wp-shipment-detail .shipment-option select::after {
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
}

.wp-shipment-detail .shipment-cost {
    font-size: 12px;
    color: #000000;
    font-family: HlvB;
    margin-bottom: 0;
    margin-top: 8px;
}

.wp-payment-method .payment-title {
    font-size: 28px;
    font-family: HlvB;
    color: #000000;
    line-height: 38px;
    margin-bottom: 12px;
    cursor: pointer;
}



img.payment-logo {
    width: 100%;
    max-width: 142px;
}


.wp-payment-method {
    padding: 0px 34px;
    position: relative;
}

.wp-payment-method i {
    background-color: var(--lightgreen);
    color: #FFFFFF;
    border-radius: 50px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 24px;
    height: 24px;
    right: 34px;
    top: 6px;
    left: auto;
    cursor: pointer;
}



















.wp-summary .wp-detail-cart {

    position: -webkit-sticky;

    position: sticky;

    top: 210px;

    background-color: #FFFFFF;

    border: 1px solid #EDEDED;

    border-radius: 22px;

    padding: 24px 24px 32px 24px;
    z-index: 20;

}


.wp-summary .wp-detail-cart .detail-title-cart {

    font-style: normal;

    font-weight: bold;

    font-size: 28px;
    font-family: HlvB;
    color: #000000;
    margin-bottom: 24px;

}

.wp-summary .wp-detail-cart .table-cart tbody {
    border-bottom: 1px solid #d1d3d4;
    padding-bottom: 8px;
}

.wp-summary .wp-detail-cart .table-cart tbody tr td {

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin-bottom: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: #00000000;

}



.wp-summary .wp-detail-cart .table-cart tfoot tr td {

    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #141A2B;
    font-family: HlvB;
    padding-top: 8px;
    padding-bottom: 8px;

}




.wp-summary .wp-detail-cart .table-cart tfoot tr td .cart-checkout {

    background-color: #88C540;

    border-radius: 2px;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 17px;

    text-align: center;

    text-transform: capitalize;

    color: #FFFFFF;

    padding: 14px 35px;

    width: 100%;

    display: inline-block;

    text-decoration: none;

}

.bg-buy-now {
    position: relative;
}

.bg-buy-now::after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/ab-right.svg");
    width: 274px;
    height: 868px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    z-index: 10;
}

.bg-buy-now::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/ab-left.svg");
    width: 494px;
    height: 668px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 10;
}

.dropdown-profile .dropdown-content-profile {
    padding: 18px;
    border-radius: 32px;
    min-width: 300px;
}

.main-dp-akun {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.main-dp-akun .dp-ic-name {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: HlvB;
}

.main-dp-akun .dp-ic-name span {
    font-family: Hlv;
}

.main-dp-akun .dp-ic-nine {
    color: var(--greytext);
    margin-bottom: 0;
    font-size: 12px;
}

.main-dp-akun .sc-ic-wp {
    display: flex;
    flex-direction: row;
}

.main-dp-akun img.dp-ic-pfl {
    width: 42px;
    height: 42px;
    border-radius: 50px;
    margin-right: 12px;
    object-fit: cover;
}

.main-dp-akun .sc-ic-wp img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.dropdown-profile .dropdown-content-profile .dropdown-item {
    padding: 4px 8px;
    border-radius: 8px;
    color: #939598;
}

.dropdown-profile .dropdown-content-profile .dropdown-item.active,
.dropdown-profile .dropdown-content-profile .dropdown-item:active {
    background-color: var(--lightgreen) !important;
    color: #FFFFFF !important;
}

.dropdown-profile .dropdown-content-profile .dropdown-item:focus,
.dropdown-profile .dropdown-content-profile .dropdown-item:hover {
    color: var(--lightgreen);
}

.hero-nav .navbar-nav {
    flex-direction: row;
}

.dropdown-notif .dropdown-menu {
    padding: 0;
    background-color: var(--white);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 4%) 0px 4px 6px -1px;
    border: none;
    width: 350px;
    max-width: 350px;
}

.dropdown-notif {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dropdown-notif .wrapper-notif::after {
    display: none !important;
}

.dropdown-notif .wrapper-notif {
    padding: 8px 10px 8px 10px;
}

.dropdown-notif .dropdown-menu .wp-dp-notif {
    padding: 18px 28px 26px 12px;
}

.wp-dp-header-notif {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 18px;
}

.wp-dp-header-notif a {
    text-decoration: none;
    color: #d50000;
    font-size: 14px;
}









.wp-dp-notif .list-notif li::marker {
    color: var(--greytext);
}

.wp-dp-notif .list-notif li .notif-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    color: var(--greytext);
    width: 100%;
    padding: 12px 0px;
}

.wp-dp-notif .list-notif li:hover .notif-link {
    color: var(--lightgreen);
}

.wp-dp-notif .list-notif li:hover::marker {
    color: var(--lightgreen);
}

.wp-dp-notif .list-notif li .notif-link p {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.wp-dp-notif .list-notif li .notif-link p::after {
    content: " ................................................................";
}


.wp-detail-cart .wrapper-table .wp-promo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.wp-detail-cart .wrapper-table .wp-promo p.promo-title {
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #141A2B;
    font-family: HlvB;
    margin-bottom: 0;
}

.wp-detail-cart .wrapper-table .wp-promo i {
    background-color: var(--lightgreen);
    color: #FFFFFF;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 24px;
    height: 24px;
}

.btn-nine {
    color: #FFFFFF;
    font-size: 14px;
    background-color: var(--lightgreen);
    border-radius: 6px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swal2-styled.swal2-confirm {
    background-color: var(--lightgreen) !important;
}

.swal2-styled:focus {
    box-shadow: 0 0 0 2px #88c540, 0 0 0 4px rgb(136, 197, 64, 40%);
}

.profile-card{
    padding: 3rem;
    border: 2px solid #e6e7e8;
    border-radius: 20px;
}

.profile-title-card {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    border: 2px solid #e6e7e8;
    border-radius: 20px;
    margin-bottom: 1rem;
}

.title-cart{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}

.sub-title-cart{
    color: var(--greytext);
}

.product-name-checkout{
    font-weight: bold;
}

.product-weight-checkout{
    font-size: 14px;
    color: var(--greytext);
}

.wrapper-search-show{
    border-color: var(--lightgrey);
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 14px;
    margin-right: 0px;
    padding-left: 6px;
    background-color: #000000;
    border: solid 1px #ffffff;
}

.wrapper-search-show .input-search{
    width: 300px;
    padding: 14px 0px 14px 14px;
    background: none;
    outline: none;
    transition: 0.4s;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    border: none;
}

.second-header .wrapper-search-show .input-search::placeholder {
    color: var(--mediumgrey);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
}

.wrapper-search-show .btn-search{
    color: var(--white);
    float: left;
    background: none;
    font-size: 20px;
    transition: 0.4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hs-profile-wrapper{
    width: 100%;
}

.hs-profile-wrapper .hs-image{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 150px;
}

.hs-profile-wrapper .hs-name{
    font-size: 32px;
    font-weight: bold;
    line-height: 28px;
}

.hs-profile-wrapper .hs-member{
    display: flex;
}

.hs-profile-wrapper .hs-member img{
    width: 20px;
}

.hs-profile-wrapper .hs-member p{
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 24px;
    color: var(--greytext);
}

.hs-profile-wrapper .hs-email{
    margin-left: 30px;
    color: var(--greytext);
}


.hs-menu-wrapper{
    height: 160px;
    background-color: var(--lightgrey);
    border-radius: 21px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hs-menu-image {
    width: 60px;
    margin-bottom: 10px;
    filter: invert(30%) sepia(0%) saturate(3%) hue-rotate(193deg) brightness(95%) contrast(83%);
}

.hs-menu-title{
    margin-bottom: 0px;
}

.hs-menu-wrapper-large {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--lightgrey);
    border-radius: 21px;
    height: 100%;
}

.hs-menu-item{
    text-align:center;
}

.hs-menu-item.active, .hs-menu-wrapper.active{
    color:var(--lightgreen);
}

.hs-menu-item.active .hs-menu-image{
    /* color:var(--lightgreen); */
    filter: invert(67%) sepia(62%) saturate(434%) hue-rotate(45deg) brightness(94%) contrast(88%);
}

.hs-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hs-header-text {
    font-size: 32px;
    font-weight: bold;
}

.hs-subheader-text {
    color: var(--greytext);
}

.hs-subheader-text-2 {
    color: var(--darktext);
}


.alamat-title{
    font-size: 20px;
    font-weight: bold;
    color: var(--greytext);
    margin-bottom: 10px;
}

.detail-alamat-wrapper {
    color: var(--greytext);
}
.detail-alamat-wrapper .penerima-wrapper .title{
    font-size: 14px;
    font-weight: bold;
}

.detail-alamat-wrapper .penerima-wrapper .nama{
    font-size: 20px;
    line-height: 16px;
    margin-top: 5px;
}

.detail-alamat-wrapper .penerima-wrapper .alamat{
    font-size: 20px;
}

.detail-alamat-wrapper .telp-wrapper{
    margin-top: 10px;
}

.detail-alamat-wrapper .telp-wrapper .title{
    font-size: 14px;
    font-weight: bold;
}

.detail-alamat-wrapper .telp-wrapper .telp{
    font-size: 20px;
    line-height: 16px;
    margin-top: 5px;
}

.alamat-btn-wrapper{
    text-align:right;
}

.btn-light-green {
    border: none;
    padding: 5px 30px;
    border-radius: 7px;
    background: var(--lightgreen);
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.alamat-list-wrapper{
    border-bottom: 2px solid #e6e7e8; 
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hs-header-wrapper .hs-header-link {
    text-decoration: none;
    color: var(--darktext);
    font-weight:bold;
}

.form-order{
    width: 100%;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid;
    outline: none;
}

.hs-header-wrapper-hallo {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.img-produk {
    width: 100%;
    border: 2px solid #e6e7e8;
    border-radius: 20px;
    object-fit: cover;
}

.produk-wrapper .produk-text {
    text-align: center;
    margin-top: 15px;
}

.produk-wrapper .produk-text .title {
    font-size: 20px;
    font-weight: bold;
    color: var(--lightgreen);
    line-height: 10px;
}

.produk-wrapper .produk-text .merek {
    font-size: 20px;
    font-weight: bold;
}

.produk-wrapper .produk-text .order {
    font-size: 14px;
}

.detail-produk-pesanan{
    padding: 25px;
}

.detail-produk-pesanan .title{
    font-size: 32px;
    font-weight: bold;
    color: var(--lightgreen);
    line-height: 28px;
}

.detail-produk-pesanan .bold{
    font-size: 24px;
    font-weight: bold;
}

.detail-produk-pesanan .order{
    margin-bottom:25px;
}

.layanan-card {
    width: 210px;
    background: var(--lightgrey);
    border-radius: 25px;
    padding: 30px;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.layanan-card img{
    width: 60%;
}

.layanan-card.active img{
    filter: invert(67%) sepia(62%) saturate(434%) hue-rotate(45deg) brightness(94%) contrast(88%);
}

.layanan-card p{
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: bold
}

.layanan-card.active p{
    color: var(--lightgreen);
}

.hs-header-text-sm {
    font-size: 26px;
    font-weight: bold;
}

.hs-subheader-text-sm {
    font-size: 14px;
    color: var(--greytext);
}

.btn-garansi{
    background: none;
    outline: none;
    border-radius: 15px;
    padding: 15px;
    border: 3px solid var(--darktext);
    font-weight: bold;
}

.grup-lacak-pesanan a.lacak{
    text-decoration: none;
    color: #000000;
}
.grup-lacak-pesanan a.lacak:hover p,.grup-lacak-pesanan a.lacak:hover img{
    filter: invert(67%) sepia(62%) saturate(434%) hue-rotate(45deg) brightness(94%) contrast(88%);
}