/*!
Theme Name:   Sevenloft Framework 
Theme URI:    https://www.sevenloft.gr/service/kataskevi-istoselidon/
Author:       Sevenloft IKE
Author URI:   https://sevenloft.gr
Description:  Sevenloft is our starter theme for our woocommerce projects. Designed and developed by Sevenloft Core developers
Version:      0.01
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sevenloft-theme
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
*/

/* Global */
/* For WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar { 
    width: 15px;
    height: 15px; 
}

::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 8px; 
}

::-webkit-scrollbar-track {
    border: 1px solid #dadada;
    border-radius: 2px; 
}

::selection {
    color: white;
    background-color: var(--main-color);
}
::-moz-selection {
    color: white; 
    background-color: var(--main-color);
}

.under_construction img.logo{
    filter: invert(1);
    max-height: 200px;
    width: auto;
}
.under_construction-social-icons{
    display: none;
}

.prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper input[type="checkbox"] {
    display: none;
}

body.under_construction_body img {
    max-width: 100%  !important;
    height: auto;
}

body{
    background: #f0efeb;
}

p,a{
    font-family: var(--text-font);
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-align: left;
}

/*.gfs-neohellenic-regular {
  font-family: "GFS Neohellenic", serif;
  font-weight: 400;
  font-style: normal;
}*/
.amatic-sc-regular {
  font-family: "Amatic SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.amatic-sc-bold {
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.patrick-hand-regular {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
}


:root {
  --main-font: 'Patrick Hand', sans-serif;
  --text-font: 'Inter', sans-serif;
  --main-color: #738b69;
}

.dark-btn{
    height: 45px;
    background: #000;
    color: #fff;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700; 
    transition: all 0.3s;
    border: unset;
}
.dark-btn:hover{
    background: var(--main-color);
    color: #fff;
    border: unset;
}
.sec-title{
    font-family: var(--main-font);
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 100;
    color: var(--main-color);
    margin: 0;
    padding: 20px;
}
.sec-subtitle{
    font-family: var(--main-font);
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
.owl-dots{
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
}
.owl-dots button{
    width: 10px;
    height: 10px;
    background: #414141 !important;
    margin-right: 15px;
    border-radius: 50px;
    transition: all 0.3s;
}
.owl-dots button.active{
    width: 14px;
    height: 14px;
    background: var(--main-color) !important;
}
.page-title-sec {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 350px;
}
.page-title-sec ul.woocommerce_breadcrumb{
    margin: 0;
    justify-content: center;
}
.page-title-sec .page-title {
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: 100;
    font-size: 40px;
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    background-color: transparent;
}
.header-image-sec{
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-position: center !important;
}
.title-breadcrumb-content{
    background: #f0efebd6;
    padding: 15px 50px;
    border-radius: 20px;
    outline: 2px solid #738b6982;
}
.title-breadcrumb-content ul.woocommerce_breadcrumb{
    justify-content: center;
    display: flex;
}
.woocommerce_breadcrumb li:last-child{
    padding-right: 0;
}
.woocommerce_breadcrumb li:first-child a {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.woocommerce_breadcrumb li:first-child a::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    text-indent: 0;
    font-size: 16px;
    color: inherit;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



/*=========== HEADER TOP ============= */
.header-top{
    background: var(--main-color);
}
.top-header-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-header-right .widget-search-wr input{
    background: #f0efeb;
}
.top-header-right #search_toggle_btn.open{
    background: #000;
}
.header-top .widget-search-wr{
    width: 0;
    opacity: 0;
    transition: all 0.3s;
}
.header-top .widget-search-wr.show{
    width: 100%;
    opacity: 1;
}
.header-top .widget-search-wr .fa-search:before{
    transition: all 0.6s;
    padding-right: 5px;
    content: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-4.png);
    cursor: pointer;
}
.header-top .widget-search-wr.show .fa-search:before{
    padding-right: 50px;
}
.header-top .textwidget.custom-html-widget{
    position: relative;
}
#search_toggle_btn{
    display: block;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: all 0.3s;
}
#search_toggle_btn.open{
    background: var(--main-color);
}
#search_toggle_btn img.close-search,
#search_toggle_btn.open img.open-search{
    display: none;
}
#search_toggle_btn.open img.close-search{
    display: block;
    width: 26px;
}
body .guaven_woos_suggestion{
    background: transparent;
}
body .guaven_woos_suggestion>ul{
    margin-top: 10px;
    background: #f0efeb;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    position: relative;
    border-radius: 15px;
    padding: 20px !important;
}
body .guaven_woos_suggestion>ul:before {
    border: 1em solid #f0efeb;
    content: "";
    display: block;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -8px;
    left: 0;
    margin: -1em 0 0 2em;
}
body .guaven_woos_suggestion>ul>li{
    font-family: var(--main-font);
    font-size: 18px;
}
.guaven_woos_suggestion .guaven_woos_img{
    width: 60px;
}
.guaven_woos_suggestion .guaven_woos_titlediv{
    margin-left: 70px;
    font-size: 12px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.guaven_woos_suggestion .guaven_woos_titlediv span{
    font-family: var(--main-font);
    font-size: 17px;
    color: #000;
}
.guaven_woos_suggestion .guaven_woos_titlediv small span.woocommerce-Price-amount.amount,
.guaven_woos_suggestion .guaven_woos_titlediv small span.woocommerce-Price-currencySymbol{
    font-size: 18PX;
    color: #000;
    font-family: var(--main-font);
}
.widget-search-wr input{
    background: transparent;
    border: 1px solid var(--main-color);
    border-radius: 50px;
    height: 50px;
    font-family: var(--main-font);
    font-size: 20px;
}
.header-top .vi-wcaio-menu-cart-icon{
    width: 26px;
    height: 26px;
}
.header-top .vi-wcaio-menu-cart i:before {
    font-size: 28px;
}
.header-top .vi-wcaio-menu-cart .vi-wcaio-menu-cart-text-wrap .vi-wcaio-menu-cart-text {
    width: 25px;
    height: 25px;
    position: absolute;
    right: -4px;
    top: -10px;
    background: #f0efeb;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main-color);
    font-family: var(--main-font);
    font-size: 17px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.header-top .vi-wcaio-menu-cart-show .widget_shopping_cart .widget_shopping_cart_content {
    background: #f0efeb;
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding-bottom: 15px;
}
.header-top .vi-wcaio-menu-cart-content-wrap{
    left: auto;
    right: 0;
    min-width: 350px;
    transform: unset;
    background: transparent;
    box-shadow: unset;
    z-index: 99999;
}
.header-top .vi-wcaio-menu-cart-content-wrap:after, .header-top .vi-wcaio-menu-cart-content-wrap:before{
    right: 7%;
    left: unset;
    top: 5px;
    border-color: transparent transparent #f0efeb;
}
.header-top .vi-wcaio-menu-cart .vi-wcaio-menu-cart-nav-wrap{
    display: flex;
    align-items: end;
}
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart .mini_cart_item a:not(.remove){
    color: #000;
    font-size: 16px;
}   
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart .mini_cart_item a:not(.remove){
    font-family: var(--main-font);
    color: var(--main-color);
    font-size: 19px;
}
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart .input-text.text{
    display: none;
}
.header-top span.woocommerce-Price-amount.amount{
    font-family: var(--main-font);
}
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .total,
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .total strong{
    font-family: var(--main-font);
    font-size: 20px;
}
.header-top a.slider-right__order.continue-shopping,
.header-top a.slider-right__order{
    display: none;
}
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart__buttons a.button{
    background: #000;
    color: #fff;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s;
}
.header-top .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart__buttons a.button:hover{
    background: var(--main-color);
}
.vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart .mini_cart_item img{
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.header .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart__empty-message{
    margin: 10px;
}
.wc-login-widget {
    position: relative;
    display: inline-block;
}
#my-account-btn,
.top-header-right .wc-login-button {
    margin-left: 20px;
    width: max-content;
    height: 40px;
    padding: 0 30px;
    color: #fff;
}
#my-account-btn:hover,
.top-header-right .wc-login-button:hover{
    background: #f0efeb;
    color: #000;
}
#account-menu {
    display: none;
    position: absolute;
    background: #f0efeb;
    border: 1px solid #ddd;
    width: calc(100% - 20px);
    top: 100%;
    right: 0;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border-radius: 15px;
    margin-top: 15px;
    padding: 10px;
    z-index: 99999;
}
#account-menu:before{
    border: 1em solid #f0efeb;
    content: "";
    display: block;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -9px;
    left: 0;
    margin: -1em 0 0 2em;
}
#account-menu a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    position: relative;
    width: fit-content;
}
#account-menu a::after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease-in-out;
}
#account-menu a:hover::after {
    width: 80%;
}
.header-top .top-header-left{
    display: flex;
    justify-content: start;
    align-items: center;
}
.header-top .top-header-left a{
    display: inline-flex;
    align-items: center;
}
.header-top .top-header-left a span{
    font-family: var(--main-font);
    color: #fff;
}
.header-top .top-header-left a span:before{
    font-family: fontawesome;
    color: #000;
}
/* Language Switcher Styles */
.language-switcher {
    position: relative;
    display: inline-block;
}
.lang-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    width: 40px;
    height: 40px;
}
.lang-dropdown {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    background-color: #f0efeb;
    min-width: 60px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    z-index: 99999;
    border-radius: 4px;
    padding: 15px;
    margin-top: 5px;
}
.lang-dropdown a{
    color: #000;
}
.lang-dropdown.show {
    display: block;
}
.lang-option {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0;
    padding-bottom: 10px;
    padding-right: 0 !important;
    text-decoration: none;
    transition: background-color 0.2s;
}
.lang-option img {
    display: block;
    margin: 0 auto;
}

/*=========== END HEADER TOP =============*/

/*======= HEADER ==========*/
.header{
    padding-top: 0;
    position: relative;
    height: 90px;
}
.menu-horizontal{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: unset;
    background: transparent;
}
.fixed.menu-horizontal{
    background: #f0efeb;
    box-shadow: 0 4px 2px -2px gray;
}
.fixed.menu-horizontal .nav-justified .nav-item.menu-logo img{
    width: 80px;
    height: auto;
}
.fixed.menu-horizontal .navbar-collapse>ul{
    padding-top: unset;
    align-items: center;
}
.header .widget-logo-wr img{
    max-width: 180px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.header-left{
    height: 90px;
}
.header-right{
    align-items: center;
    justify-content: end;
    height: 90px;
}
.nav-justified .nav-item.menu-logo > a{
    padding: 0;
}
.nav-justified .nav-item.menu-logo > a:before{
    display: none;
}
.nav-justified .nav-item.menu-logo img{
    width: 150px;
    height: auto;
    transition: all 0.3s;
}
header .menu-horizontal nav ul li a:hover{
    color: var(--main-color);
}
header .menu-horizontal nav ul li.current_page_item a{
    color: var(--main-color);
}
header .menu-horizontal nav ul li a:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url('https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/menu_beofre_colored.png');    
    background-size: cover;
    background-position: center;
    transform: rotate(-15deg);
    transition: all 0.3s ease;
    opacity: 0;
    margin: 0 5px;
    color: var(--main-color);
}
header .menu-horizontal nav ul li a:hover:before {
    transform: rotate(0deg);
    opacity: 1;
}
header .menu-horizontal nav ul li.current_page_item a:before{
    opacity: 1;
    transform: rotate(0deg);
}
header .menu-horizontal nav li ul, 
.menu-horizontal .dropdown-menu {
    background-color: #f0efeb;
}
.menu-horizontal .navbar-collapse>ul{
    padding-top: 13px;
    transition: all 0.3s;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li{
    max-width: 50%;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li > a{
    justify-content: start;
    padding: 5px 20px;
    padding-right: 40px;
    font-weight: 600;
    background: transparent;
    font-family: var(--main-font);
    height: 30px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li > a span{
    font-family: var(--main-font);
}
.menu-horizontal .navbar-collapse > ul > li.menu-item.menu-item-has-children > ul > li > a img {
    width: 209px;
    height: auto;
    position: absolute;
    max-height: 200px;
    object-fit: contain;
    background: #fff;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) -24%, rgba(0, 0, 0, 0) 146%);
    opacity: 0;
    left: -85%;
    transform: translateX(-50px) rotate(-25deg) scale(0.7);
    transition: opacity 0.3s ease-in-out, 
                transform 0.3s ease-in-out;
    border: 1px solid var(--main-color);
    border-radius: 0px;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding: 15px;
}
.menu-horizontal .navbar-collapse > ul > li.menu-item.menu-item-has-children > ul > li > a:hover img {
    opacity: 1;
    transform: translateX(0) rotate(0deg) scale(1);
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(1) > a img{
    top: 27px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(2) > a img{
    top: -11px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(3) > a img{
    top: -49px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(4) > a img{
    top: -87px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(5) > a img{
    top: -125px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(6) > a img{
    top: -163px;
}
.menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li:nth-child(7) > a img{
    top: -201px;
}

/*======= END HEADER ========*/


/*=========== HOMEPAGE ============*/
/*Hero Slider*/
.hero-container{
    position: relative;
    padding: 0;
}
.hero-container svg{
    z-index: 9;
    position: absolute;
    top: -10px;
    rotate: 180deg;
    left: 0;
}
.hero-slider {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  border-radius: 50px;
  margin-bottom: 8rem;
  padding: 0 2px;
}
.hero-slider .carousel-cell {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.hero-slider .carousel-cell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 15%);
}
.hero-slider .carousel-cell .inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  text-align: center;
  z-index: 2;
}
.hero-slider .carousel-cell .inner .subtitle {
    font-family: var(--text-font);
    font-size: 17px;
    width: 40%;
    color: #414141;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;
    margin: 0 auto;
    transition: all 1.4s ease 0.3s;
    transform: translateY(80px);
    opacity: 0;
    background: #ffffffd4;
    padding: 20px;
    border-radius: 20px;
}
.hero-slider .carousel-cell .inner .title {
  font-family: var(--main-font);
  /*  color: var(--main-color);*/
  color: #fff;
  font-weight: 100;
  font-size: 40px;
  line-height: 1.2em;
  text-transform: uppercase;
  transition: all 1.4s ease;
  transform: translateY(70px);
  opacity: 0;
}
.hero-slider .carousel-cell.is-selected .inner .title,
.hero-slider .carousel-cell.is-selected .inner .subtitle{
    transform: translateY(0);
    opacity: 1;
}
.hero-slider .carousel-cell .inner .btn {
  border: 1px solid #fff;
  padding: 14px 18px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 3px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}
.hero-slider .carousel-cell .inner .btn:hover {
  background: #fff;
  color: #000;
}
.hero-slider .flickity-prev-next-button {
  width: 80px;
  height: 80px;
  background: transparent;
}
.hero-slider .flickity-prev-next-button:hover {
  background: transparent;
}
.hero-slider .flickity-prev-next-button .arrow {
  fill: white;
}
.hero-slider .flickity-page-dots {
    bottom: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-slider .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #fff;
  border: 0 solid white;
  border-radius: 50%;
  transition: all 0.3s;
}
.hero-slider .flickity-page-dots .dot.is-selected {
    width: 14px;
    height: 14px;
    background: #a4d191;
}
.hero-btn{
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
    transition: all 1.4s ease 0.6s;
    transform: translateY(80px);
    opacity: 0;
}
.is-selected .hero-btn{
    opacity: 1;
    transform: translateY(0);
}
.hero-btn a{
    background: #000;
    color: #fff;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s;
}
.hero-btn a:hover{
    background: var(--main-color);
}


/*Homepage categories section*/
.homepage-categories{
    padding-bottom: 6rem;
}
.cat-title-section{
    text-align: center;
}
.cat-title-section p{
    text-align: center;
    width: 45%;
    margin: 0 auto;
}
.homepage-categories .category-item img{
    width: 100%;
    border-radius: 20px;
}
.homepage-categories .category-item img:not(.preview-icon){
    background: #fff;
    height: 400px;
    object-fit: cover;
}
.categories-grid{
    padding-top: 3rem;
}
.category-name{
    font-family: var(--main-font);
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
    color: #000;
}
.category-item {
    position: relative;
    display: inline-block;
}
.category-item h3 {
    position: relative;
    font-size: 24px;
}
.category-item h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.category-item:hover h3::after {
    opacity: 1;
    transform: translateY(0);
}
.category-item .category-thumbnail{
    position: relative;
}
.category-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    border-radius: 20px;
    display: block;
}
.category-item:hover .overlay{
    opacity: 1;
}
.category-item img.preview-icon {
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: all 0.3s;
    width: 50px;
}
.category-item:hover img.preview-icon {
    opacity: 1;
    transform: translate(-50%, -50%);
}

/*Single product with images*/
.single-product-gallery{
    padding: 4rem;
    background: #fff;
    border-radius: 50px;
}
.single-product-gallery .title-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.single-product-gallery .title-section p{
    width: 55%;
    text-align: center;
}
.gallery-sec{
    padding-top: 2rem;
}
.single-product-gallery .gallery-item{
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}
.single-product-gallery img.gallery-image{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
}
.single-product-gallery img.preview-icon{
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: all 0.3s;
}
.single-product-gallery .gallery-item:hover img.preview-icon{
    opacity: 1;
    transform: translate(-50%, -50%);
}
.image-overlay-sec{
    position: relative;
    overflow: hidden;
}
.image-overlay-sec .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    border-radius: 20px;
    display: block;
}
.gallery-item:hover .overlay {
    opacity: 1;
}

/*Homepage Product Slider*/
.product-item{
    overflow: hidden;
}
.home-products-slider{
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.home-products-slider .title-section{
    text-align: left;
}
.home-products-slider h2.sec-title{
    padding: 20px 0;
}
.home-products-slider .title-section p{
    text-align: left;
    margin: unset;
    width: 85%;
}
.home-products-slider .product-sec{
    padding-top: 2rem;
}
.home-products-slider .owl-carousel .owl-item img{
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
    background: #fff;
    padding: 30px;
}
.home-products-slider .price{
    display: flex;
    justify-content: center;
    padding: 20px;
    padding-bottom: 15px;
}
.home-products-slider .product-name{
    text-align: center;
    font-family: var(--main-font);
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
}
.home-products-slider .price del{
    padding-right: 10px;
}
.home-products-slider .price ins{
    color: transparent;
}
.home-products-slider .price bdi{
    font-family: var(--main-font);
}
.home-products-slider .price bdi .woocommerce-Price-currencySymbol{
    font-family: var(--main-font);
}
.home-products-slider .right-col{
    display: flex;
    justify-content: end;
    align-items: end;
}
.home-products-slider .product-buttons{
    bottom: 20px;
}
.home-products-slider .woocommerce-product-list-thumbnail-arrows,
.new-arrivas .woocommerce-product-list-thumbnail-arrows{
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 20px;
    transition: all 0.3s;
    display: block;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.new-arrivas .woocommerce-product-list-thumbnail-arrows{
    background: #fff;
}
.new-arrivas .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-hidden img,
.new-arrivas .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-multiple img{
    height: 100%;
    object-fit: contain;
}
.product-item:not(.no-hover-effect):hover .woocommerce-product-list-thumbnails-hidden img{
    transform: translateX(100%);
    opacity: 0;
    z-index: 0;
}
.product-item:hover .woocommerce-product-list-thumbnails-multiple img,
.woocommerce ul.products li.product:hover .woocommerce-product-list-thumbnails-multiple img{
    transform: translateX(0);
    opacity: 1;
    z-index: 1;
}
.product-item:hover span.woocommerce-product-list-thumbnails-multiple,
.woocommerce ul.products li.product:hover span.woocommerce-product-list-thumbnails-multiple{
    opacity: 1;
}
.product-item.no-hover-effect:hover span.woocommerce-product-list-thumbnails-multiple,
.woocommerce ul.products li.product.no-hover-effect:hover span.woocommerce-product-list-thumbnails-multiple {
    transform: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

.thumb-sec{
    position: relative;
}
.product-item a.add_to_cart_button {
    transform: translateX(-80px);
}

.product-item:hover a.add_to_cart_button {
    transform: translateX(0);
    transition: transform 0.3s ease 0.2s;
}
.product-item .tinv-wraper.tinv-wishlist {
    transform: translateX(-80px);
}

.product-item:hover .tinv-wraper.tinv-wishlist {
    transform: translateX(0);
    transition: transform 0.3s ease 0.3s;
}
.added_to_cart {
    display: none !important;
}

/*Products Reviews Section*/
.product-reviews-sec{
    padding-bottom: 8rem;
    padding-top: 2rem;
}
.product-reviews-sec .title-section{
    justify-content: center;
}
.product-reviews-sec .title-section h4{
    padding-bottom: 2rem;
}
.product-reviews-sec .key-word-item{
    justify-content: center;
    min-height: 130px;
    flex-direction: column;
}
.product-reviews-sec .key-word-item h4{
    font-family: var(--main-font);
    color: var(--main-color);
    margin-bottom: 0;
}
.product-reviews-sec .key-word-item p{
    margin-bottom: 0;
    padding: 20px;
}
.product-reviews-sec .key-word-item .fa-quote-left{
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.3s;
}
.product-reviews-sec .key-word-item .fa-quote-right{
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.3s;
}
.product-reviews-sec .key-word-item:hover .fa-quote-left,
.product-reviews-sec .key-word-item:hover .fa-quote-right {
    transform: translate(0, -50%) rotate(20deg);
    font-size: 20px;
    color: var(--main-color);
} 


/*Homepage Tips Section*/
.tips-section{
    background: #fff;
    padding: 6rem;
    border-radius: 50px;
    overflow: hidden;
}
.tips-section .title-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tips-section svg{
    width: 50px;
}
.tip-item{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.tip-item span{
    padding: 2rem;
    display: block;
    font-family: var(--main-font);
    font-size: 27px;
    letter-spacing: 0px;
    line-height: 34px;
}
.tip-item h4{
    font-family: var(--main-font);
    font-size: 24px;
    text-transform: uppercase;
    color: var(--main-color);
}
.tips-section .owl-dots button{
    background: #414141 !important;
}
.owl-dots button.active{
    width: 14px;
    height: 14px;
    background: var(--main-color) !important;
}

/* Homepage New Arrivals Section */
.new-arrivas{
    padding: 6rem 0;
}
.new-arrivas .sec-title{
    padding-left: 0;
}
.new-arrivas .main-row{
    margin-left: 0;
    margin-right: 0;
}
.new-arrivas .data-col{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 4rem;
}
.new-arrivas .all-product-btn{
    width: fit-content;
    margin-top: 15px;
}
.new-arrivas .price {
    display: flex;
    justify-content: center;
    padding: 20px;
    padding-bottom: 15px;
}
.new-arrivas .price bdi,
.new-arrivas .price bdi .woocommerce-Price-currencySymbol {
    font-family: var(--main-font);
}
.new-arrivas .product-name {
    text-align: center;
    font-family: var(--main-font);
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
}
.new-arrivas .product-buttons{
    bottom: 20px;
}



/*=================== END HOMEPAGE ===================*/


/*=================== ARCHIVE PRODUCT =======================*/
.category-header{
    height: 350px;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.category-title-sec{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 350px;
}
.category-header h1{
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: 100;
    font-size: 40px;
    margin-bottom: 0;
}
.woocommerce_breadcrumb li:after{
    content: '';
    width: 1px;
    height: 15px;
    border-right: unset;
    border-bottom: unset;
    background: #000000;
    transform: rotate(22deg) translateY(-50%);
    top: 50%;
}
.woocommerce_breadcrumb li a,
.woocommerce_breadcrumb li{
    font-family: var(--main-font);
    font-weight: 100;
    text-transform: lowercase;
    font-size: 19px;
}
.archive .product-list{
    padding: 6rem 0;
}
span.woocommerce-Price-amount.amount{
    font-size: 18PX;
    color: #000;
    font-family: var(--main-font);
}
@keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.woocommerce-product-list-thumbnail-arrows{
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 20px;
    transition: all 0.3s;
    display: block;
}
.woocommerce ul.products li.product{
    overflow: hidden;
    padding: 0;
    box-shadow: unset;
    width: calc(25% - 30px);
    margin-right: 30px;
    background: transparent;
}
.woocommerce ul.products li.product.last{
    margin-right: 0;
}
.woocommerce ul.products li.product:hover{
    box-shadow: unset;
}
.woocommerce ul.products li.product a img{
    height: 450px;
    object-fit: cover;
    padding: 0;
    margin: 0;
    border-radius: 20px;
    transition: all 0.3s;
    background: #fff;
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.woocommerce ul.products li.product:hover a img{
    border-top-left-radius: 25%;
    border-bottom-right-radius: 25%;
}
.woocommerce ul.products li.product .price{
    display: flex;
    justify-content: center;
    padding: 20px;
    padding-bottom: 10px;
}
.sale-percentage-label{
    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    text-align: center;
    font-family: var(--main-font);
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 10px;
    height: 90px;
    min-height: 90px;
}
.product-buttons {
    position: absolute;
    bottom: 180px;
    left: 20px;
    display: flex;
    flex-direction: column;
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s;
    background: transparent;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    margin-left: 0;
    margin-top: 0;
}
a.button.add_to_cart_button {
    position: relative;
    display: inline-block !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 19px;
    background-color: var(--main-color);
    background-image:unset;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: background-color 0.3s ease;
    transition: opacity 0.3s ease 0.3s;
}
a.button.add_to_cart_button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/shopping-cart-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin-left: 0 !important;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--main-color);
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    font-size: 25px;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    top: unset;
    left: unset;
    color: #fff;
    z-index: 9;
}
.tinv-wraper.tinv-wishlist{
    margin-top: 10px;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover::after{
    transform: scale(1);
}

.product-filters-sidebar{
    position: fixed;
    top: 0;
    left: 0;
    background: #f0efeb;
    height: 100vh;
    z-index: 9;
    width: 0px;
    transition: all 0.3s;
    z-index: 9999999999;
}
.product-filters-sidebar.visible-filters{
    width: 450px;
    min-width: 400px;
    transition: all 0.3s;
    overflow-x: scroll;
}
.product-filters-sidebar .sidebar-filter-wr {
    padding: 30px 20px;
}
#close_filter{
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 999;
    cursor: pointer;
}
#close_filter img{
    width: 30px;
}
#filterBtn{
    font-size: 20px;
    background: transparent;
    font-family: var(--main-font);
    padding-left: 5px;
    position: relative;
    width: fit-content;
    color: #000;
    font-weight: 100;
    height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#filterBtn:hover{
    background-color: transparent;
}
/*#filterBtn:after{
    content: '';
    display: block;
    background-image: url('https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/filter.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0; 
    left: 15px;
}*/
#filterBtn:before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 4px;
    z-index: 9;
    display: block;
    background: #000000;
    right: 0;
    transition: width 0.3s ease;
}
#filterBtn:hover::before{
    width: 0;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999;
}

body.filter-active .overlay {
    display: block; /* Show overlay when filter-active class is present */
}
.archive .product-list-main-wr{
    flex: 0 0 100%;
    max-width: 100%;
}
.prdctfltr_wc .prdctfltr_filter_title{
    display: none !important;
}
.prdctfltr_search .pf-help-title{
    display: none;
}
input.pf_search{
    height: 60px;
    background: transparent;
    border: 1px solid #dadada;
    outline: unset;
    padding: 0 20px;
}
span.prdctfltr_widget_title{
    font-size: 25px;
    font-weight: 300;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-family: var(--main-font);
}
.product-item a.added_to_cart{
    display: none !important;
}
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label>span:before{
    width: 15px !important;
    height: 15px !important;
}
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active>span:before{
    background: var(--main-color);
    border-color: #fff !important;
}
.prdctfltr_wc_widget .prdctfltr_collector .prdctfltr_selected_title{
    font-family: var(--main-font);
    color: var(--main-color);
}
.pf_rngstyle_flat .irs-bar{
    background: var(--main-color) !important;
}
.pf_rngstyle_flat .irs-from, .pf_rngstyle_flat .irs-to, .pf_rngstyle_flat .irs-single{
    background: var(--main-color) !important;
}
.pf_rngstyle_flat .irs-slider{
    filter: grayscale(1) !important;
}
.pf_rngstyle_flat .irs-from:after, 
.pf_rngstyle_flat .irs-to:after, 
.pf_rngstyle_flat .irs-single:after{
    border-top-color: var(--main-color) !important;
}
span.woocommerce-product-list-thumbnails{
    padding: 10px;
}
.archive .term-description {
    padding-top: 4rem;
}
.archive .term-description p{
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

/*=================== END ARCHIVE PRODUCT ===============*/



/*=================== SINGLE PRODUCT PAGE =================*/
.product-header{
    border-radius: 50px;
}
.product-title-sec{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 350px;
}
.product-title-sec .page-title{
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: 100;
    font-size: 40px;
    margin-bottom: 0;
    text-align: center;
}
.single-product ul.woocommerce_breadcrumb{
    margin-top: 20px;
}
.single-product .product-content{
    padding-top: 6rem;
} 
.single-product .related.products{
    width: 100%;
}
.single-product div.product div.images{
    width: calc(60% - 45px);
}
.single-product div.product div.summary{
    width: 40%;
}
.single-product .woocommerce-product-gallery__image:not(.flex-active-slide){
    border-radius: 10px;
}
.single-product div.product div.images img{
    max-height: 80vh;
    object-fit: contain;
}
.single-product div.product div.images.woocommerce-product-gallery{
    display: flex;
    justify-content: center;
}
.single-product div.product div.images.woocommerce-product-gallery .flex-viewport{
    order: 2;
    flex: 0 0 80%;
    max-width: calc(80% - 6rem);
    margin: 0 3rem;
    border: 1px solid;
    border-radius: 10px; 
    background: #fff;
    max-height: 80vh;
}
.single-product div.product div.images .flex-control-thumbs{
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 20%;
    max-width: 20%;
}
.single-product div.product div.images .flex-control-thumbs li{
    width: 100%;
    padding: 2px;
    margin-bottom: 3rem;
}
.single-product div.product div.images .flex-control-thumbs img{
    width: 100%;
    border: 1px solid #fff;
    outline: 1px solid var(--main-color);
    padding: 0px;
    border-radius: 10px;
    background: #fff;
    max-height: 150px;
}
.single-product div.product div.images .woocommerce-product-gallery__trigger{
    right: 4rem;
}
.single-product h1.product_title.entry-title {
    font-weight: 100;
    margin-bottom: 30px;
    font-family: var(--main-font);
    font-size: 40px;
    text-transform: uppercase;
    color: var(--main-color);
}
.single-product .product span.woocommerce-Price-amount.amount{
    font-size: 22px;
}
.single-product .summary .tinv-wraper.tinv-wishlist{
    display: flex;
}
.single-product .summary .tinv-wraper.tinv-wishlist .tinvwl-tooltip{
    display: flex;
    align-items: center;
    padding-left: 15px;
    font-size: 20px;
    font-family: var(--main-font);
}
.single-product .summary .tinv-wraper.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    background: transparent;
}
.single-product .summary .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::after{
    display: none;
}
.single-product .summary .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    font-size: 30px;
    color: var(--main-color);
}
.quantity-buttons {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 30px !important;
    width: fit-content;
}
.quantity-buttons .minus, 
.quantity-buttons .plus {
    background-color: transparent;
    border: none;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    user-select: none;
    font-family: var(--main-font);
    padding: 0;
    height: 45px;
    width: 40px;
}
.quantity-buttons .input-text.qty {
    width: 40px;
    text-align: center;
    margin: 0;
    background: transparent;
    border: unset;
    outline: unset;
    font-family: var(--main-font);
    font-size: 20px;
}
.quantity .input-text.qty::-webkit-inner-spin-button,
.quantity .input-text.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.single-product div.product form.cart .button{
    border: unset;
    height: 45px;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 20px;
    transition: all 0.3s;
}
.single-product div.product form.cart .button:hover{
    background: var(--main-color);
    color: #fff;
}
.single-product div.product form.cart{
    margin: 2em 0;
}
.single-product div.product form.cart.variations_form{
    margin-top: 0;
}
.single-product .product_meta {
    margin: 2em 0;
}
.sku_wrapper, .posted_in {
    color: #444;
    font-family: var(--main-font);
    font-weight: 600;
    font-size: 20px;
}
.sku_wrapper span, .posted_in a{
    font-size: 20px;
    font-family: var(--main-font);
    font-weight: 100;
}
.social-share {
    margin-top: 30px;
    display: inline-block;
}
.social-share h3{
    color: #444;
    font-family: var(--main-font);
    font-weight: 600;
    font-size: 20px;
}
.product-tabs{
    width: 70%;
    margin: 0 auto;
    padding: 8rem 0;
}
#myTab{
    display: flex;
    justify-content: center;
    border-bottom: unset;
}
#myTab li a.nav-link{
    background: transparent;
    border: unset;
    font-family: var(--main-font);
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    color: #000;
    transition: all 0.3s;
    position: relative;
}
#myTab li a.nav-link.active,
#myTab li a.nav-link:hover{
    color: var(--main-color);
}
#myTabContent{
    padding: 2rem;
}
#myTab li a.nav-link:before {
    content: '';
    position: absolute;
    width: 0; /* Hidden by default */
    height: 10px;
    bottom: -10px;
    margin: auto;
    mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    -webkit-mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: left center;
    -webkit-mask-position: left center;
    background-color: var(--main-color);
    transition: width 0.5s ease-in-out;
    overflow: hidden;
}
#myTab li a.nav-link:hover::before,
#myTab li a.nav-link.active::before {
    width: 88%;
}
.single-product table.shop_attributes{
    border: 1px solid;
}
.single-product table.shop_attributes tr{
    border-bottom: 1px solid;
    min-height: 50px;
    display: flex;
    flex-wrap: wrap;
}
.single-product table.shop_attributes tr:last-child{
    border-bottom: unset;
}
.single-product table.shop_attributes tr th{
    border-right: 1px solid;
    display: flex;
    flex: 0 0 27%;
    max-width: 27%;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    font-family: var(--main-font);
    font-size: 20px;
}
.single-product table.shop_attributes tr td{
    flex: 0 0 73%;
    max-width: 73%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: transparent !important;
}
.single-product table.shop_attributes tr td a{
    font-family: var(--main-font);
    font-weight: 100;
    color: #000;
}
.related.products h2{
    font-weight: 100;
    margin-bottom: 30px;
    font-family: var(--main-font);
    font-size: 40px;
    text-transform: uppercase;
    color: var(--main-color);
    text-align: center;
}
.single-product .woocommerce-message{
    display: none;
}
.single-product .variations.table .label{
    display: block;
    padding-left: 0;
    padding-bottom: 0;
}
.single-product .variations.table{
    margin-bottom: 0 !important;
}
.single-product .variations.table .label label{
    font-family: var(--main-font);
    color: #000 !important;
    margin-bottom: 0;
    font-size: 18px !important;
}
.single-product .variations.table td.value{
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.single-product .single_variation_wrap{
    margin-top: 20px;
}
.single-product .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled{
    margin-top: 20px;
}
.single-product .variations.table td.value .reset_variations{
    margin-left: 10px;
    color: #000;
    transition: all 0.3s;
}
.single-product .variations.table td.value .reset_variations:hover{
    color: var(--main-color);
}
.variation-buttons {
    display: flex;
    gap: 10px;
    margin-top: 0;
    flex-wrap: wrap;
}
.variation-btn {
    padding: 8px 15px;
    border: unset;
    background-color: #f8f8f8b5;
    transition: 0.3s;
    border-radius: 10px;
    font-family: var(--main-font);
    line-height: 20px;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.3s;
}
.variation-btn:hover {
    background-color: #ddd;
}
.variation-btn.selected {
    background-color: var(--main-color);
    color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.woocommerce table.shop_attributes td p{
    word-break: break-word;  
}
/*product reviews*/
.woocommerce #reviews #comments h2{
    font-family: var(--main-font);
    font-size: 25px;
}
.woocommerce p.stars a{
    color: var(--main-color);
}
.woocommerce #reviews .comment-form-author input,
.woocommerce #reviews .comment-form-email input{
    width: 100%;
    height: 45px;
    border-radius: 20px;
    background: transparent;
    border: 1px solid #000;
    padding: 0 20px;
    outline: unset;
}
.woocommerce #reviews .comment-form-comment textarea{
    height: 100px !important;
    border-radius: 20px;
    background: transparent;
    border: 1px solid #000;
    padding: 20px;
    outline: unset;
}
.woocommerce #reviews .comment-form-author input:focus,
.woocommerce #reviews .comment-form-email input:focus,
.woocommerce #reviews .comment-form-comment textarea:focus{
    outline: unset;
}
.woocommerce #reviews #reply-title{
    display: none;
}
.woocommerce #reviews .dark-btn{
    color:#fff !important;
    padding: 0 30px !important;
    border-radius: 50px !important;
    background-color: #000 !important;
    transition: all 0.3s !important;
}
.woocommerce #reviews .dark-btn:hover{
    background-color: var(--main-color) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    margin: 0;
    border: 1px solid #000;
    border-radius: 20px;
}
.woocommerce .star-rating span::before{
    font-family: WooCommerce;
    color: var(--main-color);
}
.vi-wcaio-warning-wrap{
    display: none !important;
}
/*=================== END SINGLE PRODUCT PAGE ================*/


/*=================== SIDEBAR CART =========================*/
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-header-wrap .vi-wcaio-sidebar-cart-header-title-wrap{
    font-family: var(--main-font);
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-info-wrap .input-text.text{
    display: none;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-bt-nav.button{
    font-size: 19px;
    padding: 10px 20px !important;
}
.vi-wcaio-sidebar-cart-icon-wrap.vi-wcaio-sidebar-cart-icon-wrap-mouseleave{
    z-index: 9;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-cart_total > div:nth-child(1){
    font-family: var(--main-font);
    font-size: 18px;
}
.vi-wcaio-sidebar-cart .vi-wcaio-sidebar-cart-footer-wrap .vi-wcaio-sidebar-cart-footer-pd-plus-title {
    color: #181818;
    font-family: var(--main-font);
    font-size: 17px;
}

/*=================== END SIDEBAR CART ====================*/


/*=================== CART PAGE =======================*/
.cart-page{
    padding-top: 6rem;
}
.cart-page button[name="sl_cart_share"]{
    height: 45px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 0 20px;
    font-family: var(--main-font);
    font-size: 20px;
    margin-bottom: 1rem;
}
.cart-page table.shop_table.woocommerce-cart-form__contents th{
    background: transparent;
    color: #000;
    font-family: var(--main-font);
    font-size: 22px;
}
.woocommerce-cart table.shop_table{
    border: 1px solid;
    border-radius: 10px;
}
.woocommerce-cart .table thead th{
    border-bottom: 1px solid;
}
.woocommerce-cart table.cart td.actions{
    position: absolute;
    right: 0;
}
.woocommerce-cart .woocommerce-cart-form{
    padding-bottom: 5rem;
}
.woocommerce-cart table.cart td.product-price input{
    width: 80px;
    margin-left: 15px;
    display: none;
}
.woocommerce-cart table.cart img{
    width: 100px;
    border-radius: 50%;
}
.woocommerce-cart .cart_item a {
    color: #555;
    font-family: var(--main-font);
    font-size: 21px;
}
.woocommerce-cart .actions .button[name="update_cart"]{
    border: unset;
    height: 45px;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 20px;
    transition: all 0.3s;
    background: #000;
    color: #fff;
}
.woocommerce-cart .actions .button[name="update_cart"]:hover{
    background: var(--main-color);
    color: #fff;
}
.woocommerce-cart .cart_totals h2{
    font-family: var(--main-font);
    text-transform: uppercase;
    font-size: 24px; 
    font-weight: 100;
}
.woocommerce-cart .cart_totals .shop_table th{
    background: transparent;
    color: #000;
    font-family: var(--main-font);
    font-size: 22px;
}
#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #000;
}
.woocommerce ul#shipping_method li label{
    font-family: var(--main-font);
    font-size: 20px;
}
.simple-page-content p{
    font-size: 18px;
}
.simple-page-content li{
    font-weight: 400;
    color: #000;
    text-align: left;
    font-size: 18px;
}
.simple-page-content p strong{
    font-size: 19px;
    font-weight: 600;
    font-family: var(--main-font);
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button{
    color: #000;
    font-family: var(--main-font);
    font-size: 19px;
    text-decoration: underline;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after{
    content: '\f48b';
    font-family: 'FontAwesome';
}
.cart-page .select2-container--default .select2-selection--single{
    border: 1px solid;
    border-radius: 10px;
    height: 48px;
    background: transparent;
}
.cart-page .select2-container .select2-selection--single .select2-selection__rendered{
    display: flex;
    align-items: center;
    margin-top: 0;
    height: 100%;
    font-family: var(--main-font);
}
.cart-page .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 12px;
}
.select2-dropdown{
    background-color: #f0efeb;
    border-radius: 10px;
    border: 1px solid #000000;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: #fff;
    color: #000;
}
.select2-container--default .select2-results__option[data-selected=true]{
    background-color: transparent;
}
.select2-container--default .select2-results>.select2-results__options{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    height: 48px;
    background: transparent;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-form button.button{
    height: 45px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    float: right;
    transition: all 0.3s;
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-form button.button:hover{
    background: var(--main-color);
}
.woocommerce-cart .wc-proceed-to-checkout{
    width: fit-content;
    float: right;
}
.woocommerce-cart .cart-page .cart-collaterals .wc-proceed-to-checkout a{
    height: 45px;
    font-size: 20px;
    font-family: var(--main-font);
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 50px;
    transition: all 0.3s;
}
.woocommerce-cart .cart-page .cart-collaterals .wc-proceed-to-checkout a:hover{
    background: var(--main-color);
}

/*=================== END CART PAGE =================*/


/*=================== CHECKOUT PAGE =================*/
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
    display: block;
    width: 100%;
}
.woocommerce-error a,
.woocommerce-error li{
    font-size: 20px;
    font-family: var(--main-font);
}
.woocommerce-error a strong{
    font-weight: 900;
    font-family: var(--main-font);
}
.woocommerce-checkout .checkout.woocommerce-checkout{
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    margin-bottom: 7rem;
}
.woocommerce-checkout h3,
#ship-to-different-address span{
    background: transparent;
    color: #000;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 100;
    margin-top: 0;
}
.woocommerce-checkout #customer_details{
    border: 1px solid;
    padding: 20px;
    border-radius: 10px;
    flex: 0 0 48%;
    max-width: 48%;
}
.woocommerce-checkout .woocommerce form .form-row input.input-text, .woocommerce-checkout .woocommerce form .form-row textarea{
    border: 1px solid;
    border-radius: 10px;
    height: 48px;
    background: transparent;
    font-family: var(--main-font);
}
.woocommerce-checkout form .form-row label,
.woocommerce-checkout form .form-row label span{
    font-family: var(--main-font);
    font-weight: 600;
}
#ship-to-different-address{
    padding-top: 2rem;
}
#ship-to-different-address input{
    width: 17px;
    height: 17px;
    display: none;
}
#ship-to-different-address span{
    cursor: pointer;
    position: relative;
}
#ship-to-different-address span:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease-in-out;
}
#ship-to-different-address span:hover:after {
    width: 0;
    transition: width 0.3s ease-in-out;
}
.woocommerce-checkout .woocommerce form .form-row textarea{
    height: 100px;
}
.checkout-right-col {
    border: 1px solid;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex: 0 0 48%;
    max-width: 48%;
    height: fit-content;
}
.woocommerce-checkout-review-order-table th{
    background: transparent;
    font-family: var(--main-font);
    font-weight: 600;
    font-size: 19px;
}
.woocommerce-checkout-review-order{
    width: 100%;
    padding-top: 2rem;
}
.woocommerce-checkout .checkout-right-col h3{
    width: 100%;
}
.woocommerce table.shop_table{
    border: unset;
}
.woocommerce ul#shipping_method li{
    margin: 0;
}
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
    border-top: 1px solid;
}
.woocommerce table.shop_table td{
    border: unset;
    background: transparent;
}
.woocommerce table.shop_table tr:first-child td{
    border-top: 1px solid;
}
.woocommerce-checkout .woocommerce table.shop_table td {
    font-size: 17px;
    line-height: 20px;
    font-family: var(--main-font);
}
.woocommerce-checkout #payment{
    background: transparent;
}
.woocommerce-checkout #payment div.payment_box {
    background-color: transparent;
    border: 1px solid;
    border-radius: 10px;
}
.woocommerce-checkout #payment div.payment_box p{
    color: #000;
    text-align: left;
}
.woocommerce-checkout #payment div.payment_box:before{
    border: 7px solid #000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    top: 0;
}
.wc_payment_method .input-radio {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    margin-right: 10px !important;
    bottom: -3px;
}

.wc_payment_method .input-radio:checked {
    border-color: var(--main-color);
    background-color: var(--main-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.wc_payment_method .input-radio:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #f0efeb;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease;
}
.woocommerce-checkout ul.wc_payment_methods.payment_methods.methods label{
    font-family: var(--main-font);
    font-weight: 100;
    font-size: 21px;
}
.woocommerce-checkout ul.wc_payment_methods.payment_methods.methods .input-radio:checked + label {
    color: var(--main-color);
    font-weight: bold;
    font-family: var(--main-font);
    font-size: 21px;
}
.woocommerce-privacy-policy-text a{
    text-decoration: underline;
}
.woocommerce-privacy-policy-text a:hover{
    color: #414141;
}
.woocommerce-checkout #payment #place_order{
    height: 45px;
    background: #000;
    color: #fff;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s;
    border: unset;
}
.woocommerce-checkout #payment #place_order:hover{
    background: var(--main-color);
}
.woocommerce ul#shipping_method li input {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    margin-right: 10px !important;
    bottom: 0;
}

.woocommerce ul#shipping_method li input:checked {
    border-color: var(--main-color);
    background-color: var(--main-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.woocommerce ul#shipping_method li input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #f0efeb;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease;
}
.woocommerce ul#shipping_method li input:checked + label {
    color: var(--main-color);
}
.woocommerce-checkout .header a{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
}
.woocommerce-checkout .header a img{
    max-width: 90px;
}

/*=================== END CHECKOUT PAGE ================*/


.woocommerce-order-received ul.order_details li strong{
    font-family: var(--main-font);
    font-size: 20px;
}
.woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{
    text-transform: uppercase;
    font-family: var(--main-font);
    font-size: 23px;
}
.woocommerce-order-received .woocommerce table.shop_table th,
.woocommerce-order-received td.product-name .wc-item-meta .wc-item-meta-label{
    font-family: var(--main-font);
    font-size: 21px;
    background: transparent;
    border-bottom: unset;
}
.woocommerce-order-received a.woocommerce-button{
    background: #000;
    border: unset;
    border-radius: 50px;
    color: #fff;
    height: 45px;
    display: flex;
    width: fit-content;
    align-items: center;
    transition: all 0.3s;
}
.woocommerce-order-received a.woocommerce-button:hover{
    background: var(--main-color);
    color: #fff;
}
.woocommerce-order-received.woocommerce-page .col2-set .col-1{
    padding-bottom: 3rem;
}
.woocommerce-order-received .table thead th{
    border: unset;
}

/*================== THANK YOU PAGE ===============*/


/*================= END THANK YOU PAGE =================*/


/*================== MY ACCOUNT PAGE =================*/
.woocommerce-account .simple-page-content {
    width: 80%;
    margin: 0 auto;
    padding: 5rem 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    width: 90%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    background: #000;
    border-radius: 50px;
    border: unset;
    color: #fff;
    transition: all 0.3s;
    font-family: var(--main-font);
    text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
    background: var(--main-color);
}
.woocommerce-account .woocommerce-orders-table th{
    border: unset;
}
.woocommerce-account .woocommerce-orders-table th span{
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 700;
}
.woocommerce-account .woocommerce-orders-table td a{
    font-size: 18px;
    background: #000;
    border-radius: 50px;
    border: unset;
    color: #fff;
    transition: all 0.3s;
    font-family: var(--main-font);
    text-align: center;
}
.woocommerce-account .woocommerce-orders-table td a:hover{
    background: var(--main-color);
    color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
    font-family: var(--main-font);
    font-size: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .order-actions--heading{
    text-indent: -9999px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table a.order-actions-button{
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details > .woocommerce-columns{
    width: 100%;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-account .woocommerce-Address-title h2{
    text-transform: uppercase;
    font-family: var(--main-font);
    font-size: 23px;
}
.woocommerce-account .woocommerce-customer-details p{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.woocommerce-account .addresses .title .edit{
    float: left;
    font-size: 19px;
}
.woocommerce-Address address {
    background: transparent;
    padding: 15px 0;
    font-family: var(--main-font);
    font-size: 19px;
}
.woocommerce-account form .form-row label{
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 700;
}
#account_display_name_description em{
    font-size: 14px;
}
.woocommerce-account legend{
    text-transform: uppercase;
    font-family: var(--main-font);
    font-size: 23px;
    padding-top: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-content button.button{
    font-size: 18px;
    background: #000;
    border-radius: 50px;
    border: unset;
    color: #fff;
    transition: all 0.3s;
    font-family: var(--main-font);
    text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-content button.button:hover{
    background: var(--main-color);
}

/*================= END MY ACCOUNT PAGE ==============*/


/*================ LOGIN REGISTER PAGE ==============*/
.woocommerce-account h2{
    font-family: var(--main-font);
    text-transform: uppercase;
    color: #000;
    text-align: center;
}
.woocommerce form.login,
.woocommerce form.register{
    border: 1px solid;
    border-radius: 20px;
}
.woocommerce form .woocommerce-form-login__submit,
.woocommerce form .woocommerce-form-register__submit{
    height: 45px;
    background: #000;
    color: #fff;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s;
    border: unset; 
}
.woocommerce form .woocommerce-form-login__submit:hover,
.woocommerce form .woocommerce-form-register__submit:hover{
    background: var(--main-color);
    color: #fff;
}
.woocommerce form .woocommerce-form__label-for-checkbox span{
    font-family: var(--main-font);
    font-size: 18px;
}
.woocommerce-LostPassword.lost_password a{
    color: #000;
}
.woocommerce-account form.woocommerce-form-login .form-row label{
    margin-bottom: 0;
}
#customer_login .woocommerce-form .form-row:nth-child(3){
    margin-top: 20px;
}

/*================ END LOGIN REGISTER PAGE ===============*/


/*================= WISHLIST PAGE ====================*/
.tinv-wishlist .tinv-header{
    display: none;
}
.simple-page-content .tinv-wishlist{
    padding: 4rem 0;
}
.simple-page-content .tinv-wishlist th{
    border-bottom: 1px solid;
    border-top: unset;
}
.simple-page-content .tinv-wishlist th,
.simple-page-content .tinv-wishlist th span{
    font-family: var(--main-font);
    font-size: 20px;
}
.simple-page-content .tinv-wishlist td time,
.simple-page-content .tinv-wishlist td span,
.simple-page-content .tinv-wishlist td a.button.add_to_cart_button{
    font-family: var(--main-font);
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
}
.simple-page-content .tinv-wishlist td i:before{
    color: var(--main-color);
}
.simple-page-content .tinv-wishlist td a.button.add_to_cart_button{
    border-radius: 50px;
    background: #000;
    float: unset;
    text-indent: unset;
    width: initial;
    display: block;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.3s;
    font-weight: 200;
    width: max-content;
}
.simple-page-content .tinv-wishlist td a.button.add_to_cart_button:after{
    display: none;
}
.simple-page-content .tinv-wishlist td a.button.add_to_cart_button:hover{
    background: var(--main-color);
}
.simple-page-content .tinv-wishlist td a.button.add_to_cart_button:before{
    display: none;
}
.simple-page-content .tinv-wishlist .social-buttons{
    display: none;
}
.woocommerce.tinv-wishlist button.button.alt{
    width: max-content;
    border-radius: 50px;
    color: #fff;
    transition: all 0.3s;
    font-weight: 200;
    background: #000;
}
.woocommerce.tinv-wishlist button.button.alt:hover{
    background: var(--main-color);
    border-radius: 50px;
}
.simple-page-content .tinv-wishlist tfoot .tinvwl-to-right{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 2rem;
}
.simple-page-content .tinv-wishlist tfoot .tinvwl-to-right button{
    background: #000;
    color: #fff;
    border-radius: 50px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--main-font);
    font-size: 20px;
    transition: all 0.3s;
}
.simple-page-content .tinv-wishlist tfoot .tinvwl-to-right button:hover{
    background: var(--main-color);
}
.tinv-wishlist table.tinvwl-table-manage-list tbody tr:last-child td{
    border-bottom: 1px solid;
}

/*Wishlist popup*/
.tinv-wishlist .tinvwl-buttons-group button{
    height: 48px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 22px;
    border: unset;
    transition: all 0.3s;
}
.tinv-wishlist .tinvwl-buttons-group button:hover{
    background: var(--main-color);
}

/*================ END WISHLIST PAGE ==================*/


/*===================  CONTACT US PAGE =================*/
.map-sec {
    padding: 8rem 0;
}
.map-sec iframe{
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact-left-sec h2{
    padding-left: 0;
}
.contact-left-sec label,
.contact-left-sec label input,
.contact-left-sec label textarea{
    width: 100%;
    font-family: var(--main-font);
    font-size: 20px;
    margin-bottom: 10px;
}
.contact-content-sec{
    width: 80%;
    margin: 0 auto;
}
.contact-left-sec p{
    margin-bottom: 0;
}
.contact-left-sec label input{
    height: 48px;
    border-radius: 10px;
    border: 1px solid;
    outline: unset;
    padding: 15px; 
    background: transparent;
}
.contact-left-sec label textarea{
    height: 200px;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid;
    outline: unset;
    background: transparent;
}
.contact-left-sec .inrow-input .col-6,
.contact-left-sec .textearea-row{
    padding: 0 8px;
}
.contact-left-sec input[type="submit"]{
    height: 45px;
    background: #000;
    color: #fff;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s;
    border: unset;
}
.contact-left-sec input[type="submit"]:hover{
    background: var(--main-color);
}
.contact-content-sec .contact-right-sec{
    padding-left: 5rem;
}
.contact-right-sec h2{
    padding-left: 0;
}
.contact-info-sec strong{
    font-size: 20px;
    font-family: var(--main-font);
}
.contact-social{
    display: flex;
    align-items: center;
}
.contact-social p{
    margin-bottom: 0;
    padding-right: 10px;
}
.contact-social p strong{
    font-family: var(--main-font);
    font-size: 20px;
}
.contact-social i{
    font-size: 15px;
    color: #000;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    transition: all 0.3s;
}
.contact-social i:hover{
    color: var(--main-color);
    border-color: var(--main-color);
}

/*================== END CONTACT US PAGE ==================*/


/*================= ABOUT US PAGE ===================*/
.about-content-first {
    padding: 5rem 0;
}
.about-content-first .title-section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.about-content-first .title-section p{
    width: 40%;
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}
.about-content-first .left-image img{
    width: 100%;
    height: 100%;
    max-height: 90vh;
    object-position: top;
    object-fit: cover;
    border-radius: 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about-two-col-first{
    padding: 3rem 0;
    width: 100%;
    margin: 0 auto;
}
.about-two-col-first .right-content{
    padding: 0 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-two-col-first .right-content p{
    text-align: left;
}
.awards-sec{
    width: 100%;
    padding-top: 2rem;
}
.awards-sec h4{
    text-align: center;
    padding-right: 25px;
    padding-bottom: 20px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: var(--main-font);
}
.about-two-col-first .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.about-two-col-first .popup-overlay.active {
    opacity: 1;
    visibility: visible;
}
#popup-year{
    font-size: 30px;
    font-family: var(--main-font);
    padding-top: 20px;
}
#popup-description{
    padding: 20px;
    display: block;
    max-height: 90vh; /* Adjust as needed */
    overflow-y: auto; /* Enables vertical scrolling */
}
#popup-description::-webkit-scrollbar {
    display: none; /* Hides scrollbar for Chrome, Safari */
}
#popup-description li,
#popup-description li strong{
    text-align: left;
    padding: 10px 20px;
    position: relative;
    font-family: var(--main-font);
    font-size: 18px;
}
#popup-description li:before{
    content: '\f111';
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--main-color);
    font-size: 12px;
}
.about-two-col-first .popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 30px;
    text-align: center;
    width: 50%;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-two-col-first .close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}
.about-two-col-first .prev-award, .about-two-col-first .next-award {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 5px;
    transition: background 0.3s ease-in-out, opacity 0.3s;
}
.about-two-col-first .prev-award:hover, .about-two-col-first .next-award:hover {
    background: var(--main-color);
}
.about-two-col-first .button-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}
.about-two-col-first .award-year{
    width: calc(25% - 25px);
    background: #000;
    border: unset;
    height: 45px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-family: var(--main-font);
    margin-bottom: 20px;
    margin-right: 20px;
    transition: all 0.3s;
}
.about-two-col-first .award-year:hover{
    background: var(--main-color);
}
.k-idea-row{
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.k-idea-row .k-idea-item{
    padding: 30px 40px;
    position: relative;
}
.k-idea-row .k-idea-item:not(:last-child):after{
    content: '';
    position: absolute;
    width: 100%; /* Hidden by default */
    height: 10px;
    bottom: -10px;
    margin: auto;
    mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    -webkit-mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: left center;
    -webkit-mask-position: left center;
    background-color: var(--main-color);
    transition: width 0.5s ease-in-out;
    overflow: hidden;
    rotate: 90deg;
    right: 0;
    transform-origin: right;
}
.k-idea-row .k-idea-item h4{
    font-family: var(--main-font);
    color: var(--main-color);
    padding-bottom: 15px;
}
.k-idea-row .k-idea-item p{
    font-size: 21px;
    font-family: var(--main-font);
}
.k-idea-row .k-idea-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-1-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.k-idea-row .k-idea-item:hover:before {
    opacity: 1;
    transform: scale(0.9);
}
.about-content-third{
    padding: 10rem 0;
    overflow: hidden;
}
.about-content-third img{
    width: 100%;
    height: 100%;
    max-height: 80vh;
    object-position: top;
    object-fit: cover;
    border-radius: 20px;
    border-bottom-right-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about-content-third .sec-title{
    padding-left: 0;
}
.about-content-third .right-content{
    padding: 4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.about-content-third .right-content p{
    text-align: left;
}

/*================ END ABOUT US PAGE =================*/


/*=============== TERMS/PRIVACY/SHIPPING PAGE ===============*/
.terms-privacy {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5rem;
    padding-top: 3rem;
}
.terms-privacy h2{
    font-family: var(--main-font);
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 100;
    color: var(--main-color);
    margin: 0;
    padding: 20px;
    padding-left: 0;
    padding-top: 50px;
}
.terms-privacy h3{
    font-family: var(--main-font);
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 40px;
}
.terms-privacy ul{
    padding-bottom: 30px;
}
.terms-privacy ul li{
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    position: relative;
}
.terms-privacy ul li:before{
    content: '\f068';
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--main-color);
    font-size: 12px;
}
.terms-privacy ul li ul{
    padding: 10px 0;
}
.terms-privacy ul li ul li{
    padding: 5px 30px;
}
.terms-privacy ul li ul li:before{
    display: none;
}
.delivery-table{
    border-collapse: collapse; 
    width: 100%; 
    text-align: center; 
    border:1px solid;
}
.delivery-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #000;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
    font-family: Arial, sans-serif;
}
.delivery-table th,
.delivery-table td {
    padding: 15px;
    border-bottom: 1px solid #dadada;
}
.delivery-table thead th {
    background-color: #f2f2f2;
}

.delivery-table tfoot td {
    font-weight: bold;
    background-color: var(--main-color);
    color: #fff;
}
.delivery-table tbody tr:last-child td {
    border-bottom: none;
}
.delivery-table thead th {
    font-size: 18px;
    font-weight: bold;
    font-family: var(--main-font);
}
.delivery-table tr:first-child th:first-child {
    background: #fff;
    font-family: var(--main-font);
    font-size: 20px;
}
.delivery-table tfoot tr td:first-child {
    border-bottom-left-radius: 50px;
    font-family: var(--main-font);
    font-size: 20px;
}


/*=============== END TERMS/PRIVACY/SHIPPING PAGE ===============*/


/*================= BLOG ARCHIVE PAGE ==================*/
.blog-archive-page{
    padding: 8rem 0;
}
.archive-blog-sidebar {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 30px;
    position: sticky;
    top: 90px;
    overflow-y: auto;
    height: fit-content;
}

.archive-blog-main-cont .main-blog-img{
    border-radius: 30px;
    transition: all 0.3s;
    height: 500px;
    object-fit: cover;
}
.archive-blog-main-cont .blog-post:hover .main-blog-img{
    border-top-left-radius: 25%;
    border-bottom-right-radius: 25%;
}
.archive-blog-main-cont .thumb-link{
    position: relative;
    height: 100%;
    display: block;
}
.archive-blog-main-cont .thumb-link .post-meta{
    width: fit-content;
    background: #000;
    position: absolute;
    bottom: 0;
    margin-bottom: unset;
    padding: 20px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    color: #fff;
    font-weight: 600;
}
.archive-blog-main-cont .blog-post h3{
    padding: 20px 0;
}
.archive-blog-main-cont .blog-post h3 a{
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
}
.archive-blog-main-cont{
    padding-right: 50px;
}
.blog-sidebar h4{
    padding: 15px 0;
    font-size: 24px;
    font-family: var(--main-font);
    text-transform: uppercase;
    color: var(--main-color);
}
.blog-categories li{
    padding-bottom: 15px;
}
.blog-categories li a{
    color: #000;
    transition: all 0.3s;
}
.blog-categories li a:hover{
    color: var(--main-color);
}
.latest-posts a{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.latest-posts a img.latest-post-img{
    max-width: 100px;
    height: auto;
    border-radius: 20px;
    margin-right: 20px;
}
.latest-posts a .latest-post-title{
    font-family: var(--main-font);
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    transition: all 0.3s;
}
.latest-posts a .latest-post-title:hover{
    color: var(--main-color);
}
.archive-blog-main-cont .blog-post{
    margin-bottom: 50px;
}

/*================= END BLOG ARCHIVE PAGE ==================*/



/*=============== SINGLE BLOG PAGE ======================*/
.news-detail-page{
    padding: 8rem 0;
}
.news-detail-page .main-content-sec{
    padding-right: 50px;
}
.news-detail-page .sidebar-sec{
    border: 1px solid #000;
    border-radius: 50px;
    padding: 30px;
    position: sticky;
    top: 90px;
    overflow-y: auto;
    height: fit-content;
}
.news-detail-page img.wp-post-image{
    width: 100%;
    border-radius: 50px;
}
.single-content{
    padding-top: 4rem;
}
.single-content h3{
    font-size: 30px;
    font-family: var(--main-font);
}
.single-content li{
    padding-bottom: 15px;
}
.single-content li{
    font-family: var(--main-font);
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    padding-left: 20px;
    position: relative;
}
.single-content li:before{
    content: '\f111';
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--main-color);
    font-size: 10px;
}
.back-btn.dark-btn{
    width: fit-content;
    margin-top: 40px;
}
.back-btn.dark-btn a{
    color: #fff;
}

/*=============== END SINGLE BLOG PAGE ===================*/


/*=============== GANODERMA PAGE ====================*/
.accordion-section{
    padding: 8rem 0;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    justify-content: center;
}
.accordion__item {
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
}
.accordion__header {
    padding: 20px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    font-family: var(--main-font);
    font-size: 22px;
}
.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}
.accordion__header.active {
    background: var(--main-color);
    color: #fff;
}
.accordion__header.active::after {
    transform: rotateX(180deg);
    filter: invert(1);
}
.accordion__item .accordion__content {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}
.accordion__item .accordion__content li{
    font-family: var(--main-font);
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
}
.ganoderma .right-image img {
    width: 100%;
    height: 600px;
    object-position: top;
    object-fit: cover;
    border-radius: 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.key-word-row{
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.key-word-row .key-word-item{
    padding: 30px 40px;
    position: relative;
    display: flex;
    align-items: center;
}
.key-word-row .key-word-item:not(:last-child):after{
    content: '';
    position: absolute;
    width: 100%; /* Hidden by default */
    height: 10px;
    bottom: -10px;
    margin: auto;
    mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    -webkit-mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: left center;
    -webkit-mask-position: left center;
    background-color: var(--main-color);
    transition: width 0.5s ease-in-out;
    overflow: hidden;
    rotate: 90deg;
    right: 0;
    transform-origin: right;
}
.key-word-row .key-word-item p{
    font-size: 21px;
    text-align: center;
    font-family: var(--main-font);
}
.key-word-row .key-word-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-1-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.key-word-row .key-word-item:hover:before {
    opacity: 1;
    transform: scale(0.9);
}
.about-technology{
    padding: 8rem 0;
}
.about-technology .left-image{
    padding-right: 30px;
}
.about-technology .left-image img {
    width: 100%;
    height: 100%;
    max-height: 650px;
    object-position: top;
    object-fit: cover;
    border-radius: 20px;
    border-bottom-right-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about-technology .right-content{
    padding-left: 30px;
}
.about-technology .right-content p{
    text-align: left;
}
.about-technology .right-content .sec-title{
    padding: unset;
}
.accordion-section-health .title-section{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.accordion-section-health .ganoderma{
    margin: 0 auto;
}
.accordion-section-health .sec-title{
    margin: 0 auto;
}
.accordion-section-health .title-section p{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 40px;
    background: #fff;
    padding: 30px;
    border-radius: 50px;
}
/*=============== END GANODERMA PAGE ================*/


/*============== CERTIFICATIONS PAGE ===============*/
.certifications{
    padding: 8rem 0;
}
.certifications-short-desc{
    padding-top: 4rem;
}
.certifications-short-desc p{
    width: 50%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 50px;
}
.certifications .certification-item{
    margin-bottom: 40px;
}
.certifications .certification-item h2{
    font-family: var(--main-font);
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
    color: #000;
}
.certifications figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
/*  max-width: 310px;*/
/*  max-height: 220px;*/
  width: 100%;
  background: var(--main-color);
  text-align: left;
  border-radius: 20px;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.certifications figure.snip0016:hover{
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.certifications figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.certifications figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  height: 400px;
  object-fit: cover;
}
.certifications figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
.certifications figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.certifications figure.snip0016 h2,
.certifications figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
.certifications figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  color: #fff;
  font-family: var(--main-font);
  font-size: 20px;
  text-align: center;
}
.certifications figure.snip0016 h2 span {
  font-weight: 800;
}
.certifications figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
    color: #fff;
    text-align: left;
}
.certifications figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
.certifications figure.snip0016:hover img {
  opacity: 0.1;
}
.certifications figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.certifications figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.certifications figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


/*============== END CERTIFICATIONS PAGE ============*/


/*============== FACTORY PAGE =================*/
.factory{
    padding: 8rem 0;
}
.factory .intro-sec{
    width: 60%;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    padding: 50px;
}
.farm-sec{
    padding: 8rem 0;
}
.farm-sec .left-image img{
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 20px;
/*    border-bottom-right-radius: 50%;*/
/*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}
.farm-sec .right-content{
    padding-left: 50px;
}
.farm-sec .right-content h2{
    padding: 0;
    padding-bottom: 20px;
}
.factory-sec{
    padding-bottom: 8rem;
}
.factory-sec .sec-title{
    padding: 0;
    padding-bottom: 20px;
}
.factory-sec .right-image img{
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 20px;
/*    border-bottom-left-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}
.factory-sec .left-content{
    padding-right: 50px;
}
.factory-certifications{
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.certification-short-desc p{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 2rem;
}
.factory-certifications .factory-certification-item{
    padding: 30px 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.factory-certifications .factory-certification-item:not(:last-child):after{
    content: '';
    position: absolute;
    width: 100%; /* Hidden by default */
    height: 10px;
    bottom: -10px;
    margin: auto;
    mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    -webkit-mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: left center;
    -webkit-mask-position: left center;
    background-color: var(--main-color);
    transition: width 0.5s ease-in-out;
    overflow: hidden;
    rotate: 90deg;
    right: 0;
    transform-origin: right;
}
.factory-certifications .factory-certification-item h4{
    font-family: var(--main-font);
    color: var(--main-color);
    padding-bottom: 15px;
}
.factory-certifications .factory-certification-item p{
    font-size: 21px;
    text-align: center;
    font-family: var(--main-font);
}
.factory-certifications .factory-certification-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-1-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.factory-certifications .factory-certification-item:hover:before {
    opacity: 1;
    transform: scale(0.9);
}
.factory .title-section{
    justify-content: center;
}


/*============= END FACTORY PAGE =============*/


/*=============== REDIRECT POPUP ================*/
.country-warning-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.country-warning-box {
    background: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.country-warning-box a {
    color: var(--main-color);
    font-weight: bold;
    text-decoration: underline;
}
.country-warning-close {
    margin-top: 15px;
    padding: 5px 15px;
    border: none;
    background: var(--main-color);
    color: white;
    cursor: pointer;
    border-radius: 5px;
}
/*============== END REDIRECT POPUP ==============*/


/*=============== 404 PAGE ================*/
.pagenotfound{
    min-height: 500px;
    display: flex;
    align-items: center;
}
.pagenotfound h1{
    font-family: var(--main-font);
    font-size: 30px;
}

/*============== END 404 PAGE ==============*/

/*=============== BOOTSTRAP 5.3.6 ===============*/
.single-product-gallery .title-section h2,
.single-product-gallery .title-section h4{
    text-align: center;
}
.product-reviews-sec .title-section h4{
    text-align: center;
}
.tips-section .title-section h4,
.tips-section .title-section h2{
    text-align: center;
}
.about-content-first .title-section h4,
.about-content-first .title-section h2{
    text-align: center;
}
.about-content-second .title-section h4,
.about-content-second .title-section h2{
    text-align: center;
}
.accordion-section-health .title-section h2{
    text-align: center;
}
.factory-certifications-title h4{
    text-align: center;
}
.woocommerce-cart table.shop_table tr:first-child td{
    background: transparent;
}
.woocommerce-cart table.cart td.actions{
    background: transparent;
}
.woocommerce-cart .actions .button[name="update_cart"]{
    color: #fff !important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td{
    background: transparent;
}
.woocommerce-cart .cart_totals .shop_table th{
    border: unset;
}
.single-product .variations.table .label,
.single-product .variations.table .value{
    background: transparent;
}



/*=================== FOOTER =======================*/
.vi-wcaio-sidebar-cart-icon-wrap{
    z-index: 9 !important;
}
.payment-shipment{
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #dadada;
}
.payment-shipment img{
    width: 70px;
}
.payment-shipment .col-4{
    display: flex;
    justify-content: center;
    align-items: center;
}
.payment-shipment .col-4 span{
    color: var(--main-color);
    font-family: var(--main-font);
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 18px;
}
footer{
    background: #fff;
    padding-bottom: 60px;
    margin-top: 130px;
    padding-top: 0;
}
footer > svg{
    position: absolute;
    top: -110px;
}

footer .widget-logo-wr img{
    max-width: 170px;
}
.footer-title{
    color: #000;
    font-family: var(--main-font);
    font-size: 27px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.footer-column li a{
    color: #000;
}
.footer-column li{
    color: #000;
}
.footer-column-1{
    padding-bottom: 0;
}
.widget-footer-company-text, .widget-footer-company-text p{
    color: #000;
    font-family: var(--text-font);
    font-size: 15px;
}
footer .textwidget p strong,
footer .textwidget p{
    font-size: 17px;
    font-family: var(--text-font);
}
.footer-column i, .footer-column span.fas, .footer-column span.fa{
    font-size: 16px;
    color: #000;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    transition: all 0.3s;
}
.footer-column i:hover{
    color: var(--main-color);
    border-color: var(--main-color);
}
.footer-column-2{
    padding-bottom: 20px;
}
footer .mc4wp-form-fields{
    display: inline-flex;
    width: 100%;
}
.mlchp_input{
    flex: 0 0 75%;
    max-width: 75%;
}
.mlchp_submit{
    flex: 0 0 25%;
    max-width: 25%;
}
.mlchp_input label,
.mlchp_submit label{
    width: 100%;
}
.mlchp_input label input{
    height: 45px;
    border-radius: 50px;
    border: 1px solid #000;
    width: 100%;
    padding: 0 20px;
    font-weight: 700;
    font-family: var(--main-font);
    font-size: 19px;
}
.mlchp_submit input{
    width: 100%;
    height: 45px;
    border-radius: 50px;
    border: 1px solid #000;
    margin-left: -40px;
    color: #fff;
    background: #000;
    font-weight: 700;
    font-family: var(--main-font);
    font-size: 18px;
    transition: all 0.3s;
}
.mlchp_submit input:hover{
    background: var(--main-color);
    border-color: var(--main-color);
}
.widget-cards-list{
    text-align: left;
}
.footer-column-3{
    padding-bottom: 20px;
}
.widget-cards-list img{
    max-width: 40px;
}
/* .footer-column-3 > div:not(:first-child){
    margin-top: -35px;
    padding-bottom: 0;
} */
.footer-column-3 form{
    display: flex;
    position: relative;
    margin-top: -35px;
}
.footer-column-3 form input[type=submit]{
    position: relative;
}
.footer-column-3 form.sent .wpcf7-response-output{
    position: absolute;
    bottom: -20px;
    color: #000;
    border: unset;
    font-family: var(--main-font);
}
.footer-column-3 div.wpcf7{
    padding-bottom: 0;
}


/*CardSection*/
.cardsSection{
    background: #fff;
}
.cardsSection .container > .row{
    height: 80px;
    border-top: 1px solid #dadada;
}
.menu-footer-menu-container,
.menu-footer-menu-1-container{
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: end;
}
#menu-footer-menu, #menu-footer-menu-1{
    display: flex;
}
#menu-footer-menu li, #menu-footer-menu-1 li {
    position: relative;
}

#menu-footer-menu li:not(:first-child)::before, #menu-footer-menu-1 li:not(:first-child)::before {
    content: "|";
    padding: 0 10px;
}
#menu-footer-menu li a, #menu-footer-menu-1 li a{
    color: #000;
    font-family: var(--main-font);
    font-size: 18px;
}
span.widget-copyright-text,
span.widget-copyright-text a{
    font-size: 18px;
    font-family: var(--main-font);
    color: #000;
}

/*================== END FOOTER ================*/



/*=========== TO TOP BUTTON ============*/
#button{
    background: var(--main-color);
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}
#button span{
    margin-bottom: -5px;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
}
#button:hover span{
    margin-bottom: 4px;
}
.fa-arrow-up:before{
    content: '\f077';
    font-size: 18px;
    margin-bottom: -10px;
}
.fa-arrow-up:after{
    content: '\f068';
    font-size: 16px;
    opacity: 0;
    transform: translateY(10px) rotate(90deg);
    transition: all 0.3s;
}
#button:hover .fa-arrow-up:after{
    opacity: 1;
    transform: translateY(0) rotate(90deg);
}


/*================ RESPONSIVE ===========*/
@media (min-width: 768px){
    .woocommerce-product-list-thumbnail-arrows img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }
    .woocommerce ul.products li.product:hover .product-buttons {
        opacity: 1;
        animation: fade-in-left 0.3s forwards;
    }
    .woocommerce ul.products li.product a.add_to_cart_button {
        transform: translateX(-80px);
    }

    .woocommerce ul.products li.product:hover a.add_to_cart_button {
        transform: translateX(0);
        transition: transform 0.3s ease 0.2s;
    }
    .woocommerce ul.products li.product .tinv-wraper.tinv-wishlist {
        transform: translateX(-80px);
    }

    .woocommerce ul.products li.product:hover .tinv-wraper.tinv-wishlist {
        transform: translateX(0);
        transition: transform 0.3s ease 0.3s;
    }
    .woocommerce ul.products li.product a.button.add_to_cart_button:hover,
    .woocommerce ul.products li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
        background-color: var(--main-color);
    }
    .woocommerce ul.products li.product:not(.no-hover-effect):hover .woocommerce-product-list-thumbnails-hidden img{
        transform: translateX(100%);
        opacity: 0;
        z-index: 0;
    }
    .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-hidden img {
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }
    .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-multiple img{
        transform: translateX(-100%);
        opacity: 0;
        z-index: 0;
    }
    .mobile-btns{
        display: none;
    }
    .product-item:hover .woocommerce-product-list-thumbnail-arrows{
        border-top-left-radius: 25%;
        border-bottom-right-radius: 25%;
    }
    .product-item:hover .product-buttons{
        opacity: 1;
        animation: fade-in-left 0.3s forwards;
    }
    a.button.add_to_cart_button::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: black;
        transform: scale(0);
        transition: transform 0.3s ease;
        z-index: 0;
    }
    .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: black;
        transform: scale(0);
        transition: transform 0.3s ease;
        z-index: 0;
    }
    a.button.add_to_cart_button:hover::before {
        transform: scale(1);
    }
    a.button.add_to_cart_button:hover {
        background-image: unset;
        color: #fff;
        z-index: 1;
    }
    a.button.add_to_cart_button.loading{
        display: none !important;
    }
}

@media (min-width: 1200px){
    header .widget-logo-wr img{
        display: none;
    }
        .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > a:after{
        border: 1em solid #f0efeb;
        content: "";
        display: block;
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        position: absolute;
        bottom: -7px;
        left: 17%;
        margin: -1em 0 0 2em;
        z-index: 9999;
        opacity: 0;
    }
    .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children:hover > a:after{
        opacity: 1;
    }
    .menu-horizontal nav li.menu-item-has-children{
        position: relative;
        height: fit-content;
    }
    .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children:hover > ul{
        display: flex;
        flex-direction: column;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        border-radius: 15px;
        min-width: max-content;
        justify-content: center;
        align-items: flex-end;
        height: 300px;
        width: 620px;
        left: -70%;
    }
    header .menu-horizontal nav ul li a, header .menu-horizontal nav ul li a.nav-link{
        padding: 20px 10px;
        font-family: var(--main-font);
        font-weight: 700;
        font-size: 18px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease;
    }
}


@media (max-width: 1700px){
    header .menu-horizontal nav ul li a, header .menu-horizontal nav ul li a.nav-link{
        padding: 20px 12px;
    }
    .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li > a{
        padding-right: unset;
        padding: 10px;
    }
    .single-product-gallery .title-section p{
        width: 60%;
    }
    .home-products-slider .title-section p{
        width: 65%;
    }
    .home-products-slider .owl-carousel .owl-item img{
        height: 400px;
    }
    .home-products-slider .woocommerce-product-list-thumbnail-arrows, .new-arrivas .woocommerce-product-list-thumbnail-arrows{
        height: 400px;
    }
    .tip-item{
        width: 80%;
    }
    .home-products-slider .title-section p {
        width: 100%;
    }
    footer > svg{
        top: -85px;
    }
}


@media (max-width: 1440px){
    .guaven_woos_suggestion .guaven_woos_titlediv{
        height: 80px;
    }
    .header-top > .container{
        max-width: 100%;
    }
    .header > .container{
        max-width: 100%;
    }
    #menu-fixed > .container{
        max-width: 100%;
    }
    .header .widget-logo-wr img{
        max-width: 150px;
    }
    header .menu-horizontal nav ul li a, header .menu-horizontal nav ul li a.nav-link {
        padding: 20px 5px;
        font-size: 17px;
    }
    .hero-slider .carousel-cell .inner .subtitle{
        width: 80%;
    }
    .home-products-slider .owl-carousel .owl-item img{
        height: 300px;
    }
    .home-products-slider .woocommerce-product-list-thumbnail-arrows, .new-arrivas .woocommerce-product-list-thumbnail-arrows{
        height: 300px;
    }
    .home-products-slider .product-name,
    .new-arrivas .product-name{
        font-size: 19px;
    }
    .single-product-gallery .title-section p {
        width: 85%;
    }
    .tip-item{
        width: 100%;
    }
    .new-arrivas .price{
        padding: 10px;
        padding-bottom: 10px;
    }
    .tip-item span{
        font-size: 20px; 
        line-height: 28px;
    }
    .category-header h1{
        font-size: 32px;
    }
    .woocommerce ul.products li.product a img{
        height: 300px;
    }
    .woocommerce-product-list-thumbnail-arrows{
        height: 300px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
        font-size: 20px;
    }
    .woocommerce ul.products li.product .price{
        padding: 5px;
        padding-bottom: 5px;
    }
    .page-title-sec .page-title{
        font-size: 34px;
    }
    .certifications figure.snip0016:hover figcaption::before{
        left: 10px;
    }
    .certifications figure.snip0016 figcaption{
        padding-left: 20px;
        padding-right: 10px;
    }
    .certifications figure.snip0016 h2{
        font-size: 15px;
    }
    .certifications figure.snip0016 p{
        font-size: 15px;
        line-height: 20px;
    }
    .certifications figure.snip0016 img{
        height: 300px;
    }
    .certifications .certification-item h2{
        padding: 10px 0;
    }
    
    footer > svg{
        top: -70px;
    }
    footer > .container,
    .cardsSection > .container{
        max-width: 90%;
    }
    #menu-footer-menu-1 li {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #menu-footer-menu-1 li a{
        text-align: center;
    }

}

@media (max-width: 1200px){
    /*general 1200px*/
    .hero-container svg{
        display: none;
    }
    .header{
        height: 50px;
    }
    .single-product-gallery .title-section p {
        width: 100%;
    }
    .single-product-gallery .title-section p{
        width: 90%;
    }
    .header-top{
        transition: all 0.3s;
        background: #738b69eb;
        backdrop-filter: blur(5px);
    }
    .scrolling .header-top{
        padding: 2px 0;
    }
     header .widget-logo-wr{
        display: flex;
        align-items: center;
     }
    header .widget-logo-wr img{
        max-width: 90px;
        transition: all 0.3s;
    }
    .scrolling .header-top .widget-logo-wr img{
        max-width: 70px;
    }  
    header{
        padding: 0px;
        z-index: 99;
        position: sticky;
        top: 0;
    }
    #my-account-btn,
    .top-header-right .wc-login-button{
        text-indent: -9999px;
        background: transparent;
        padding: 0;
        margin-left: 10px;
    }
    #my-account-btn:hover,
    .top-header-right .wc-login-button:hover{
        background: unset;
        color: unset;
    }
    #my-account-btn::after,
    .top-header-right .wc-login-button::after {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background-image: url('https://www.dxnwellness.eu/gr/wp-content/uploads/2025/02/new_user.png');
        background-size: cover;
        background-position: center;
        margin-left: 8px;
        vertical-align: middle;
    }
    #account-menu{
        width: max-content;
        right: -50%;
    }
    .navbar-toggler{
        width: 40px;
        height: 35px;
        margin-left: 20px;
    }
    .navbar-toggler .navbar-toggler-icon{
        background: #000;
        height: 1.7px;
    }
    .navbar-toggler:not(.active) span:nth-of-type(1){
        top: 5px;
        right: 0;
        left: unset;
    }
    .navbar-toggler span:nth-of-type(2){
        display: none;
    }
    .navbar-toggler:not(.active) span:nth-of-type(3){
        top: 15px;
        width: 20px;
        right: 0;
        left: unset;
    }
    .navbar-toggler.active{
        position: relative;
        top: unset;
        right: unset;
    }
    .navbar-toggler.active .navbar-toggler-icon{
        height: 1.7px;
        width: 30px;
    }
    .navbar-toggler.active .top, .navbar-toggler.active .middle, .navbar-toggler.active .bottom{
        background: #000;
    }
    header .menu-horizontal .navbar-collapse{
        top: 110px;
        transition: all 0.3s;
        background: #fff;
    }
    header.scrolling .menu-horizontal .navbar-collapse{
        top: 80px;
    }
    .menu-horizontal .navbar-collapse>ul{
        margin-top: 0;
        background: #fff;
    }
    .menu-horizontal .navbar-collapse ul li.menu-logo{
        display: none;
    }
    header .menu-horizontal nav ul li a, header .menu-horizontal nav ul li a.nav-link{
        display: flex;
        align-items: center;
        width: fit-content;
        color: #000 !important;
        font-size: 20px !important;
        font-family: var(--main-font);
    }
    header .menu-horizontal nav ul li.active a, header .menu-horizontal nav ul li.active a.nav-link{
        color: var(--main-color) !important;
    }
    .menu-horizontal .dropdown .dropdown-toggle:after{
        right: 0;
    }
    .menu-horizontal .navbar-collapse ul li{
        background: #fff;
    }
    header .menu-horizontal nav li ul{
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
    }
    .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li{
        background: #fff;
    }
    .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li > a{
        color: #000 !important;
        padding-left: 35px !important;
        height: auto;
        line-height: unset;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .menu-horizontal .navbar-collapse{
        height: 100%;
        width: 0;
        transition: opacity .2s, width .1s;
    }
    .menu-horizontal .navbar-collapse.show{
        width: 100%;
        height: 100%;
        transition: opacity .2s, width .1s;
    }
    .menu-horizontal .navbar-collapse > ul > li.menu-item.menu-item-has-children > ul > li > a img{
        display: none;
    }
    .sec-title{
        font-size: 30px;
    }
    .tip-item h4{
        font-size: 19px;
    }
    /*end general 1200px*/

    /*homepage 1200px*/
    .hero-slider .carousel-cell .inner .title{
        font-size: 32px;
    }
    .hero-slider .carousel-cell .inner .subtitle{
        width: 65%;
    }
    .cat-title-section p {
        width: 80%;
    }
    .category-item h3{
        font-size: 19px;
        padding: 12px 0;
    }
    .tips-section{
        padding: 4rem;
    }
    .homepage-categories .category-item img:not(.preview-icon){
        height: 200px;
    }
    /*end homepage 1200px*/

    /*about page 1200px*/
    .page-title-sec .page-title{
        font-size: 32px;
    }
    /*end about page 1200px*/

    /*blog archive 1200px*/
    .archive-blog-main-cont{
        flex: 0 0 60%;
        max-width: 60%;
    }
    .archive-blog-sidebar{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .archive-blog-main-cont .blog-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .archive-blog-main-cont .blog-post h3 a{
        font-size: 20px;
        text-align: center;
    }
    /*end blog archive 1200px*/

    /*blog single page 1200px*/
    .news-detail-page .sidebar-sec{
        padding: 15px;
    }
    .news-detail-page .latest-posts a .latest-post-title{
        font-size: 16px;
    }
    .news-detail-page .latest-posts a img.latest-post-img{
        max-width: 60px;
    }
    /*end blog single page 1200px*/

    /*single product page 1200px*/
    .single-product div.product div.images .flex-control-thumbs{
        justify-content: start;
        margin-top: 0;
    }
    .single-product div.product div.images .flex-control-thumbs img{
        height: 120px;
    }
    .single-product h1.product_title.entry-title{
        font-size: 32px;
    }
    .product-tabs{
        width: 100%;
    }
    .related.products h2{
        font-size: 32px;
    }
    .product-title-sec .page-title{
        font-size: 32px;
    }
    #myTab li a.nav-link{
        font-size: 26px;
    }
    /*end single product page 1200px*/

    /*terms / privacy page 1200px*/
    .terms-privacy h2{
        font-size: 30px;
    }
    /*end terms / privacy page 1200px*/

    /*checkout page 1200px*/
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
        width: 100%;
    }
    /*end checkout page 1200px*/

    /*footer 1200px*/
    footer > svg{
        top: -60px;
    }
    .widget-copyright {
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items: start;
        justify-content: center;
    }
    /*end footer 1200px*/
}


@media (max-width: 992px){
    /*general 992px*/
    .header{
        height: 40px;
    }
    .sec-title{
        font-size: 26px;
    }
    .single-product-gallery{
        padding: 25px;
        border-radius: 20px;
    }
    .single-product-gallery .gallery-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .single-product-gallery .gallery-item:nth-child(3){
        flex: 0 0 100%;
        max-width: 100%;
    }
    .guaven_woos_mobilesearch{
        top: 100px !important;
        margin: 0 !important;
        width: 100% !important;
        background: #f0efeb !important;
    }
    body.scrolling-from-top .guaven_woos_mobilesearch{
        top: 75px !important;
    }
    body .guaven_woos_suggestion>ul{
        box-shadow: unset;
    }
    #guaven_woos_s{
        outline: unset;
        border-radius: 15px;
    }
    .header-image-sec{
        border-radius: 20px;
    }
    /*end general 992px*/

    /*homepage 992px*/
    .hero-slider{
        border-radius: 20px;
    }
    .hero-slider .carousel-cell .inner .title {
        font-size: 28px;
    }
    .hero-container svg{
        display: none;
    }
    .tip-item h4{
        font-size: 19px;
    }
    .category-item h3{
        font-size: 17px;
    }
    .home-products-slider .product-name, .new-arrivas .product-name{
        font-size: 17px;
    }
    .new-arrivas{
        padding-bottom: 4rem;
    }
    .new-arrivas .data-col{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        text-align: center;
        padding: 0 20px;
    }
    .new-arrivas .data-col p{
        text-align: center;
    }
    .new-arrivas .all-product-btn{
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    .new-arrivas .product-item:nth-child(1){
        order: 2;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .new-arrivas .product-item:nth-child(2){
        order: 3;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tips-section{
        border-radius: 20px;
    }
    /*end homepage 992px*/

    /*about page 992px*/
    .page-title-sec .page-title{
        font-size: 28px;
    }
    .about-content-first .title-section p{
        width: 100%;
    }
    .about-two-col-first .left-image,
    .about-two-col-first .right-content{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-content-first .title-section{
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }
    .about-two-col-first .right-content{
        padding: 4rem 15px;
    }
    .about-content-first .left-image img{
        border-radius: 20px;
    }
    #popup-description li,
    #popup-description li strong{
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
    }
    .about-content-first{
        padding-bottom: 0;
    }
    .about-two-col-first{
        padding-bottom: 0;
    }
    .k-idea-row{
        display: flex;
        flex-direction: column;
    }
    .k-idea-row .k-idea-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .k-idea-row .k-idea-item:not(:last-child):after {
        rotate: 0deg;
        bottom: -10px;
        right: 0;
        left: 0;
        width: calc(100% - 80px); 
        mask-position: center bottom;
        -webkit-mask-position: center bottom;
    }
    .k-idea-row .k-idea-item h4{
        text-align: center;
    }
    .k-idea-row .k-idea-item p{
        text-align: center;
    }
    .about-content-second .title-section{
        justify-content: center;
    }
    .about-content-third{
        padding: 6rem 20px;
    }
    .about-content-third .right-content{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 20px;
    }
    .about-content-third .left-content{
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-content-third .right-content h2,
    .about-content-third .right-content h4{
        text-align: center;
    }
    .about-content-third img{
        border-bottom-right-radius: 20px;
    }
    /*end about page 992px*/

    /*ganoderma page 992px*/
    .accordion-section .right-image{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .accordion-section .ganoderma{
        margin: 0 auto;
        padding: 0 20px;
    }
    .accordion-section .accordion{
        order: 2;
        flex:  0 0 100%;
        max-width: 100%;
        padding-top: 2rem;
    }
    .ganoderma .right-image img{
        border-radius: 20px;
        height: auto;
    }
    .accordion-section{
        padding: 4rem 0;
    }
    .key-word-row{
        flex-direction: column;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;
    }
    .key-word-row .key-word-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .key-word-row .key-word-item:not(:last-child):after {
        rotate: 0deg;
        bottom: -10px;
        right: 0;
        left: 0;
        width: calc(100% - 80px); 
        mask-position: center bottom;
        -webkit-mask-position: center bottom;
    }
    .key-word-row .key-word-item p{
        margin: 10px auto;
    }
    .about-content-second .sec-title{
        text-align: center;
    }
    .accordion-section-health .sec-title{
        text-align: center;
    }
    .about-technology{
        padding-bottom: 4rem;
    }
    .about-technology .left-image{
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-technology .right-content{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 20px;
        padding-bottom: 30px;
    }
    .about-technology .right-content .sec-title{
        text-align: center;
    }
    .about-technology .left-image img{
        border-bottom-right-radius: 20px;
    }
    .accordion-section-health .title-section p{
        width: 100%;
        border-radius: 20px;
    }
    .about-technology > .row{
        margin: 0 auto;
    }
    .about-technology .left-image {
        padding-right: 15px;
    }
    /*end ganoderma page 992px*/

    /*certifications page 992px*/
    .certifications-short-desc p{
        width: 100%;
        text-align: center;
    }
    .certifications .certification-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .certifications figure.snip0016 img {
        height: 350px;
    }
    /*end certifications page 992px*/

    /*factories page 992px*/
    .factory{
        padding: 4rem 0;
        padding-bottom: 0;
    }
    .factory .intro-sec{
        width: 100%;
        border-radius: 20px;
    }
    .farm-sec{
        padding: 4rem 0;
        margin: 0 auto;
        width: 100%;
    }
    .farm-sec .left-image{
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .farm-sec .right-content{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px;
        padding-bottom: 2rem;
    }
    .farm-sec .right-content h2{
        text-align: center;
    }
    .factory-sec{
        padding-bottom: 4rem;
        margin: 0 auto;
        width: 100%;
    }
    .factory-sec .left-content{
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 2rem;
    }
    .factory-sec .right-image{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .factory-sec .sec-title{
        text-align: center;
    }
    .factory-certifications{
        display: flex;
        flex-direction: column;
        width: 99%;
        margin: 0 auto;
        border-radius: 20px;
    }
    .factory-certifications .factory-certification-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .factory-certifications .factory-certification-item:not(:last-child):after {
        rotate: 0deg;
        bottom: -10px;
        right: 0;
        left: 0;
        width: calc(100% - 80px); 
        mask-position: center bottom;
        -webkit-mask-position: center bottom;
    }
    .factory .title-section{
        width: 100%;
    }
    .factory-sec .left-content{
        padding-right: 15px;
    }
    .farm-sec .right-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ganoderma .accordion{
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .ganoderma .right-image{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        padding-bottom: 2rem;
    }
    .factory .intro-sec{
        padding: 30px 15px;
    }
    /*end factories page 992px*/

    /*archive bolg page 992px*/
    .archive-blog-sidebar{
        border-radius: 20px;
    }
    .latest-posts a img.latest-post-img{
        max-width: 60px;
        margin-right: 10px;
    }
    .latest-posts a .latest-post-title{
        font-size: 16px;
    }
    .archive-blog-main-cont .main-blog-img{
        border-radius: 20px;
        height: 400px;
    }
    .archive-blog-main-cont .thumb-link .post-meta{
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px; 
    }
    /*end archive blog page 992px*/

    /*blog single page 992px*/
    .news-detail-page {
        padding: 4rem 0;
    }
    .news-detail-page .main-content-sec{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
    }
    .news-detail-page img.wp-post-image{
        border-radius: 20px;
    }
    .news-detail-page .sidebar-sec{
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 2rem;
    }
    .blog-sidebar h4{
        font-size: 19px;
    }
    /*end blog single page 992px*/

    /*archive product 992px*/
    .category-header h1 {
        font-size: 32px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
        font-size: 17px;
        min-height: unset;
        height: auto;
    }
    /*end archive product 992px*/

    /*single product 992px*/
    .woocommerce div.product form.cart div.quantity{
        margin-bottom: 15px;
    }
    .product-tabs{
        padding: 4rem 0;
    }
    #myTab li a.nav-link{
        font-size: 20px;
    }
    .product-title-sec .page-title{
        font-size: 28px;
    }
    .related.products h2{
        font-size: 28px;
    }
    .single-product h1.product_title.entry-title{
        font-size: 28px;
    }
    .product-header{
        border-radius: 20px;
    }
    .woocommerce div.product form.cart .variations td{
        width: 100%;
    }
    .single-product div.product form.cart .button{
        margin-left: 10px;
    }
    /*end single product 992px*/

    /*contact page 992px*/
    .map-sec {
        padding: 4rem 0;
    }
    .map-sec iframe{
        border-radius: 20px;
    }
    .contact-content-sec{
        width: 100%;
    }
    .contact-content-sec .contact-right-sec {
        padding-left: 3rem;
    }
    /*end contact page 992px*/

    /*privacy/terms/shipping page 992px*/
    .terms-privacy{
        width: 100%;
        padding-bottom: 3rem;
    }
    .terms-privacy h2{
        font-size: 26px;
    }
    /*end privacy/terms/shipping page 992px*/

    /*product archive 992px*/
    .archive .term-description p{
        text-align: left;
        width: 100%;
    }
    .category-header{
        border-radius: unset;
    }
    .woocommerce ul.products li.product{
        width: calc(50% - 30px);
    }
    /*end product archive 992px*/


    /*my account page 992px*/
    .woocommerce-account .simple-page-content{
        width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        overflow-x: auto;
    }
    .woocommerce-orders-table th,
    .woocommerce-orders-table td {
        white-space: nowrap;
        padding: 10px;
        text-align: left;
    }
    /*end my account page 992px*/

    /*checkout page 992px*/
    .woocommerce-checkout #customer_details{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .checkout-right-col{
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 2rem;
    }
    /*end checkout page 992px*/

    /*footer 992px*/
    .payment-shipment .col-3{
        flex-direction: column;
    }
    .payment-shipment .col-3 span{
        text-align: center;
        padding-left: unset;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-top: 10px;
    }
    footer > svg{
        top: -50px;
    }
    .menu-footer-menu-container{
        justify-content: center;
        padding-bottom: 15px;
    }
    #menu-footer-menu-1{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #menu-footer-menu-1 li:not(:first-child)::before{
        display: none;
    }
    .cardsSection .container > .row{
        height: auto;
    }
    .cardsSection{
        background: #f0efeb;
    }
    /*end footer 992px*/
}

@media (max-width: 768px){
    /*alages apostolos last*/
    .hero-slider .carousel-cell{
        height: 80%;
    }
    .hero-slider .carousel-cell .inner{
        top: 82%;
    }
    .hero-slider .carousel-cell .inner .title{
        margin-bottom: 10px;
    }
    .hero-btn{
        margin-top: 15px;
    }
    /*general 768pxx*/
    .home-products-slider .product-name, .new-arrivas .product-name{
        padding: 0 10px;
    }
    .title-breadcrumb-content{
        border-radius: 10px;
    }
    .page-title-sec .page-title{
        margin-top: 0;
    }
    .product-filters-sidebar .sidebar-filter-wr{
        padding: 30px 20px;
    }
    .title-breadcrumb-content ul.woocommerce_breadcrumb{
        display: block;
        text-align: center;
    }
    .sec-title{
        font-size: 24px;
    }
    /*end general 768px*/

    /*homepage 768px*/
    .hero-slider{
        height: 60vh;
        margin-bottom: 4rem;
    }
    .hero-slider .carousel-cell .inner .title {
        font-size: 24px;
    }
    .hero-slider .carousel-cell .inner .subtitle{
        width: 98%;
        font-size: 17px;
        line-height: 1;
    }
    .homepage-categories{
        padding-bottom: 4rem;
    }
    .category-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .cat-title-section p {
        width: 100%;
    }
    .single-product-gallery{
        width: 98%;
    }
    .single-product-gallery img.gallery-image{
        height: 200px;
    }
    .single-product-gallery .sec-subtitle{
        text-align: center;
    }
    .home-products-slider {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }
    .home-products-slider .all-product-btn{
        width: 93%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .home-products-slider .left-col,
    .home-products-slider .left-col p{
        text-align: center;
    }
    .tips-section {
        padding: 4rem 0rem;
    }
    .tip-item span {
        font-size: 17px;
        line-height: 25px;
        padding: 1rem;
    }
    .new-arrivas{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 4rem;
    }
    .new-arrivas .product-item:nth-child(1){
        padding-right: unset;
    }
    .new-arrivas .product-item:nth-child(2){
        padding-left: unset;
    }
    .new-arrivas .all-product-btn{
        width: 95%;
    }
    .new-arrivas .product-item{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: unset;
    }
    .new-arrivas .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-multiple img{
        width: 100%;
    }
    .new-arrivas .woocommerce-product-list-thumbnail-arrows .woocommerce-product-list-thumbnails-hidden img{
        width: 100%;
    }
    .new-arrivas .product-item:nth-child(1){
        margin-bottom: 2rem;
    }
    .desktop-btns{
        display: none;
    }
    .product-item .product-buttons{
        opacity: 1;
        position: relative;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }
    .product-item a.add_to_cart_button{
        transform: unset;
        flex: 0 0 70%;
        max-width: 70%;
        border-radius: unset;
        height: 45px;
    }
    .product-item .tinv-wraper.tinv-wishlist{
        transform: unset;
        flex: 0 0 30%;
        max-width: 30%;
        background: #000;
        height: 45px;
    }
    .product-item .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
        width: 70%;
        background: #000;
    }
    .home-products-slider .woocommerce-product-list-thumbnail-arrows, 
    .new-arrivas .woocommerce-product-list-thumbnail-arrows{
        box-shadow: unset;
    }
    .product-item{
        background: #fff;
        border-radius: 20px;
        border-top-left-radius: 20%;
        border-bottom-right-radius: 20%;
        position: relative;
    }
    .thumb-sec {
        position: initial;
    }
    .home-products-slider .owl-carousel.owl-drag .owl-item{
        padding: 5px;
    }

    /*end homepage 768px*/

    /*About page 768px*/
    .page-title-sec .page-title{
        font-size: 24px;
    }
    .header-image-sec{
        border-radius: 0;
    }
    .about-two-col-first .popup-content{
        width: 95%;
    }
    .k-idea-row{
        border-radius: 20px;
    }
    .about-content-third{
        padding-bottom: 0;
    }
    /*end About page 768px*/


    /*certifications page 768px*/
    .certifications {
        padding: 4rem 0;
    }
    .certifications > .row{
        margin: 0 auto;
        padding: 20px;
    }
    .certifications .certification-item{
        flex: 0 0 100%;
        max-width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .certifications figure.snip0016 p{
        font-size: 16px;
    }
    .certifications figure.snip0016 figcaption {
        padding-left: 30px;
        padding-right: 15px;
    }
    /*end certifications page 768px*/

    /*product archive page 768px*/
    .category-header h1{
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .title-breadcrumb-content{
        padding: 15px;
    }
    .woocommerce ul.products li.product a img{
        height: 300px;
        object-fit: contain;
        box-shadow: unset;
        border-top-left-radius: 25%;
        border-bottom-right-radius: 25%;
    }
    .woocommerce-product-list-thumbnail-arrows{
        height: 300px;
    }
    .woocommerce ul.products li.product{
        background: #fff;
        border-radius: 20px;
        border-top-left-radius: 20%;
        border-bottom-right-radius: 20%;
    }
    .product-buttons{
        opacity: 1;
        position: relative;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: end;
    }
    .woocommerce ul.products li.product a.add_to_cart_button,
    .woocommerce ul.products li.product a.add_to_cart_button:hover{
        transform: unset;
        flex: 0 0 70%;
        max-width: 70%;
        border-radius: unset;
        height: 50px;
        background-color: var(--main-color) !important;
    }
    .woocommerce ul.products li.product .tinv-wraper.tinv-wishlist{
        transform: unset;
        flex: 0 0 30%;
        max-width: 30%;
        margin-top: 0;
        height: 50px;
        background: #000;
    }
    .woocommerce ul.products li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
        background: #000000;
        width: 80%;
        height: 100%;
    }
    .woocommerce ul.products li.product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
        background-color: #000 !important;
    }
    a.button.add_to_cart_button::after{
        width: 25px;
        height: 25px;
    }
    .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
        font-size: 30px;
    }
    .archive .product-list{
        padding: 3rem 0;
    }
    /*end product archive page 768px*/

    /*single product 768px*/
    .single-product div.product div.images.woocommerce-product-gallery .flex-viewport{
        max-width: calc(80% - 2rem);
        margin: 0 1rem;
    }
    .single-product div.product div.images .flex-control-thumbs li{
        margin-bottom: 1rem;
        margin-top: 0; 
    }
    .single-product div.product div.images .flex-control-thumbs img {
        height: 100px;
    }
    .single-product div.product div.summary {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #myTabContent {
        padding: 2rem 0;
    }
    a.button.add_to_cart_button:hover{
        background-image: unset;
    }
    .product-title-sec .page-title,
    .single-product h1.product_title.entry-title,
    .related.products h2{
        font-size: 24px;
    }
    /*end single product 768px*/


    /*archive blog page 768px*/
    .blog-archive-page {
        padding: 4rem 0;
    }
    .archive-blog-main-cont {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
    }
    .archive-blog-sidebar {
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
        margin: 0 auto;
    }
    .archive-blog-main-cont .blog-post h3 {
        padding: 10px;
    }

    /*end archive blog page 768px*/

    /*contact page 768px*/
    .contact-content-sec .contact-right-sec{
        padding: 0;
    }
    .contact-content-sec .contact-left-sec{
        padding: 0;
    }
    #wpcf7-f31-p5010-o1 .inrow-input,
    #wpcf7-f31-p5010-o1 .textearea-row{
        margin: 0 auto;
    }
    #wpcf7-f31-p5010-o1 .inrow-input .col-6:first-child{
        padding-left: 0;
    }
    #wpcf7-f31-p5010-o1 .inrow-input .col-6:last-child{
        padding-right: 0;
    }
    #wpcf7-f31-p5010-o1 .textearea-row{
        padding: 0;
    }
    /*end contact page 768px*/


    /*my account page 768px*/
    .woocommerce-account .woocommerce-MyAccount-navigation ul li{
        width: 100%;
    }
    /*end my account page 768px*/

    /*Cart page 768px*/
    .woocommerce table.shop_table tr td.product-quantity{
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .cart .quantity-buttons{
        margin-right: 0 !important;
    }
    .woocommerce-cart ul#shipping_method{
        margin-top: 30px;
    }
    .woocommerce-cart .shop_table .woocommerce-shipping-totals > td{
        text-align: left !important;
    }
    /*end cart page 768px*/

    /*privacy/terms page 768px*/
    .terms-privacy h3{
        font-size: 19px;
    }
    .terms-privacy h2{
        font-size: 24px;
    }
    /*end privacy terms page 768px*/


    /*footer 768px*/
    .payment-shipment img {
        width: 40px;
    }
    .payment-shipment .col-3 span{
        font-size: 14px;
        line-height: 17px;
    }
    footer > svg {
        top: -25px;
    }
    .widget-copyright{
        align-items: center;
        border-bottom: 1px solid var(--main-color);
        padding-bottom: 20px;
    }
    footer > .container, .cardsSection > .container {
        max-width: 100%;
    }
    /*end footer 768px*/
}


/*============================test*/

.page-id-5852 .header-image-sec{
    background-size: cover !important;
}



/*============= Arabic extra styles ==============*/
body.lang-ar p{
    text-align: right;
}
body.lang-ar footer > svg{
    right: 0;
}
body.lang-ar.home-products-slider .left-col{
    text-align: right;
}
body.lang-ar #search_toggle_btn{
    right: unset;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body.lang-ar .widget-search-wr form span.fas{
    right: unset;
    left: 60px;
}
body.lang-ar #my-account-btn, body.lang-ar .top-header-right .wc-login-button{
    margin-left: 0;
    margin-right: 20px;
}
body.lang-ar .header-top .vi-wcaio-menu-cart .vi-wcaio-menu-cart-text-wrap .vi-wcaio-menu-cart-text{
    right: 6px;
}
body.lang-ar .header-top .top-header-left a span{
    padding-right: 10px;
}
body.lang-ar .page-title-sec .page-title > span{
    display: none;
}
body.lang-ar .contact-social{
    justify-content: end;
}
body.lang-ar .header-top .vi-wcaio-menu-cart-content-wrap{
    right: unset;
}
body.lang-ar .header-top .vi-wcaio-menu-cart-content-wrap:after, body.lang-ar .header-top .vi-wcaio-menu-cart-content-wrap:before{
    right: 50%;
}
body.lang-ar #account-menu{
    right: unset;
    left: 0;
}
body.lang-ar .product-item a.button.add_to_cart_button{
    font-size: 0;
}
body.lang-ar.woocommerce ul.products li.product{
    margin-left: 30px;
    margin-right: unset;
}
body.lang-ar.woocommerce ul.products li.product.last{
    margin-left: 0;
}
body.lang-ar .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    right: unset;
    margin-right: 0;
}
body.lang-ar.woocommerce.archive ul.products li.product a.add_to_cart_button{
    font-size: 0;
}
body.lang-ar.woocommerce .related ul.products li.product a.add_to_cart_button{
    font-size: 0;
}
body.lang-ar .home-products-slider .left-col{
    text-align: right;
}
body.lang-ar .new-arrivas .data-col{
    text-align: right;
}
body.lang-ar .new-arrivas .sec-title{
    padding-right: 0;
}
body.lang-ar footer .widget-logo-wr{
    text-align: right;
}
body.lang-ar footer .footer-title{
    text-align: right;
}
body.lang-ar footer .footer-social{
    text-align: right;
}
body.lang-ar footer .footer-column-3 > div{
    text-align: right;
    margin-top: 0;
}
body.lang-ar footer .footer-column-3 > div.wpcf7 {
    margin-top: -35px;
}
body.lang-ar .mlchp_input{
    order: 2;
}
body.lang-ar .mlchp_input label input{
    text-align: right;
}
body.lang-ar .mlchp_submit input{
    right: -50px;
}
body.lang-ar .menu-horizontal .navbar-collapse > ul > li.menu-item.menu-item-has-children > ul > li > a img{
    left: unset;
    right: -80%;
}
body.lang-ar .product-filters-sidebar{
    left: unset;
    right: 0;
}
body.lang-ar.single-product h1.product_title.entry-title{
    text-align: right;
}
body.lang-ar.single-product .variations.table .label{
    text-align: right;
}
body.lang-ar.single-product .woocommerce-variation-price{
    text-align: right;
}
body.lang-ar.single-product .variations.table td.value .reset_variations{
    margin-right: 10px;
}
body.lang-ar.single-product .product_meta{
    text-align: right;
}
body.lang-ar.single-product div.product div.summary{
    text-align: right; 
}
body.lang-ar .payment-shipment .col-4 span{
    padding-right: 20px;
}
body.lang-ar .woocommerce_breadcrumb li:after{
    display: none;
}
body.lang-ar .farm-sec .right-content h2,
body.lang-ar .factory-sec .sec-title{
    text-align: right;
}
body.lang-ar .single-content h3,
body.lang-ar .contact-left-sec h2,
body.lang-ar .contact-right-sec h2{
    text-align: right;
}
body.lang-ar .contact-content-sec .contact-social{
    justify-content: start;
}
body.lang-ar .pagenotfound h1{
    text-align: right;
}
body.lang-ar .k-idea-row .k-idea-item:not(:last-child):after,
body.lang-ar .key-word-row .key-word-item:not(:last-child):after,
body.lang-ar .factory-certifications .factory-certification-item:not(:last-child):after{
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    margin: auto;
    mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    -webkit-mask-image: url(https://www.dxnwellness.eu/gr/wp-content/uploads/2025/01/svgviewer-png-output-8.png);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: left center;
    -webkit-mask-position: left center;
    background-color: var(--main-color);
    transition: width 0.5s ease-in-out;
    overflow: hidden;
    rotate: -90deg; /* Change rotation to -90deg */
    left: 0; /* Move it to the left */
    transform-origin: left;
}
body.lang-ar .k-idea-row .k-idea-item h4{
    text-align: right;
}
body.lang-ar .archive-blog-main-cont .thumb-link .post-meta{
    left: 0;
}
body.lang-ar .archive-blog-main-cont .blog-post h3{
    text-align: right;
}
body.lang-ar .language-switcher{
    margin-right: 15px;
}
body.lang-ar .woocommerce-checkout #payment div.payment_box p{
    text-align: right;
}
body.lang-ar.woocommerce-checkout #payment div.payment_box:before{
    left: unset;
    right: 15px;
}
body.lang-ar .stars > span,
body.lang-ar .stars > span a:before{
    direction: ltr;
}
body.lang-ar #myTabContent{
    overflow: hidden;
}
body.lang-ar .woocommerce #reviews #comments h2{
    text-align: right;
}
body.lang-ar .menu-horizontal .navbar-collapse>ul > li.menu-item.menu-item-has-children > ul > li > a span{
    text-align: right; 
}
body.lang-ar.rtl .guaven_woos_titlediv{
    text-align: right;
    padding-right: 15px;
} 
@media (max-width: 1200px){
    body.lang-ar .navbar-toggler{
        margin-left: 0;
        margin-right: 10px;
    }
    body.lang-ar .top-header-right .wc-login-button{
        margin-right: 10px;
    }
    body.lang-ar .menu-languages-container{
        padding-right: 0;
    }
    body.lang-ar .navbar-toggler:not(.active) span:nth-of-type(3){
        right: unset;
        left: 0;
    }
    body.lang-ar .menu-horizontal .dropdown .dropdown-toggle:after{
        right: unset;
        left: -20px
    }
}
/*============= end Arabic extra styles ==============*/