.hfe-counter-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
} .hfe-counter-wrapper[style*="flex-direction: column"] {
align-items: center; justify-content: center; }
.hfe-counter-wrapper[style*="flex-direction: row"] {
justify-content: center; align-items: center; }
.hfe-counter-content {
display: flex;
align-items: center;
justify-content: center;
}
.hfe-counter-number {
font-weight: bold;
font-size: 48px;
line-height: 1;
}
.hfe-counter-title {
font-size: 18px;
line-height: 1.2;
margin: 0;
}
.hfe-counter-prefix,
.hfe-counter-suffix {
font-size: inherit;
line-height: inherit;
} .hfe-counter-title {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .hfe-counter-content {
flex-shrink: 0;
} .hfe-counter-wrapper[style*="flex-direction: row"] .hfe-counter-title,
.hfe-counter-wrapper[style*="flex-direction: row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
.hfe-counter-wrapper[style*="flex-direction: row-reverse"] .hfe-counter-title,
.hfe-counter-wrapper[style*="flex-direction: row-reverse"] .hfe-counter-content {
flex: 1;
min-width: 0;
} .hfe-counter-wrapper:not([style*="column"]) .hfe-counter-title,
.hfe-counter-wrapper:not([style*="column"]) .hfe-counter-content {
flex: 1;
min-width: 0;
} .hfe-counter-content {
display: flex !important;
align-items: center;
justify-content: center;
} @media (max-width: 1024px) {
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-title,
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
}
@media (max-width: 767px) {
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-title,
.elementor-widget-hfe-counter .hfe-counter-wrapper[style*="row"] .hfe-counter-content {
flex: 1;
min-width: 0;
}
} @media (max-width: 767px) {
.hfe-counter-number {
font-size: 36px;
}
.hfe-counter-title {
font-size: 16px;
}
} ul.hfe-nav-menu,
.hfe-nav-menu li,
.hfe-nav-menu ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.hfe-nav-menu li.menu-item {
position: relative;
}
.hfe-flyout-container .hfe-nav-menu li.menu-item {
position: relative;
background: unset;
}
.hfe-nav-menu .sub-menu li.menu-item {
position: relative;
background: inherit;
}
.hfe-nav-menu__theme-icon-yes button.sub-menu-toggle {
display: none;
}
div.hfe-nav-menu,
.elementor-widget-hfe-nav-menu .elementor-widget-container{
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hfe-nav-menu__layout-horizontal,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hfe-nav-menu .parent-has-no-child .hfe-menu-toggle {
display: none;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu,
.hfe-submenu-action-hover .hfe-layout-vertical .hfe-nav-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 16;
visibility: hidden;
opacity: 0;
text-align: left;
-webkit-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:focus > .sub-menu {
visibility: visible;
opacity: 1;
}
.hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-submenu-action-click .hfe-nav-menu .menu-item-has-children:focus > .sub-menu {
visibility: hidden;
opacity: 0;
}
.hfe-nav-menu .menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
visibility: hidden;
opacity: 0;
}
.hfe-flyout-container .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 0;
}
.hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
top: 0;
left: 100%;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.hfe-nav-menu:before,
.hfe-nav-menu:after {
content: '';
display: table;
clear: both;
} .hfe-nav-menu__align-right .hfe-nav-menu {
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end; }
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end; }
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper,
.rtl .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: right;
}
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li.hfe-button-wrapper,
.rtl .hfe-nav-menu__align-right .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: left;
}
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-has-submenu .hfe-button-wrapper,
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li.hfe-button-wrapper{
text-align: center;
}
.hfe-nav-menu__align-left .hfe-nav-menu {
margin-right: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start; }
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start; }
.hfe-nav-menu__align-center .hfe-nav-menu {
margin-left: auto;
margin-right: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; }
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-menu-item,
.hfe-nav-menu__align-center .hfe-nav-menu__layout-vertical li a.hfe-sub-menu-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; }
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
}
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
width: 100%; 
}
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
flex-grow: 1; }
.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a.hfe-menu-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center; } .hfe-active-menu + nav li:not(:last-child) a.hfe-menu-item,
.hfe-active-menu + nav li:not(:last-child) a.hfe-sub-menu-item {
border-bottom-width: 0;
} .hfe-nav-menu a.hfe-menu-item,
.hfe-nav-menu a.hfe-sub-menu-item {
line-height: 1;
text-decoration: none;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.hfe-nav-menu a.hfe-menu-item:hover,
.hfe-nav-menu a.hfe-sub-menu-item:hover {
text-decoration: none;
}
.hfe-nav-menu .sub-menu {
min-width: 220px;
margin: 0;
z-index: 9999;
}
.hfe-nav-menu__layout-horizontal {
font-size: 0;
}
.hfe-nav-menu__layout-horizontal li.menu-item,
.hfe-nav-menu__layout-horizontal > li.menu-item {
font-size: medium;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu{
-webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
} .hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: '+'; 
}
.hfe-submenu-icon-none .hfe-nav-menu .parent-has-child .sub-arrow {
display: none; 
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before,.hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-plus .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: '-'; 
}
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before, .hfe-link-redirect-self_link.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
content: ''; 
}
.rtl .hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.rtl .hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
}
.hfe-submenu-icon-classic .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before {
content: ''; 
} .hfe-nav-menu-icon {
padding: 0.35em;
border: 0 solid;
}
.hfe-nav-menu-icon svg {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 25px;
}
.hfe-nav-menu-icon i:focus {
outline: 0;
}
.hfe-has-submenu-container a.hfe-menu-item:focus,
.hfe-has-submenu-container a.hfe-sub-menu-item:focus {
outline: 0;
} .hfe-nav-menu .menu-item-has-children:focus,
.hfe-nav-menu .menu-item-has-children .sub-menu:focus,
.hfe-nav-menu .menu-item-has-children-container:focus {
outline: 0;
}
.hfe-nav-menu .menu-item-has-children-container {
position: relative;
}
.hfe-nav-menu__layout-expandible .sub-menu,
.hfe-nav-menu__layout-vertical .sub-menu,
.hfe-flyout-wrapper .sub-menu {
position: relative;
height: 0;
}
.hfe-nav-menu__submenu-arrow .hfe-menu-toggle:before,
.hfe-nav-menu__submenu-plus .hfe-menu-toggle:before,
.hfe-nav-menu__submenu-classic .hfe-menu-toggle:before {
font-family: 'Font Awesome 5 Free';
z-index: 1;
font-size: inherit;
font-weight: inherit;
line-height: 0;
}
.hfe-menu-item-center .hfe-nav-menu li a.hfe-menu-item,
.hfe-menu-item-center .hfe-nav-menu li a.hfe-sub-menu-item {
margin-right: 0px;
}
.hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-menu-item,
.hfe-nav-menu__submenu-none .hfe-nav-menu li a.hfe-sub-menu-item {
margin-right: 0px;
}
.hfe-nav-menu__toggle-icon:before {
content: '\f0c9';
font-family: 'fontAwesome';
z-index: 1;
font-size: 24px;
font-weight: inherit;
font-style: normal;
line-height: 0;
}
.hfe-active-menu .hfe-nav-menu__toggle-icon:before {
content: '\f00d';
}
.hfe-nav-menu__layout-expandible {
-webkit-transition-property: display;
transition-property: display;
-webkit-transition-duration: .5s;
transition-duration: .5s;.hfe-woo-products-wrapper {
width: 100%;
}
.hfe-woo-products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 35px 20px;
}
.hfe-product-item {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.hfe-product-image {
position: relative;
overflow: hidden;
}
.hfe-product-image img {
width: 100%;
height: auto;
display: block;
}
.hfe-product-content {
padding: 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.hfe-product-category {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 8px;
opacity: 0.75;
font-weight: 500;
color: #666;
}
.hfe-product-title {
margin: 0 0 12px 0;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
flex-grow: 1;
}
.hfe-product-title a {
color: #333;
text-decoration: none;
}
.hfe-product-title h2 {
margin: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}
.hfe-product-title .hfe-loop-product__link {
display: block;
}
.hfe-product-rating {
margin-bottom: 12px;
}
.hfe-product-rating .review-rating {
display: flex;
align-items: center;
min-height: 16px;
}
.hfe-product-rating .star-rating {
font-size: 14px;
color: #ffa500;
display: inline-block;
}
.hfe-product-price {
margin-bottom: 16px;
font-weight: 700;
font-size: 18px;
}
.hfe-product-price .price {
color: #333;
}
.hfe-product-price .price del {
opacity: 0.6;
margin-right: 8px;
font-weight: 400;
}
.hfe-product-description {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.6;
color: #666;
flex-grow: 1;
}
.hfe-product-add-to-cart {
margin-top: auto;
}
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button {
width: auto;
min-width: 100px;
padding: 12px 20px;
border: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:hover,
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:focus,
.hfe-woo-products-wrapper .hfe-product-add-to-cart .button:active,
.hfe-woo-products-wrapper .hfe-product-add-to-cart a.button:link {
text-decoration: none;
}
.hfe-woo-products-notice,
.hfe-woo-products-empty {
text-align: center;
padding: 40px 20px;
background: #f8f9fa;
border-radius: 4px;
color: #666;
} .hfe-product-item {
height: 100%;
display: flex;
flex-direction: column;
}
.hfe-product-content {
flex: 1;
display: flex;
flex-direction: column;
} .hfe-content-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
} @media (max-width: 1024px) {
.hfe-content-tablet-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-tablet-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-tablet-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-tablet-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-tablet-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-tablet-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
}
} @media (max-width: 767px) {
.hfe-content-mobile-align-left .hfe-product-item {
text-align: left;
}
.hfe-content-mobile-align-left .hfe-product-item .star-rating {
margin-left: 0;
margin-right: auto;
}
.hfe-content-mobile-align-center .hfe-product-item {
text-align: center;
}
.hfe-content-mobile-align-center .hfe-product-item .star-rating {
margin-left: auto;
margin-right: auto;
}
.hfe-content-mobile-align-right .hfe-product-item {
text-align: right;
}
.hfe-content-mobile-align-right .hfe-product-item .star-rating {
margin-left: auto;
margin-right: 0;
}
} @media (max-width: 1200px) {
.hfe-woo-products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.hfe-woo-products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px 15px;
}
.hfe-product-content {
padding: 16px;
}
.hfe-product-title {
font-size: 15px;
}
.hfe-product-price {
font-size: 16px;
}
}
@media (max-width: 480px) {
.hfe-woo-products-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.hfe-product-content {
padding: 18px;
}
}