:root {
    --black: #132122;
    --white: white;
    --light-grey: #E1E1E0;
    --dark-grey: #9a9a9a;
    --green: rgba(102, 184, 106, 0.4);
    --light-green: #66b86a4a;
    --dark-green: #132123;
    --orange: #fc9a28;
    --heading-font: 'Righteous';
    --text-font: 'Montserrat';
    --text-roboto: 'Roboto';
    --xll: 65px;
    --xl: 56px;
    --l: 45px;
    --m: 32px;
    --sm: 24px;
    --ss: 20px;
    --s: 18px;
    --xs: 16px;
    --xsss: 12px;
    --xss: 13px;
    --border-color: rgba(0, 0, 0, 0.188);
    --border-color-darken: rgb(130, 130, 130);
}

html {
    overflow-x: hidden;
}
button,
a {
    cursor: pointer;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
span {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--heading-font);
    display: block;
}

a {
    text-decoration: none;
    color: white;
    color: var(--black);
}

span,
p,
div,
button,
a {
    font-family: var(--text-font);
}

.bg_black {
    background-color: var(--black);
}

.bg_green {
    background-color: var(--green);
}

.bg_dark_green {
    background-color: var(--dark-green);
}

.bg_gray {
    background-color: var(--light-grey);
}

.row_container {
    max-width: 1330px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
}

.row_container_post {
    max-width: 992px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
}

.font_white {
    color: white;
}

.flex {
    display: flex;
}
.items-center {
    align-items: center;
}
.justify-between {
    justify-content:space-between;
}
.justify-end {
    justify-content:end;
}
.flex-1 {
    flex: 1;
}
.column {
    flex-direction: column;
}


.top_section .row_container {
    gap: 3px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}

.image_star_container {
    gap: 1px;
    width: max-content;
}

.item-check img,
.image_star_container img {
    width: 18px;
    object-fit: contain;
    height: auto;
}

.rounded_green {
    background-color: var(--green);
    border-radius: 50%;
    height: 21px;
    width: 21px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.google_star,
.item-check {
    gap: 5px;
    align-items: center;
}

.check_container {
    gap: 50px;
}

.site_logo,
.custom-logo {
    width: 175px;
    object-fit: contain;
    height: 89px !important;
}

.with_border,
.search_form {
    width: max-content;
    display: flex;
    align-items: center;
    border-radius: 7px;
    overflow: hidden;
}

.with_border {
    background-color: white;
    border: 1px solid var(--light-grey);
    padding-left: 15px;
    max-height: 39px;
    height: 37px;
}

.search_form input {
    font-size: var(--xss);
    padding: 10px;
    width: 300px;
    border: none;
    border-radius: unset;
    outline: unset;
}

.search_form button {
    font-size: var(-xs);
    border: none;
    border-radius: unset;
    height: 37px;
    margin-left: -7px;
    padding-left: 15px;
    padding-right: 15px;
}

.profile_item {
    gap: 9px;
    width: max-content;
    padding: 0px 14px 0px 0;
    margin-right: 12px;
    border-right: 1px solid var(--black);
}

.profile_item:last-child {
    border-right: unset;
    margin-right: 0;
    padding-right: 0;
}

.profile_item p {
    font-weight: 500;
}

.profile_item a,
.profile_item p {
    font-size: var(--xss);
    color: var(--black);
    text-decoration: none;
}

.profile_item .icon_container img {
    height: 29px;
    margin-top: 4px;
}

.profile_item.with_chart {
    gap: 15px;
}

.with_chart .icon_container {
    position: relative;
    cursor: pointer;
}

.with_chart span {
    position: absolute;
    top: -1px;
    left: 15px;
    width: 20px;
    height: 20px;
    font-size: var(--xss);
}

.with_chart span.cart_count {
    font-size: var(--xsss);
}

.middle_section .row_container {
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

/*** menu old ***/
/* Show submenu on hover */

/*
.categories_menu_container ul > li:hover > .sub-menu {
    display: flex;
    align-items: flex-start;
    opacity: 1;
    visibility: visible;
    gap: 100px;
    padding: 20px
}


.sub_menu_container {
    display: block;
    position: absolute;
    width: 100%;
    min-width: 100%;
    background-color: white;
    left: 0;
    padding: 40px 0 60px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in;
}

.main-menu:hover .sub_menu_container,
.sub_menu_container.active {
    display: inherit;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in;
}

.main-menu:hover .main_menu_list::after {
    opacity: 1;
    visibility: visible;
}

.main_menu_list {
    position: relative;
}

.main_menu_list.has_submenu::after {
    background-color: white;
    content: "";
    color: white;
    left: calc(50% - 10px);
    width: 20px;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    position: absolute;
    bottom: 0;
    height: 10px;
    opacity: 0;
    visibility: hidden;
}
*/

/*
.categories_menu_container ul {
    list-style-type: none;
    display: flex;
    gap: 65px;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
}
*/

.categories_menu_container ul a {
    color: var(--black);
    text-decoration: none;
    font-weight: 500;
    font-size: var(--xs);
    min-height: 23px;
    height: 100%;
    align-items: center;
    font-family: var(--text-roboto);
    letter-spacing: 0.7px;
    display: flex;
}

.categories_menu_container ul > li {
    position: relative;
}

.categories_menu_container ul .sub-menu {
    display: none;
    position: absolute;
    top: 126%;
    left: -21px;
    background-color: #fff;
    padding: 10px 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    width: max-content;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Submenu list items */
.categories_menu_container ul .sub-menu li {
    margin: 0;
    white-space: nowrap; /* Prevent text wrapping */
    margin-bottom: 5px;
}

/* Submenu links */
.categories_menu_container ul .sub-menu li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;

}

.categories_menu_container ul .sub-menu li a::before,
ul.submenu-all-cat li ul.sub-menus li a::before {
    content: "";
    background-image: url(https://img.icons8.com/?size=32&id=98967&format=png&color=000000);
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    display: inline-block;
    background-size: contain;
}

.categories_menu_container ul .sub-menu li a:hover {
    color: var(--green) /* Change color on hover */
}


.all_cat {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
    font-weight: 600 !important;
    background-color: var(--green);
    color: var(--white) !important;
}

.all_cat img {
    height: 25px !important;
}

.in_mobile {
    display: none;
}

/* Bars inside the button */
.bar {
    width: 35px;
    height: 0.3em;
    background-color: #333;
    margin-bottom: 6px;
    transition: 0.4s;
    border-radius: 3px;
}

select {
    padding-left: 9px;
    padding-right: 2px;
    height: 36px;
}

/* main home page */
.hero {
    min-height: 500px;
    position: relative
}

.hero::after {
    display: block;
    content: "c";
    font-size: 1px;
    background-color: rgba(0, 0, 0, 0.41);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.hero .row_container {
    z-index: 1;
    position: inherit;
}

.content_hero {
    width: 50%;
    color: white;
    padding: 140px 0;
}

.content_hero h1 {
    font-size: var(--xl);
    font-weight: 200;
    line-height: 1.2em;
}

.content_hero p {
    font-size: var(--m);
    margin: 40px 150px 40px 0;
    line-height: 1.2em;
}

.green_btn {
    background-color: var(--green);
    color: white;
    padding: 12px 35px 12px 20px;
    border-radius: 10px;
    font-family: var(--heading-font);
}

.with_arrow {
    background-image: url(../images/arrow-white.png);
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.supersale .row_container {
    display: grid;
    grid-template-columns: 25% 25% 30%;
    padding: 20px 0;
}

.supersale .row_container {
    justify-content: space-between;
}

.item_sale img {
    object-fit: contain;
    height: 50px;
    padding-top: 10px;
    margin-right: 20px;
}

.item_sale p:first-child {
    font-weight: bold;
    font-size: var(--sm);
}

.heading_container {
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 10px;
}

.heading_container h2 {
    font-size: var(--l);
}

.heading_container a {
    color: var(--black);
    text-decoration: underline;
}

.categories_container {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    gap: 13px;
    justify-content: space-between;
    margin-bottom: 50px;
}

.category_card {
    min-height: 280px;
    width: 100%;
    width: calc((100% / 3) - 10px);
    color: white;
    padding: 20px;
    gap: 7px;
    flex-direction: column;
    justify-content: end;
}

.category_card h3 {
    font-size: var(--m);
}

.category_card a {
    display: block;
    min-width: 45%;
    width: max-content;
    font-weight: bold;
    padding: 12px 25px 12px 20px;
}

.categories_card_container .category_card:nth-child(2),
.categories_card_container .category_card:first-child {
    min-height: 420px;
    width: calc(50% - 7px);
    padding: 40px;
    gap: 15px;
}

.filter_section_mobile, .filter_result_content_floating {
    display: none;
}

.filter_result_header_floating .text-white {
    color: #fff;
}

.single-product .categories_card_container .category_card:nth-child(2),
.single-product .categories_card_container .category_card:first-child,
.is_mobile {
    display: none;
}

.categories_card_container .category_card:nth-child(2) h3,
.categories_card_container .category_card:first-child h3 {
    font-size: var(--l);
}

.categories_card_container .category_card:nth-child(2) a,
.categories_card_container .category_card:first-child a {
    font-size: var(--s);
    padding: 15px 40px 15px 25px;
}

.heading_main_container {
    padding: 40px 0 20px;
}

.heading_main_container .heading_container {
    padding: 0;
}

.item_deal {
    background-color: var(--white);
    padding: 15px;
    border-radius: 16px;
    gap: 25px;
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
}

.item_deal a {
    color: black;
    margin-top: 10px;
}

.item_deal h3 {
    font-weight: bold;
    font-size: var(--s);
    text-align: center;
}

.item_deal a,
.item_deal p {
    text-align: center;
}

.deals_content .left_side,
.deals_content {
    gap: 40px;
}

.deals_content .left_side {
    width: 60%;
}

.deals_content .right_side {
    width: 40%;
    position: relative;
    background-color: var(--dark-green); /* Original background color */
    border-radius: 20px;
    z-index: 1; /* Keep the content above the pseudo-element */
}

.deals_content .right_side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
    url(../images/leaf-green.svg);
    background-position: calc(100% - 5px) center;
    background-size: 400%;
    opacity: 0.5; /* Adjust the opacity of the background image */
    border-radius: 20px;
    z-index: -1; /* Position it behind the content */
}

.rates_heading .google_star {
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
}

.main_sale {
    padding: 40px;
    margin-top: auto;
    overflow: hidden;
    width: 100%;
}

.main_sale h3 {
    color: white;
    font-size: var(--sm);
    margin-bottom: 10px;
}

.main_sale p {
    color: white;
    font-size: var(--xs);
}

.space_between {
    justify-content: space-between;
}

.sale_image img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 200px;
}

.deals_container {
    padding-bottom: 50px;
}

.font_medium {
    font-weight: 500;
}

.item_box_review {
    border: 2px solid var(--dark-grey);
    border-radius: 15px;
    min-height: 200px;
    padding: 12px;
}

.item_heading_review {
    gap: 10px;
}

.item_content_review {
    margin-top: 10px;
}

.the_reviewer_box {
    position: relative;
    padding-top: 20px;
}

.slider_reviews {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 80px;
    margin-top: 50px;
}

.item_review {
    width: 280px !important;
    margin: 0 20px;
}

.the_reviewer_box::before {
    display: block;
    content: "a";
    color: var(--dark-green);
    background-color: var(--dark-green);
    position: absolute;
    top: 0;
    left: 15px;
    width: 22px;
    height: 12px;
    clip-path: polygon(100% 0, 50% 100%, 0 0);
}

.the_reviewer_box img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: contain;
    margin-right: 15px;
}

.the_reviewer_box h4 {
    font-weight: bold;
    font-size: var(--s);
    margin-bottom: 5px;
}

button.slick-arrow {
    background-color: transparent;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 30%;
    right: unset;
    left: unset;
    bottom: unset;
    border: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.the_reviewer_box p {
    font-size: var(--xss);
}

.prev_btn {
    background-image: url("../images/prev.svg");
    left: 0 !important;
}

.next_btn {
    background-image: url("../images/next.svg");
    right: 0 !important;
}

.inspiratie_container .heading_main_container a {
    color: var(--white);
}

.inspiratie_container .description_heading {
    width: 60%;
    margin-top: 20px;
}

.inspiratie_container {
    min-height: 100%;
    padding-bottom: 100px;
}

.inspirate_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    min-height: 100%;
}

.inspirate_item {
    background-color: white;
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    display: flex;
}

.inpirate_detail p {
    margin-bottom: 10px;
}

.inpirate_detail {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.inpirate_detail h4 {
    font-size: var(--sm);
}

.inpirate_detail a {
    width: max-content;
    margin-top: auto;
}

.inpisrate_image {
    min-height: 300px;
    width: 100%;
}

.about_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    padding: 60px 0 70px;
}

.about_content h2 {
    font-size: var(--m);
    margin-bottom: 30px;
}

.about_content h3 {
    font-size: var(--sm);
    margin-bottom: 25px;
    margin-top: 10px;
}

.about_content p {
    margin-bottom: 20px;
}

.contact_section {
    background: linear-gradient(to bottom, white 70px, var(--dark-green) 70px);
    border-bottom: 1px solid var(--green);
}

.contact_section .row_container {
    align-items: end;
}

.contact_section .contact_cards {
    margin: 100px 0 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.contact_item img {
    height: 50px;
    object-fit: contain;
}

.contact_item .h4 {
    font-weight: normal;
    font-size: var(--sm);
    margin: 15px 0 10px;
}

.contact_cards a,
.contact_cards p {
    color: var(--green);
    font-size: var(--xss);
}

.contact_item:last-child a {
    color: var(--white);
}

.social_media {
    display: flex;
    gap: 10px;
}

.social_media a {
    background-color: var(--green);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    padding: 5px;
}

.social_media img {
    width: 100%;
}

.location_item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.location_item:last-child {
    margin-bottom: 0;
}

.location_item img {
    width: 25px;
    height: 25px;
}

.location_item a {
    font-weight: normal;
}

.social_media {
    margin: 20px 0 25px;
}

.menu_item_cards {
    display: grid;
    grid-template-columns: 1fr max-content max-content max-content auto;
    gap: 100px;
    padding: 60px 0;
}

.divider {
    width: 100px;
    min-height: 2px;
    background-color: var(--green);
    margin: 10px 0;
}

.menu_item_footer .h3 {
    color: var(--white);
}

.menu_item_footer ul {
    list-style: none;
    padding: 0;
}

.menu_item_footer li {
    margin-bottom: 10px;
}

.menu_item_footer .logo {
    max-width: max-content !important;
}

.menu_item_cards li:last-child {
    margin-bottom: 0;
}

.menu_item_footer:last-child p {
    margin-bottom: 20px;
    color: white;
}

.menu_item_cards form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.menu_item_cards button,
.menu_item_cards input {
    color: gray;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: var(--xs);
}

.menu_item_cards button {
    color: white;
    background-color: var(--green);
    width: max-content;
    padding: 10px 55px;
    font-size: var(--xss);
}

.copyright_content {
    align-items: center;
    justify-content: space-between;
}

.copyright_section {
    border-top: 1px solid gray;
}

.social_media.bg_white a {
    background-color: white;
}

.copyright_content .social_media {
    gap: 20px;
}

.copyright_content .payment_method img {
    margin-right: 5px;
    width: 230px;
    object-fit: contain;
}

.copyright_content .payment_method:last-child img {
    margin-right: 0;
}

.copyright_content ul {
    list-style: none;
    padding: 0;
    display: flex;
    font-weight: normal;
    gap: 20px;
    margin: 0;
}

footer {
    position: relative;
}

footer a {
 color: white;
}

/* .slider_categories, */
.pop_up_cart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow: hidden;
    /* display: none; */
}

.items_cart_popup {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(19, 33, 34, 0.3);
    opacity: 0;
    display: none;
}

#wrap_popup {
    /* position: fixed; */
    top: 0;
    width: 100%;
    max-width: 600px;
    height: 500px;
    background-color: white;
    overflow-y: auto;
    /* display: none; */
    z-index: 1000;
    margin: 0 auto;
}

.content_popup {
    padding: 20px;
}

.content_popup button {
    padding: 0;
    border: unset;
    background-color: transparent;
    cursor: pointer;
}

.content_popup button img {
    width: 20px;
}

.content_popup hr {
    color: rgb(236, 240, 241);
    border: unset;
    border-bottom: 2px solid;
}

.popup_header {
    position: sticky;
    top: 0;
    background-color: white;
}

.popup_footer {
    position: sticky;
    bottom: 0;
    background-color: white;
}


.content_popup .popup_footer hr {
    border-bottom: 1px solid;
}

.item_cart {
    display: grid;
    position: relative;
    grid-template-columns: 100px 2fr 1fr;
    gap: 10px;
    border-bottom: 1px solid rgb(236, 240, 241);
    padding-bottom: 30px;
}

.item_cart:last-child {
    border-bottom: unset;
}

.item_image img {
    max-width: 100px;
    object-fit: contain;
}

.item_product {
    display: flex;
    flex-direction: column;
}

.item_product a {
    color: var(--black);
    font-family: var(--heading-font);
    font-weight: bold;
    font-size: var(--xs);
    margin-bottom: 20px;
}

.item_product .select2-container {
    width: 90px !important;
}

.item_price {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 5px;
}

.remove_this_item {
    /* display: flex; */
    align-items: center;
    color: gray;
    font-size: var(--xss);
}

.remove_this_item img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.total {
    font-weight: bold;
    margin: 20px 0 15px;
}

.shipment {
    margin-top: 15px;
}

.email_pop,
.afrekenen {
    padding: 15px 18px;
    width: 100%;
    text-align: center;
    /* display: flex; */
    justify-content: center;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 20px;
}

.email_pop {
    color: black;
    border: 1px solid lightgrey;
}

body.no-scroll {
    overflow: hidden;
}

.back_to_main_category {
    border-top: 1px solid var(--border-color);
}

.back_to_main_category a {
    color: var(--green);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}

.divider_with_space {
    border: unset;
    border-top: 1px solid var(--border-color);
    width: 100%;
    height: 48px;
    margin: 0;
}

.sub_menu_item_list a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


/* category page */
.breadcrumb {
    display: flex;
    gap: 3px;
    padding: 30px 0;
}

.breadcrumb a {
    color: var(--black);
    display: flex;
    align-items: center;
}

.small_description {
    gap: 5px;
    color: var(--dark-grey);
    font-size: var(--xss);
    margin: 10px 0 20px;
    flex-wrap: wrap;
}

.full_description {
    display: grid;
    grid-template-columns: 60% 37%;
    gap: 3%;
}

/* slick */
.product__slider-main {
    margin-bottom: 15px;
}

.product__slider-main img {
    margin: 0 auto;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.product__slider-thmb .slick-slide {
    opacity: 0.5;
    transition: all .3s ease;
}

.product__slider-thmb .slick-slide.slick-active,
.product__slider-thmb .slick-slide:hover {
    opacity: 1;
}

.product__slider-main,
.product__slider-thmb {
    display: none;
}

.product__slider-thmb img {
    height: 130px;
    width: calc(100% - 15px);
    max-height: 200px;
    border-radius: 20px;
    object-fit: cover;
}

.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
}

/* category page */

.category_page {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.breadcrumb_container {
    align-items: center;
}

.categories_result button {
    border: none;
    background-color: transparent;
    color: var(--black);
}

.filter_section {
    padding-right: 40px;
}

.filter_section p,
.filter_section a {
    color: var(--dark-grey);
    font-size: 14px;
    font-weight: 600
}

.sub_category {
    padding: 0px 25px;
}

.row_back {
    padding: 0px 25px;
    background-image: url("../images/prev.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* Filter page subcategory  */
.sub_category .sub_category-wrapper {
    gap: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in;
}

.sub_category.active .sub_category-wrapper {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-in;
}

.sub_category-wrapper li {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
}

.active .sub_category-wrapper li {
    height: 24px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in;
}

.arrow_more {
    color: var(--green) !important;
    font-size: 14px;
    padding: 0 25px;
    position: relative;
}

.arrow_more::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background-image: url("../images/arrow_down.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.active .arrow_more::before {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.filter_section ul {
    padding: 0px 15px;
    margin: 0;
    list-style: none;
    border-left: 1px solid var(--border-color-darken);
    display: grid;
    gap: 5px;
}

.result_search p:first-child {
    font-weight: bold;
    color: var(--black);
}

.filter_content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

button.remove_all_active_filter {
    font-size: var(--xss);
    color: var(--dark-grey);
    margin: 10px 0;
    padding-left: 0;
}

.filter_content p {
    background-color: var(--light-green);
    width: max-content;
    font-size: var(--xss);
    font-weight: 500;
    color: var(--black);
    padding: 5px 8px;
    border-radius: 7px;
    display: flex;
    align-items: center;
}

.filter_content .remove {
    width: 20px;
    height: 15px;
    padding: 0;
    margin-left: 5px;
    background-image: url(../images/close_gray.svg);
    background-size: contain;
    background-position: center;
}

.slide_the_list,
.filter_part_container h3 {
    font-size: var(--xs);
    font-weight: normal;
    margin: 5px 0;
}

.filter_part_container h3 {
    font-family: var(--text-font);
}

.slide_the_list {
    width: 100%;
    text-align: left;
    background-size: 15px;
    background-position: center right;
    background-repeat: no-repeat;
    font-family: var(--text-font);
    padding-left: 0;
    font-size: var(--xs);
    font-weight: 600;
    background-image: url(../images/arrow_down.svg);
}

.slide_the_list.open {
    background-image: url(../images/arrow_up.svg);
}

.check_list {
    display: none;
}

.slide_the_list:focus {
    outline: none;
}

.gap-10 {
    gap: 10px;
}

.gap-5 {
    gap: 5px;
}

.gap-1 {
    gap: 1px;
}

.check_list label {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: var(--xss);
    color: var(--dark-grey);
}

.check_list label input[type="checkbox"] {
    display: none;
}

.check_list label span:before,
.check_list label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--dark-grey);
    border-radius: 2px;
}

.check_list label input[type="checkbox"]:checked + span:before {
    background-image: url(../images/close_green.svg);
}

.measure_content {
    display: grid;
    gap: 5px;
    grid-template-columns: 20px 1fr max-content 1fr 30px;
    align-items: center;
}

.measure_content p {
    font-size: var(--xss);
    color: var(--black);
}

.item_filter {
    width: 80%;
}

.measure_content button {
    background-color: var(--green);
    width: 35px;
    height: 35px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
}

.measure_content button img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.measure_content input {
    border-radius: 4px;
    border: 1px solid var(--border-color-darken);
    padding: 5px;
}

.measure_item .h4 {
    margin: 20px 25px 5px;
    font-weight: 500;
    font-family: var(--heading-font);
}

.green_card {
    padding: 20px;
    border-radius: 12px;
    position: relative;
    margin-top: 40px;
}


.filter_section .green_card {
    position: sticky;
    top: 20px;
}

.green_card h2, .green_card .title {
    font-size: var(--m);
}

.green_card p {
    color: var(--white);
}

.green_card div.contact_item a {
    color: var(--green);
    font-size: var(--xsss);
}

.green_card .contact_item {
    align-items: center;
    margin-top: 13px;
}

.card_content .contact_item:first-child {
    margin-top: 16px;
}

.green_card .contact_item img {
    height: auto;
    width: 30px;
    margin-right: 13px;
}

.green_card .contact_item h4 {
    font-size: var(--ss);
    margin: 0;
}

.green_card .card_content .contact_item p {
    line-height: 5px;
}

.bg_image {
    position: absolute;
    background-image: url(../images/people-pointing-half.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    bottom: 0;
    height: 59%;
    width: 100%;
    left: 0;
    z-index: 0;
}

.filter_section .bg_dark_green_leaf {
    background-size: 420%;
}

.card_content {
    z-index: 1;
    position: relative;
}

.card_content h2, .card_content .title {
    font-weight: 300;
    font-family: var(--heading-font);
}

.green_card .card_content p {
    font-size: var(--xss) !important;
}

.items_slider_container {
    max-width: 100%;
    overflow: hidden;
    padding: 0 25px;
}

.items_slider.slick-slider {
    margin-bottom: 0 !important;
    padding: 0 40px;
}

.items_slider button.slick-arrow {
    top: 0;
}

.items_slider button.prev_btn  {
    margin-left: -26px;
}
.items_slider button.next_btn  {
    margin-right: -26px;
}
@media(min-width: 1024px) {
    .items_slider button.prev_btn  {
        margin-left: -30px;
    }
    .items_slider button.next_btn  {
        margin-right: -30px;
    }
}

.item_slider {
    gap: 5px;
    border: 1px solid var(--border-color-darken);
    padding: 4px 10px;
    border-radius: 4px;
    display: flex !important;
    width: auto !important;
    margin-right: 10px;
    margin-left: 1px;
}

.item_slider img {
    width: 30px;
    max-height: 20px;
    object-position: left;
}

.select2-container--default .select2-selection--single {
    padding-right: 10px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../images/arrow_down.svg) no-repeat center right;
    height: 100%;
    width: 20px;
    top: 0px;
    right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url(../images/arrow_up.svg) no-repeat center right;
}

.sort_by_container .select2-container--default {
    width: max-content !important;
}

.filter_result_header {
    display: grid;
}

.sort_by_container {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: end;*/
    align-items: center;
    gap: 10px;
    font-size: var(--xs);
}
.sort_by_container .h1 {
    font-size: var(--m);
}

.sort_by_container p {
    margin-right: 10px;
}

.product_review {
    font-size: var(--xss);
    display: flex;
    align-items: end;
    gap: 5px;
    margin-bottom: 20px;
}

.product_review a {
    display: flex;
    align-items: end;
    padding: 0 10px;
}

.xss {
    font-size: var(--xss) !important;
}

.no_product_found {
    margin-top: 50px;
    text-align: center;
}

.widget-title .arrow {
    display: none;
}

.product_list_search {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    margin: 20px 0 40px;
}

.categories_card_container__detail .products_result_header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 20px 0 40px;
}

.products_result_header._4 {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 0;
    width: 100%;
    max-width: 100%;
}

.product_container {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    width: 100%;
    padding: 15px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product_review img {
    width: var(--xs);
}

.font_grey,
.product_review span:last-child {
    color: var(--dark-grey);
}

.header_product p {
    display: flex;
    gap: 5px;
}

.header_product span {
    padding: 5px 10px;
    border-radius: 7px;
    color: white;
    font-size: var(--xs);
}

.discount {
    background-color: var(--green);
}

.aanbieding {
    background-color: var(--black);
}

.product_description {
    display: grid;
    gap: 5px;
    margin: 5px 0 10px;
    width: 100%;
}

.product_description h4 {
    font-size: var(--ss);
}
.product_description + .price_container .discounted_price {
    font-size: 22px !important;
}

.approved::before {
    display: block;
    content: ".";
    color: transparent;
    font-size: 6px;
    background-image: url(../images/check.svg);
    background-color: var(--green);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 18px;
    background-position: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}

.approved.box_bg::before {
    background-color: transparent;
    background-image: url(../images/box.svg);
    background-size: 27px;
    width: 20px;
    height: 23px;
}

.approved {
    display: flex;
    gap: 12px;
    color: var(--green);
    font-weight: 600;
}

.real_price {
    font-size: var(--xs);
    position: relative;
    display: inline-block;
}

.real_price::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 0px;
    width: 150%;
    height: 1.5px;
    background-color: var(--black);
    transform: rotate(-26deg);
    transform-origin: 0 10%;
}

.discounted_price {
    font-weight: bold;
    font-size: var(--m);
}

.art_number {
    margin-top: 20px;
}

.image_container {
    display: flex;
    height: 250px;
    max-height: 250px;
    margin: 20px 0;
}

.image_container a {
    display: inline-block;
}

.the_pagination {
    display: flex;
    border-radius: 5px;
    border: 1px solid var(--border-color-darken);
    width: max-content;
    margin: 0 auto;
}

.the_pagination a,
.the_pagination span {
    color: var(--black);
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--border-color-darken);
    overflow: hidden;
}

.the_pagination span.current,
.the_pagination a.current,
.the_pagination a:hover {
    background-color: var(--green);
    color: white;
}

.the_pagination a:last-child {
    border-right: unset;
}

.go_first img:last-child {
    margin-left: -7px;
}

.go_last img:first-child {
    margin-right: -7px;
}

.green_check_mark {
    display: flex;
}

.green_check_mark::before {
    display: block;
    content: ".";
    color: transparent;
    background-image: url(../images/green-check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    width: 20px;
    height: auto;
    margin-right: 5px;
}

.items_detail_container div p {
    color: var(--dark-grey);
}

.double-column {
    display: grid;
    grid-template-columns: 150px auto;
}

#amount, .input-text {
    font-size: 23px;
    color: grey;
    border: 1px solid var(--border-color);
    outline: none;
    padding: 5px;
    border-radius: 5px;
}

/* Apply this to the input field */
input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
}

/* For Firefox */
input[type="number"]::-moz-number-spinner {
    opacity: 1;
    /* Ensures that the arrows are visible */
}

/* For Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
    appearance: inner-spin-button;
    opacity: 1;
    /* Ensures that the arrows are visible */
}

/* General style for all browsers */
input[type="number"]::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.upper_content p {
    margin-bottom: 10px;
}

.hidden {
    display: none;
}

.like img {
    display: none;
}

.like.no img.doesnt_like,
.like.yes img.liked {
    display: block;
}

.add_to_cart_container {
    display: grid;
    grid-template-columns: 60px auto;
    gap: 20px;
    margin-bottom: 10px;

}

.add_cart_btn, .wc-block-components-button {
    background-color: var(--orange) !important;
    color: var(--white) !important;
    font-size: var(--xss) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-weight: bold !important;
    border-radius: 7px !important;
    padding: 0 !important
}

.add_cart_btn img {
    height: 80%;
    width: 30px;
    object-fit: contain;
}

.add_wishlist {
    background-color: transparent;
    border: 1px solid var(--green);
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--green);
    font-weight: bold;
    font-size: var(--xss);
}

.add_wishlist img {
    width: 30px;
}

.product_detail_content .items_detail_container {
    margin-top: 20px;
}

.product_detail_content .items_detail_container hr {
    margin: 0;
}

.card_product_sticky {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 20px 30px;
    /*margin-top: 150px;*/
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    margin-bottom: 20px;
    /*transition: all 0.3s ease; ! */ /* Smooth transition *!*/
}

.card_product_sticky .list {
    color: var(--dark-grey);
    display: grid;
    grid-template-columns: auto 80px 90px;
    font-size: var(--xs);
    margin-top: 15px;
    gap: 10px;
}

.card_product_sticky .list p:nth-child(2) {
    text-align: center;
}

.card_product_sticky .list:last-child {
    margin-bottom: 0;
}

.card_product_sticky .list.total p,
.card_product_sticky h3 {
    font-size: var(--xs);
    font-weight: bold;
    color: var(--black);
}

a.add_cart_btn {
    padding: 0 20px;
    min-height: 39px;
}

a.add_cart_btn img {
    width: auto;
}

.more_description {
    margin-bottom: 30px;
}

.more_description .title {
    margin-bottom: 10px;
}

.slide_the_list._see_more {
    margin: 10px 0 0 0;
    padding: 0 40px 0 0;
    background-image: url(../images/arrow_down_green.svg);
    color: var(--green);
    font-size: var(--xss);
    font-weight: 500;
    width: max-content;
}

.slide_the_list._see_more.open {
    background-image: url(../images/arrow_up_green.svg);
    display: none;
}

.samenstellen {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 20px;
    margin: 30px 0;
    position: relative;
}

.samenstellen h2 {
    font-size: var(--ss);
    margin-bottom: 20px;
}

.short_description::before {
    height: 80px;
    display: block;
    content: ".";
    color: transparent;
    z-index: 0;
}

.short_description {
    margin: 20px 0;
}

.short_description p:first-child {
    margin-bottom: 10px;
}

.step_by {
    width: 100%;
    height: auto;
}

.item_double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

._more_content {
    margin-top: 10px;
}

.item_double a {
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 5px;
    text-align: center;
}

.card_image_left {
    display: grid;
    grid-template-columns: 40% 55%;
    gap: 5%;
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 20px;
    height: max-content;
}

.the_detail a {
    padding: 5px 20px;
    width: max-content;
    font-size: var(--xss);
}

.the_detail_description button,
a.details_link {
    color: var(--border-color-darken);
    font-size: var(--xss);
    font-family: var(--text-font);
    padding: 0 20px 0 0;
    width: 100%;
    text-align: right;
    background-image: url(../images/arrow_down_gray.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    margin: 0;
}

.the_detail_description {
    grid-column-end: 3;
    grid-column-start: 1;
}


.the_detail_description .check_list {
    color: var(--border-color-darken);
    font-size: var(--xss);
    padding: 10px 0 20px;
    font-weight: normal;
}

.slick-arrow._reposition {
    top: -40px;
    z-index: 1;
    border: 1px solid var(--border-color);
    background-size: 70%;
}

.slick-arrow._reposition.prev_btn {
    left: unset !important;
    right: 40px;
}

.product_picture .slick-arrow._reposition {
    top: unset;
    bottom: 20px;
    border: unset;
}

.product_picture .slick-arrow._reposition.next_btn {
    right: 10px !important;
}

.product_picture .image_container {
    height: 400px;
    max-height: 400px;
}

.product_picture .slick-slide img {
    object-fit: contain;
    width: 100%;
}

.popup_image {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; */
}

.popup_image a {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    max-height: 120px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.popup_image a::before {
    display: block;
    content: "a";
    color: transparent;
    background-color: rgb(208, 208, 208);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    opacity: 0.5;
}

.popup_image a.image::before {
    background-image: url(../images/zoom.svg);
}

.popup_image a.video::before {
    background-image: url(../images/play.svg);
}

.popup_image img {
    max-width: 100%;
    object-fit: cover;
    display: block;
    max-height: 120px;
}

.popup_image .slick-slide {
    margin: 0 10px; /* Adjust the margin value as needed */
}

.slider_product_container hr {
    margin: 20px 0;
}



.pop_appointment {
    min-height: 100vh;
    width: 100%;
    height: 100%;
    position: fixed;
    align-items: center;
    display: flex;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in;
}

.pop_appointment.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in;
}

.popup_appointment_overlay {
    background-color: rgba(0, 0, 0, 0.267);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.appointment_header {
    position: relative;
}

.appointment_header h2 {
    font-size: var(--sm);
}

.appointment_header p {
    color: var(--text-font);
    margin: 15px 0;
}

.appointment_container {
    background-color: white;
    width: 80%;
    max-width: 1045px;
    margin: 0 auto;
    padding: 40px 50px;
    position: relative;
    z-index: 2;
}

.appointment_container .close {
    position: absolute;
    right: 0;
    top: -20px;
}

.appointment_container .close img {
    width: 30px;
    height: 30px;
}

.input_container {
    display: grid;
    grid-template-columns: repeat(2, 47%);
    gap: 6%;
}

.input_card {
    margin-bottom: 15px;
}

.input_card label {
    font-weight: bold;
    display: grid;
}

.input_card input[type="date"]::placeholder,
.input_card input::placeholder {
    color: var(--border-color);
}

.input_card input:not([type="radio"]),
.input_card textarea {
    padding: 5px 10px;
    font-size: var(--xs);
    color: var(--black);
    margin: 8px 0;
    border-radius: 4px;
    outline: none;
    border: 1px solid var(--border-color);
    display: block;
    width: 100%;

}

.radio_input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-direction: row-reverse;
}

.input_card input[type="radio"] {
    margin: 8px 0;
}

.input_card .radio_button label {
    font-weight: normal;
    display: inherit;
}

.input_container.full {
    grid-template-columns: 100%;
}

.radio_button.collumn {
    display: flex;
    gap: 40px;
    margin: 8px 0;
}

.sub_menu {
    display: grid;
    grid-template-columns: repeat(4, 22%);
    justify-content: space-between;
}

.sub_menu ul {
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.sub_menu ul li a {
    padding: 0;
    height: unset;
    min-height: unset;
    font-weight: normal;
    color: var(--dark-grey);
}

.sub_menu ul li a:hover {
    color: var(--green);
}

.sub_menu ul li:first-child {
    font-weight: bold;
    margin-bottom: 10px;
}

.input_card textarea {
    width: 100%;
    height: 120px;
}

.pop_appointment form button[type="submit"] {
    margin-left: auto;
    display: flex;
}

.slider_samenstellen_special .slick-dots {
    position: absolute;
    top: 35px;
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    height: max-content;
}

.slider_samenstellen_special .slick-dots li {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #D5D9DA;
    border-left: #D5D9DA;
    color: white;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px;
}

.slick-dots li:nth-child(2n + 1) {
    background-color: #E5F4E5;
}

.slider_samenstellen_special .slick-dots li::before {
    left: 0;
    border-color: transparent transparent transparent white !important;
}

.slider_samenstellen_special .slick-dots li button {
    position: relative;
}

.slider_samenstellen_special .slick-dots li button:before {
    background-color: white;
    position: absolute;
    color: transparent;
    border-radius: 50%;
    opacity: 1;
}

.slider_samenstellen_special .slick-dots li.has-active button::before {
    background-image: url(../images/checked-bg-green.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    background-color: transparent;
    top: -3px;
}

.slider_samenstellen_special .slick-dots li button:before .slider_samenstellen_special .slick-dots li::before {
    z-index: 1;
}

.slider_samenstellen_special .slick-dots li::after {
    transform: translateX(100%);
    right: 0;
    border-left-color: inherit;
    z-index: 3;
}

.slider_samenstellen_special .slick-dots li::after,
.slider_samenstellen_special .slick-dots li::before {
    position: absolute;
    top: 0;
    content: " ";
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #D5D9DA;
}

.slick-dots li:nth-child(2n + 1)::before,
.slick-dots li:nth-child(2n + 1)::after {
    border-color: transparent transparent transparent #E5F4E5;
}

.slick-arrow._reposition {
    top: 0;
    z-index: 1;
    border: 1px solid var(--border-color);
    background-size: 70%;
}

.slick-arrow._reposition.prev_btn {
    left: unset !important;
    right: 40px;
}

.product_picture .slick-arrow._reposition {
    top: unset;
    bottom: 20px;
    border: unset;
}

.product_picture .slick-arrow._reposition.next_btn {
    right: 10px !important;
}

.shoop_meer h3 {
    font-size: var(--xs);
    font-weight: 300;
    margin-bottom: 10px;
}

@media screen and (max-width: 1028px) {
    .full_description {
        grid-template-columns: 100%;
        gap: 20px;
    }

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

    .button_container,
    .srt_upper {
        width: 50%;
    }

    .items_detail_container {
        width: 100%;
    }

    .pop_appointment {
        overflow-y: auto;
        min-height: 100vh;
        height: 100%;
    }

    .pop_appointment {
        overflow-y: auto;
        min-height: 100vh;
        height: 100%;
    }

    .appointment_container {
        width: 90%;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        height: 100%;
        overflow-y: auto;
        height: 100%;
        overflow-y: auto;
    }

    .input_container {
        grid-template-columns: 1fr;
        margin: 16px 0;
    }

    .appointment_container .close {
        right: -10px;
        top: -30px;
    }
}

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

    .button_container,
    .srt_upper {
        width: 100%;
    }

    .add_to_cart_container {
        grid-template-columns: 40px auto;
    }

    #amount, .input-text {
        font-size: 16px;
    }

    .add_wishlist {
        min-height: 24px;
    }

    .card_product_sticky {
        padding: 15px 10px;
    }

    .card_product_sticky .list {
        grid-template-columns: auto 30px 67px;
    }

    .card_product_sticky .list.total p:nth-child(2) {
        display: none;
    }

    .card_product_sticky .list.total {
        grid-template-columns: repeat(2, max-content);
        justify-content: space-between;
    }
}

.text-danger {
    color: red;
}

.custom-header-content .widget {
    background: rgba(119, 187, 97, 0.2);
    padding: 25px;
    border-radius: 5px;
}

.widget_header h3, .widget_header .h3, .header_info h3, .header_info .h3  {
    font-size: 18px;
    color: var(--green);
    font-weight: 500;
    padding-bottom: 10px;
    font-family: var(--text-roboto);
}

.widget_header p, .widget_header p a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--text-roboto);
}

.widget_header p a {
    padding-top: 10px;
    color: var(--green);
}

.header_info p a {
    display: flex;
    gap: 12px;
    cursor: pointer;
    margin-bottom: 10px;
    font-family: var(--text-roboto);
}

.header_info p a img {
    height: 20px;
    width: 20px
}

.header_info p a span {
    font-size: 16px;
    letter-spacing: 0;
}

.widget_header p a::after,
.categories_menu_container ul .sub-menu li.view-all a::after {
    content: "";
    background-image: url(https://img.icons8.com/?size=50&id=3176&format=png&color=000000);
    background-repeat: no-repeat;
    width: 18px;
    height: 12px;
    position: relative;
    display: inline-block;
    background-size: contain;
    margin-left: 10px;
}

.header_info {
    border: 1px solid var(--green);
    border-radius: 5px;
    padding: 20px 50px 20px 20px;
}

.header-mainmenu .sub-menu li.view-all {
    font-weight: 600;
    margin-top: 15px;
}

.header-mainmenu .sub-menu li.view-all a {
    color: var(--green);
}

.categories_menu_container ul .sub-menu li.view-all a::before {
    background-image: none;
    margin-right: 0;
}

.submenu-arrow img {
    width: 13px;
    margin-top: 8px;
    margin-left: 8px;
    height: auto !important;
}

.submenu-arrow img {
    transition: transform 0.3s ease; /* Smooth transition for animation */
}

/* Animate the arrow on hover */
li.menu-item-has-children:hover > a .submenu-arrow img {
    transform: rotate(180deg); /* Rotate the arrow */
}

/* Optional: Ensure proper alignment of the arrow */
li.menu-item-has-children > a {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.static-menu .submenu-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff; /* Background color for the dropdown */
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    width: 300px; /* Adjust as needed */
}

.static-menu:hover .submenu-wrapper {
    display: block;
}

.static-menu .submenu-arrow {
    margin-left: 5px;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.static-menu:hover .submenu-arrow {
    transform: rotate(180deg);
}

.categories_menu_container ul.submenu-all-cat {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    width: 800px;
    gap: 0
}

ul.submenu-all-cat li ul.sub-menus {
    display: block;
}

ul.submenu-all-cat li ul.sub-menus li {
    margin-bottom: 0;
    width: 100%;
}

ul.submenu-all-cat li {
    width: 30%;
}

.static-menu .sub-menu {
    gap: 17px !important;
    top: 100% !important;
}

.woocommerce ul.order_details {
    margin: 20px 0px;
    padding: 0;
}

.woocommerce ul.order_details li.total {
    margin: 0
}

.woocommerce ul.order_details li:last-child {
    padding-left: 20px;
}

.order_item td a {
    color: var(--black);
}

h2.woocommerce-order-details__title {
    margin-bottom: 20px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%; /* Ensure it stays full-width */
    z-index: 9999; /* Ensure it stays on top */
}


/*** ksask ***/
/*** header ***/
header .trustpilot_star {
    display: none;
}

header .trustpilot_star > * {
    padding-right: 5px;
}

header .image_star_container img {
    width: 70px
}

header .trustpilot_star .trustpilot_logo {
    width: 80px
}

.header-mainmenu > .menu-item,
.header-mainmenu > .menu-item-has-children {
    height: 54px;
}

.header-mainmenu > .menu-item a,
.header-mainmenu > .menu-item-has-children a {
    font-size: 14px;
}

.header-mainmenu .menu-item.menu-item-has-children:hover .sub-menu {
    top: 54px;
}


/*** end header ***/

/*** mobile menu ***/
.mobile_menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    /* background-color: rgba(19, 33, 34, 0.3); */
    transition: all 0.5s ease-in-out;
    z-index: 9999;
}

body.mobile_menu_open {
    overflow: hidden;
}

body.mobile_menu_open .mobile_menu {
    transform: translateX(0);
}

.mobile_menu_header {
    display: flex;
    align-items: center;
    height: 92px;
    padding-left: 20px;
}

.mobile_mega_close {
    position: absolute;
    top: 0px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 92px;
    z-index: 10;
}

.mobile_menu_container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: 10;
    max-width: 400px;
    overflow-y: auto;
}

.mobile_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile_menu li {
    display: flex;
    border-top: 1px solid rgb(236, 240, 241);
    justify-content: space-between;
    overflow: hidden;
}

.mobile_menu li:last-child {
    border-bottom: 1px solid rgb(236, 240, 241);
}

.mobile_menu li div.arrow_btn {
    border-left: 1px solid rgb(236, 240, 241);
    width: 40px;
}

.mobile_menu li img {
    height: 20px;
}

.mobile_menu li button {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

.mobile_menu .popup_header {
    padding: 40px 20px 20px;
}

.mobile_menu li a {
    width: 100%;
    padding: 16px 20px;
    color: var(--black);
    text-decoration: none;
     font-weight: 500;
    /*font-size: var(--xs);*/
    font-size: 14px;
    min-height: 23px;
    height: 100%;
    align-items: center;
    font-family: var(--text-roboto);
    letter-spacing: 0.7px;
    display: flex;
}

.mobile_menu .current-menu-item a {
    color: var(--green);
    font-weight: 700;
}

.mobile_menu_container ul,
.mobile_menu_container li {
    position: unset;
    width: 100%;
}

.mobile_menu_container li.menu-item-has-children:after {
    content: '';
    position: relative;
    top: 17px;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/next.svg) no-repeat 50% 50%;
}


.mobile_menu_secondary_container {
    margin-top: 40px;
    padding: 10px 0 70px;
    transition: all 0.3s;
}

.toggle_mobile_menu {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    /*display: none;*/
    height: 100vh;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transition: all 0.5s;
}



.mobile_mega_menu_header {
    position: fixed;
    background: var(--light-green);
    background: #d3ead4;
    height: 92px;
    width: 100%;
    z-index: 99;
}

.btn_back_mobile_mega_menu {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 54px;
    height: 92px;
    z-index: 10;
    background: url(../images/prev.svg) no-repeat 50% 50%;
    background-size: 24px 24px;
}

.mobile_menu_container.show_mega_menu .mobile_menu_secondary_container {
    overflow: hidden;
    height: 0;
    max-height: 0;
    padding: 0;
}
.mobile_menu_container.show_mega_menu .toggle_mobile_menu {
    display: block;
    opacity: 1;
    visibility: visible;
}
.mobile_menu_container.show_mega_menu .btn_back_mobile_mega_menu {
    display: block;
}

.mobile_mega_menu_title {
    height: 92px;
    font-size: var(--s);
    font-weight: 700;
    width: 100%;
}

.mobile_mega_menu_title span {
    position: absolute;
    top: 0;
    left: 54px;
    display: block;
    height: 92px;
    line-height: 92px;
    text-align: left;
    opacity: 0;
    transition: all 0.3s
}



.mobile_mega_close img {
    width: 30px;
    min-width: 30px;
}

.mobile_mega_menu_container {
    position: relative;
    top: 92px;
}

.mobile_mega_menu_container > .sub-menu {
    position: absolute;
    top: 0;
    left: -10px;
    opacity: 0;
    padding-bottom: 60px;
    transition: all 0.3s
}

.mobile_mega_menu_container > .sub-menu .sub-menu {
    display: none;
}
/*** end mobile menu ***/


/*** loader ***/
.wp-block-woocommerce-cart {
    position: relative;
}

.ksa_container_loader {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: background 0.3s;
}

.ksa_container_loader.show {
    display: block;
    z-index: 99999999;
    opacity: 1;
    background: #DDDDDD33;

}

.ksa_wrp_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.ksa_loader {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    width: 30px;
    height: 30px;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*** end loader ***/

/*** home page ***/

.deals_container .discounted_price {
    font-size: 22px;
}

.reviews_section .trustpilot_star .image_star_container img {
    width: 90px;
}

.reviews_section .trustpilot_star .trustpilot_logo {
    width: 110px
}

/*** end home page ***/

/*** checkout ***/

.ksask-checkout-actions-block {
    margin-top: 20px;
    width: 100%;
    display: flex;

}

.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-button.wc-block-components-checkout-place-order-button:active {
    contain: none !important;
    box-shadow: none !important;
}

/*** end checkout ***/

/*** product ***/

.sticky-block {
    position: sticky;
    top: 20px; /* Отступ сверху */
    background: white;
    padding: 10px;
    border: 1px solid #ccc;
}

.container_card_product_sticky {
    margin-top: 150px;
}

.card_product_sticky {
    max-width: 476px;
    background: #fff;
}

.card_product_sticky.sticky {
    margin-top: 10px;
}

.card_product_sticky.hide_height {
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

#containerCardProductSticky,
#containerCardProductSticky.sticky {
    display: none !important;
}

/* also on home page and or .category_card */
.category_card {
    position: relative;
    /*transition: all 0.3s;*/
}

.category_card h3,
.category_card p,
.category_card .green_btn {
    position: relative;
    z-index: 10;
}

.category_card .filter_background {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.filter_section .active_filters h3{
    font-size: var(--xs);
    font-family: var(--text-font);
    font-weight: normal;
    margin: 5px 0;
}

.variation_group {
    margin: 30px 0;
}
.custom_color_variation {
    margin: 18px 0;
}

.custom_color_variation_list {
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
}

.custom_color_variation_link {
    position: relative;
    display: flex;
    gap: 14px;
    align-items: center;
}

.custom_color_variation_link.current::before {
    content: ".";
    position: absolute;
    top: -9px;
    left: 20px;
    display: block;
    color: transparent;
    font-size: 6px;
    background-image: url(../images/check.svg);
    background-color: var(--green);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 18px;
    background-position: center;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.1s;
    z-index: 1;
}

.custom_color_variation_block {
    position: relative;
    width: 30px;
    height: 30px;
    border: solid #555;
    border-width: 1px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s;

}

.custom_color_variation_link.current:hover::before {
    top: -10px;
    right: -9px;
    /*width: 24px;*/
    /*height: 24px;*/
}

.custom_color_variation_link:hover .custom_color_variation_block {
    /*border-width: 3px;*/
    border-color: #000;
    box-shadow: 0 3px 10px #999;
}

.custom_variation_tooltip {
    position: absolute;
    bottom: -45px;
    left: -50px;
    margin-left: -50%;
    width: auto;
    height: 40px;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    color: #333;
    font-size: var(--xs);
    white-space: nowrap;
    background: #fff;
    border: 1px solid #666;
    border-radius: 6px;
    box-shadow: 0 3px 8px #aaa;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s
}

@media (min-width: 992px) {
    .custom_variation_tooltip.show {
        opacity: 1;
        visibility: visible;
    }
}


.composite_group {
    margin: 30px 0;
}

.composite_group h2 {
    font-family: "Montserrat", Arial;
}

.composite_list .composite_item_product_list {
    display: none;
}
.composite_item.show .composite_item_product_list {
    display: block;
}
.composite_item_product_list_wrp {
    display: flex;
    flex-wrap: wrap;
    gap: 6%;
    padding: 5px 2px;
}
.composite_item_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #eee;
    padding: 12px 8px;
    font-size: 13px;

}

.composite_item_header .title {
    display: flex;
    align-items: center;
}
.composite_item_header .point {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    margin:  0 10px 0 5px;
    border-color: 1px solid var(--green);
    box-shadow: 0 0 1px var(--green), 0 0 2px var(--green), 0 0 3px var(--green)
}

.composite_item_header.selected {
    /*background: #cfc;*/
    position: relative;
}

.composite_item_header.selected .point{
    background: var(--green);
    background-image: url(../images/check.svg);

}
.composite_item_header .add_cost {
    opacity: 0;
    transition: all 0.4s
}

.composite_item_header.add_price {
    background: #dfd;
}

.composite_item_header.add_price .add_cost {
    opacity: 1;
}

/*.composite_item_header.selected::after {
    content: ".";
    position: absolute;
    top: -9px;
    right: -8px;
    display: block;
    color: transparent;
    font-size: 6px;
    background-image: url(../images/check.svg);
    background-color: var(--green);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 18px;
    background-position: center;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.1s;
}*/

.composite_item_product_item {
    position: relative;
    max-width: 47%;
    width: 47%;
    margin: 3% 0;
    padding: 6px;
    border-radius: 6px;
    overflow: hidden;
    /*box-shadow: 0 0 1px 1px var(--dark-grey);*/
    border: 1px solid var(--dark-grey)
}


.composite_item_product_item.selected {
    box-shadow: 0 0 1px 1px var(--green);
    border: 1px solid var(--green)

}

.composite_item_product_item .point {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid var(--green);
    overflow: hidden;
    background: #fff;
    z-index: 1;
}
.composite_item_product_item.selected .point {
    background: var(--green);
    background-image: url(../images/check.svg);
}

.composite_item_product_item .wrp_img {
    position: relative;
    width: 100%;
    padding-top: 80%;
    overflow: hidden;
    background: #eee;
    background: #f8f8f8;
}
.composite_item_product_item .wrp_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.composite_item_product_item.no_selected .wrp_name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.composite_item {
    margin-bottom:16px;
    /*padding: 5px 10px;*/
    cursor: pointer;
}
.composite_item:hover {
    /*background: #ddd;*/
}

.description_see {
    margin: 10px 0 0 0;
    padding: 0 40px 0 0;
    background: url(../images/arrow_down_green.svg) 100% 100% no-repeat;
    color: var(--green);
    font-size: var(--xss);
    font-weight: 500;
    width: max-content;
}
.description_see.read-less {
    margin: 10px 0 0 0;
    padding: 0 40px 0 0;
    background: url(../images/arrow_up_green.svg) 100% 100% no-repeat;
    color: var(--green);
    font-size: var(--xss);
    font-weight: 500;
    width: max-content;
}

.full-description p {
    margin-bottom: 10px;
}

/*** end product ***/

/*** product category ***/
.measure_content input {
    max-width: 83px;
}
.filter_section .filter_title {
    font-size: var(--xs);
    /*font-family: var(--text-font);*/
    font-family: var(--heading-font);

    font-weight: normal;
    margin: 5px 0;
    color: var(--black);
}
/*** end product category ***/

/*** search ***/
.search_category_result {
    margin-left: 26px;
}
.category_container_level_1,
.category_container_level_2 {
    display: none;

    overflow: hidden;
}

.category_item_level_1,
.category_item_level_2 {
    padding-left: 25px;
}

.category_container.open {
    border-left: 1px solid var(--border-color-darken);
}

.category_container.open + .btn_arrow:before {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.sub_category_link label {
    color: var(--dark-grey);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.sub_category_link input[type="checkbox"] {
    display: none;
}

.sub_category_link input:checked + label {
    color: var(--green)
}

.category_container .arrow_more {
    cursor: pointer;
}

.open_more {
    display: block;
}
/*** end search ***/

/*** archive post ***/

.section_inspiratie .reset_filters {
    display: none;
    text-decoration: underline;
    cursor: pointer;
}

.section_inspiratie .filter_section {
    padding: 10px 0;
}

.section_inspiratie .reset_filters:hover {
    color: darkred
}

.category_page .product_list_search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    /*grid-template-columns: repeat(1, 1fr);*/
    margin: 20px 0 40px;
}


.section_inspiratie .card_post a {
    color: var(--black);
}

.section_inspiratie .card-title,
.section_inspiratie .card-excerpt {
    color: var(--black);
}

.section_inspiratie .type-post-term{
    text-transform: capitalize;
    color: var(--green);
    font-weight: bold;
}


.section_inspiratie .check_list {
    display: block;
    width: 250px;
}

.custom_breadcrumb {
    font-size: .92em;
    color: #767676;
}

.card_post {
    width: 100%;
}

.card > a {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    width: 100%;
    padding: 15px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
}

.card > a:hover {
    box-shadow: 13px 18px 33px -6px rgba(0,0,0,0.3)
}
.card .card-thumb {
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.card .card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.loading_indicator {
    top: 0;
    left: 0;
    right: 0;
}

/*** end archive posts ***/

/*** post ***/
.single-post .woocommerce-breadcrumb {
    align-items: start;
}
.single-post .wrp_title {
    margin: 1rem auto ;
}
.single-post h1 {
    font-size: var(--m);
}
.single-post__meta {
    margin: 1rem 0;
}
.single-post__cats {
    font-weight: bold;
}

.single-post__type-term {
    color: var(--green);
    font-weight: bold;'
}

.single-post .text_preview {
    margin: 1rem 0;
}

.single-post .infodata_list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 3rem 1rem 1rem;
    border: 1px solid var(--green);
    border-radius: 0.5rem;
    background: #fff;
    overflow: hidden;
}

.single-post .infodata_item {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
    min-width: 60%;
}
.infodata_item .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.infodata_item.preparation_time .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4789_12301)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3627 8.25413C17.7178 8.25721 18.0031 8.54752 18 8.90255C17.9867 10.4249 17.6407 11.926 16.9861 13.3005C16.8335 13.6211 16.4499 13.7572 16.1293 13.6045C15.8088 13.4519 15.6727 13.0682 15.8253 12.7477C16.3993 11.5425 16.7027 10.2263 16.7143 8.89137C16.7174 8.53634 17.0077 8.25104 17.3627 8.25413Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.642857 8.2541C0.997897 8.2541 1.28571 8.54192 1.28571 8.89696C1.28571 10.9429 2.09847 12.9051 3.54518 14.3518C4.26151 15.0681 5.11193 15.6363 6.04787 16.024C6.98381 16.4117 7.98695 16.6112 9 16.6112C9.35504 16.6112 9.64286 16.8991 9.64286 17.2541C9.64286 17.6091 9.35504 17.897 9 17.897C7.8181 17.897 6.64778 17.6642 5.55585 17.2119C4.46392 16.7596 3.47177 16.0966 2.63604 15.2609C0.948211 13.5731 0 11.2839 0 8.89696C0 8.54192 0.287817 8.2541 0.642857 8.2541Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 8.2541C4.5 7.89906 4.78782 7.61125 5.14286 7.61125H9C9.19529 7.61125 9.37999 7.70002 9.50199 7.85251L12.0734 11.0668C12.2952 11.344 12.2503 11.7486 11.973 11.9704C11.6958 12.1922 11.2912 12.1472 11.0694 11.87L8.69103 8.89696H5.14286C4.78782 8.89696 4.5 8.60914 4.5 8.2541Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4286 13.397C14.7185 13.397 14.1429 13.9726 14.1429 14.6827C14.1429 15.3928 14.7185 15.9684 15.4286 15.9684C16.1387 15.9684 16.7143 15.3928 16.7143 14.6827C16.7143 13.9726 16.1387 13.397 15.4286 13.397ZM12.8571 14.6827C12.8571 13.2625 14.0084 12.1112 15.4286 12.1112C16.8487 12.1112 18 13.2625 18 14.6827C18 16.1028 16.8487 17.2541 15.4286 17.2541C14.0084 17.2541 12.8571 16.1028 12.8571 14.6827Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.69511 3.34875C2.97579 3.56617 3.02707 3.96996 2.80964 4.25064C2.38435 4.79966 2.0377 5.4053 1.77971 6.05007C1.64781 6.3797 1.27366 6.53999 0.944034 6.40809C0.614403 6.2762 0.45411 5.90205 0.586008 5.57242C0.888413 4.81668 1.29473 4.10679 1.79321 3.46328C2.01064 3.1826 2.41443 3.13132 2.69511 3.34875Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.73814 0.608763C7.81368 0.955675 7.59368 1.29814 7.24677 1.37367C6.49411 1.53755 5.77139 1.81706 5.10432 2.20224C4.79686 2.37978 4.40368 2.27446 4.22615 1.96699C4.04861 1.65953 4.15393 1.26636 4.4614 1.08882C5.24348 0.637223 6.09081 0.309526 6.97323 0.117391C7.32014 0.0418564 7.66261 0.261851 7.73814 0.608763Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3049 3.34875C15.5856 3.13132 15.9894 3.1826 16.2068 3.46328C16.7053 4.10679 17.1116 4.81668 17.414 5.57242C17.5459 5.90205 17.3856 6.2762 17.056 6.40809C16.7263 6.53999 16.3522 6.3797 16.2203 6.05007C15.9623 5.4053 15.6156 4.79966 15.1904 4.25064C14.9729 3.96996 15.0242 3.56617 15.3049 3.34875Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2619 0.608763C10.3374 0.261851 10.6799 0.0418564 11.0268 0.117391C11.9092 0.309526 12.7565 0.637223 13.5386 1.08882C13.8461 1.26636 13.9514 1.65953 13.7739 1.96699C13.5963 2.27446 13.2031 2.37978 12.8957 2.20224C12.2286 1.81706 11.5059 1.53755 10.7532 1.37367C10.4063 1.29814 10.1863 0.955675 10.2619 0.608763Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4789_12301'%3E%3Crect width='18' height='18' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.infodata_item.execution_time .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4789_12306)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33398 1.28571C5.0735 1.28571 1.6197 4.73952 1.6197 9C1.6197 13.2605 5.0735 16.7143 9.33398 16.7143C13.5945 16.7143 17.0483 13.2605 17.0483 9C17.0483 4.73952 13.5945 1.28571 9.33398 1.28571ZM0.333984 9C0.333984 4.02944 4.36342 0 9.33398 0C14.3045 0 18.334 4.02944 18.334 9C18.334 13.9706 14.3045 18 9.33398 18C4.36342 18 0.333984 13.9706 0.333984 9Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33398 5.14286C9.68902 5.14286 9.97684 5.43067 9.97684 5.78571V8.76199L13.0876 12.3871C13.3188 12.6565 13.2878 13.0624 13.0183 13.2936C12.7489 13.5248 12.343 13.4938 12.1118 13.2244L8.84612 9.41864C8.74611 9.30209 8.69113 9.15358 8.69113 9V5.78571C8.69113 5.43067 8.97894 5.14286 9.33398 5.14286Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4789_12306'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.333984)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.infodata_item.cost .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4789_12311)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.52232 2.57143C4.35182 2.57143 4.18831 2.63916 4.06775 2.75972C3.94719 2.88028 3.87946 3.04379 3.87946 3.21429V16.0714C3.87946 16.2419 3.94719 16.4054 4.06775 16.526C4.18831 16.6466 4.35183 16.7143 4.52232 16.7143H14.808C14.9785 16.7143 15.142 16.6466 15.2626 16.526C15.3832 16.4054 15.4509 16.2419 15.4509 16.0714V3.21429C15.4509 3.04379 15.3832 2.88028 15.2626 2.75972C15.142 2.63916 14.9785 2.57143 14.808 2.57143H12.8795C12.5244 2.57143 12.2366 2.28361 12.2366 1.92857C12.2366 1.57353 12.5244 1.28571 12.8795 1.28571H14.808C15.3195 1.28571 15.8101 1.4889 16.1717 1.85058C16.5334 2.21226 16.7366 2.7028 16.7366 3.21429V16.0714C16.7366 16.5829 16.5334 17.0735 16.1717 17.4351C15.8101 17.7968 15.3195 18 14.808 18H4.52232C4.01083 18 3.52029 17.7968 3.15862 17.4351C2.79694 17.0735 2.59375 16.5829 2.59375 16.0714V3.21429C2.59375 2.7028 2.79694 2.21226 3.15862 1.85058C3.52029 1.4889 4.01083 1.28571 4.52232 1.28571H6.45089C6.80593 1.28571 7.09375 1.57353 7.09375 1.92857C7.09375 2.28361 6.80593 2.57143 6.45089 2.57143H4.52232Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.73661 1.28571C7.38157 1.28571 7.09375 1.57353 7.09375 1.92857L7.09375 2.57143C7.09375 2.92647 7.38157 3.21429 7.73661 3.21429H11.5937C11.9488 3.21429 12.2366 2.92647 12.2366 2.57143V1.92857C12.2366 1.57353 11.9488 1.28571 11.5937 1.28571H7.73661ZM5.80804 1.92857C5.80804 0.863451 6.67149 0 7.73661 0H11.5937C12.6589 0 13.5223 0.863451 13.5223 1.92857V2.57143C13.5223 3.63655 12.6589 4.5 11.5937 4.5H7.73661C6.67149 4.5 5.80804 3.63655 5.80804 2.57143V1.92857Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.80804 7.07143C5.80804 6.71639 6.09585 6.42857 6.45089 6.42857H12.8795C13.2345 6.42857 13.5223 6.71639 13.5223 7.07143C13.5223 7.42647 13.2345 7.71429 12.8795 7.71429H6.45089C6.09585 7.71429 5.80804 7.42647 5.80804 7.07143Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.80804 10.2857C5.80804 9.93067 6.09585 9.64286 6.45089 9.64286H12.8795C13.2345 9.64286 13.5223 9.93067 13.5223 10.2857C13.5223 10.6408 13.2345 10.9286 12.8795 10.9286H6.45089C6.09585 10.9286 5.80804 10.6408 5.80804 10.2857Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.80804 13.5C5.80804 13.145 6.09585 12.8571 6.45089 12.8571H12.8795C13.2345 12.8571 13.5223 13.145 13.5223 13.5C13.5223 13.855 13.2345 14.1429 12.8795 14.1429H6.45089C6.09585 14.1429 5.80804 13.855 5.80804 13.5Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4789_12311'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.666016)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.infodata_item.complexity .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4789_12316)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01208 1.29119C1.92383 1.2796 1.83412 1.28645 1.74861 1.31134C1.66111 1.33682 1.58003 1.38061 1.51074 1.4398M2.01208 1.29119C4.43926 1.69598 6.66612 2.88059 8.35717 4.66226V15.8373C6.52995 14.2699 4.28083 13.2536 1.87357 12.9271C1.86834 12.9264 1.86311 12.9258 1.85787 12.9252C1.69991 12.9077 1.55402 12.8323 1.44836 12.7136C1.3427 12.5949 1.28476 12.4412 1.28573 12.2823L1.28574 12.2784V1.92842C1.28573 1.83556 1.30584 1.74377 1.34468 1.65942C1.3835 1.57514 1.4401 1.50026 1.5106 1.43992L1.5107 1.43984M1.38921 0.0768807C1.6519 0.000403136 1.92785 -0.0193091 2.19874 0.0190532C2.20378 0.0197679 2.20882 0.0205426 2.21385 0.0213772C5.01063 0.485554 7.56914 1.87937 9.47578 3.97751C9.58331 4.09583 9.64288 4.24997 9.64288 4.40984V17.357C9.64288 17.6226 9.4795 17.8609 9.23171 17.9566C8.98392 18.0524 8.70276 17.9858 8.52416 17.7892C6.74415 15.8295 4.33073 14.5595 1.70768 14.2021C1.23717 14.1479 0.802951 13.9223 0.487934 13.5684C0.171433 13.2128 -0.00233606 12.7527 2.37225e-05 12.2767V1.92846C1.14916e-05 1.64991 0.060339 1.37462 0.176857 1.12161C0.29338 0.868588 0.463333 0.643811 0.675024 0.462744L0.675164 0.462625C0.883125 0.284851 1.12653 0.153358 1.38921 0.0768807Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8013 0.0190532C16.0722 -0.0193091 16.3481 0.000403104 16.6108 0.0768807C16.8735 0.153359 17.1169 0.284852 17.3249 0.462625L17.325 0.462744C17.5367 0.64381 17.7067 0.868587 17.8232 1.12161C17.9397 1.37462 18 1.64987 18 1.92842V12.2766C18.0024 12.7527 17.8286 13.2128 17.5121 13.5684C17.1971 13.9223 16.7629 14.1479 16.2924 14.2021C13.6693 14.5595 11.2559 15.8295 9.47589 17.7892C9.29728 17.9858 9.01613 18.0524 8.76834 17.9566C8.52055 17.8609 8.35717 17.6226 8.35717 17.357V4.40984C8.35717 4.24997 8.41674 4.09583 8.52426 3.97751C10.4309 1.87937 12.9894 0.485554 15.7862 0.0213772C15.7912 0.0205426 15.7963 0.0197679 15.8013 0.0190532ZM15.988 1.29119C13.5608 1.69598 11.3339 2.88059 9.64288 4.66226V15.8373C11.4701 14.2699 13.7192 13.2536 16.1265 12.9271C16.1317 12.9264 16.1369 12.9258 16.1422 12.9252C16.3001 12.9077 16.446 12.8323 16.5517 12.7136C16.6573 12.5949 16.7153 12.4412 16.7143 12.2823L16.7143 12.2784V1.92842C16.7143 1.83556 16.6942 1.74377 16.6554 1.65942C16.6165 1.57514 16.5599 1.50026 16.4894 1.43992M15.988 1.29119C16.0762 1.2796 16.1659 1.28645 16.2514 1.31134C16.3389 1.33682 16.42 1.3806 16.4893 1.4398L16.4894 1.43992' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4789_12316'%3E%3Crect width='18' height='18' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.single-post__thumb {
    position: relative;
    margin: 2rem 0;
    widtH: 100%;
    padding-top: 60%;
    overflow: hidden;

}

.single-post__thumb .wrp_thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

.single-post__thumb .wrp_thumb img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.single-post .step_list {
    border: 1px solid var(--green);
    border-bottom: none;
    margin: 2rem 0;
}

.single-post .step_list .wrp_title {
    display: flex;
    justify-content: start;
    align-items: start;
}

.single-post .step_item {
    padding: 2rem 1rem;
    border-bottom: 1px solid var(--green);
}

.single-post .step_item:nth-child(odd) {
    background: #66B86A20;
}

.single-post .step_list .wrp_title span {
    color: var(--green);
    font-size: 40px;
    line-height: 36px;
    padding-right: 20px;
}

.single-post__content img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


.single-post__content p {
    margin-bottom: 1rem;
}

.slider_related_post,
.slider_related_product_post {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.slider_related_product_post .slick-slide {
    flex: 0 0 auto;
}

.single-post .item_review{
    margin: 0 15px 5px;
    min-height: 510px;
}
.slider_related_product_post .product_container {
    min-height: 510px;
}

.single-post .item_review .image_container {
    position: relative;
    margin: 0;
    widtH: 100%;
    padding-top: 60%;
    overflow: hidden;
}

.single-post .item_review .woocommerce-loop-product__link {
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.single-post .item_review .woocommerce-loop-product__link img{
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.single-post .author_section {
    padding: 2rem  1rem;
    margin: 2px 0;
    background: #66b86a2a;
    border-radius: 20px;
}



.author_section .author_name {
    display: inline-block;
    font-size: var(--m);
}

.author_header.flex {
    gap: 14px;
    align-items: center;
}

.author_header .wrp_img {
    width: 140px;
    min-width :140px;
    height: 140px;
    border-radius: 2rem;
    overflow: hidden;
    background: #ddd;
}
.author_header .social_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 1rem 0;
}
.author_section .author_meta .author_description {
    /*margin-top: 1rem;*/
    display: none;
}
.author_section > .author_description {
    margin-top: 1rem;
    /*display: none;*/
}

@media(min-width: 564px) {
    .single-post .infodata_item {
        min-width: 40%;
    }


    .category_page .product_list_search   {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }


}

@media(min-width: 768px) {
    .single-post .infodata_list {
        margin: 3rem 4rem -3.5rem;
    }

    .single-post .step_item {
        padding: 3rem;
    }

    .category_page .product_list_search   {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-post .author_section {
        padding: 2rem  2rem;
    }

    .author_header.flex {
        gap: 20px;
        align-items: start;
    }

    .author_header .wrp_img {
        width: 150px;
        min-width :150px;
        height: 150px;
    }


    .author_section .author_meta .author_description {
        /*margin-top: 1rem;*/
        display: block;
    }
    .author_section > .author_description {
        /*margin-top: 1rem;*/
        display: none;
    }
}

@media(min-width: 992px) {
    .single-post .infodata_list {
        margin: 3rem 4rem -4rem;
    }
    .single-post .infodata_item {
        min-width: 20%;
    }
    .single-post .infodata_item {
        padding: 20px 10px;
    }

    .author_section {
        margin: 3rem  1rem;
    }

    .author_description {
        /*margin-left: 170px;*/
    }
    .category_page .product_list_search   {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(min-width: 1028px) {
    .category_page .product_list_search   {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 1200px) {
    .category_page .product_list_search   {
        grid-template-columns: repeat(3, 1fr);
    }
}
/*** end post ***/

/*** author page ***/
.section_author .author_name {
    margin: 20px 0;
}
.section_author h1 {
    font-size: var(--m)
}
.section_author .card_list {
    display: grid;
    gap: 20px;
}
.section_author  .author_section {
    margin: 2rem  1rem;
}

@media(max-width: 400px) {
    .section_author .author_header {
        /*flex-direction: column;*/
    }
    .section_author .author_header .author_thumb {
        width: 150px;
        min-width: 150px;
        height: 150px;
        min-height: 150px;
    }

    .section_author .author_header .author_thumb img {
        width:150px;
        height: 150px;
        object-fit: cover;
    }

}

@media(min-width: 664px) {
    .section_author .card_list   {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 900px) {
    .section_author .card_list   {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(min-width: 1200px) {
    .section_author .card_list   {
        grid-template-columns: repeat(4, 1fr);
    }

    footer .menu_footer_section {

    }
}


/*** end author page ***/

@media(min-width: 1028px) and (max-width: 1280px) {
    .menu_footer_section .menu_item_cards {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
    }
    .menu_footer_section .menu_item_cards .menu_item_footer {
        flex: 1 0 20%;
        max-width: 20%;

    }

    .menu_footer_section .menu_item_cards .info_data {
        flex: 1 1 100%;
        max-width: 100%;
    }

}

@media(min-width: 1280px) {
    .menu_footer_section .menu_item_cards {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 50px;
    }
}