/*!
Theme Name: beast-lawnmower
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beast-lawnmower
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

beast-lawnmower is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
.container {
    max-width: 1600px;
    width: 96%;
    margin: 0 auto;
}

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

.dt-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header ul {
    display: flex;
    gap: 20px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;     background-color: #f0f3f9;
}
header { background: #fff; }
a {
    text-decoration: none;
    color: #000;
}

.top-header .container {
    padding: 6px 0;
    border-bottom: 1px solid rgb(140 140 140 / .12);
}

.topbar-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.social-items svg {
    border: none;
    fill: #fff;
    padding: 3px;
}

.social-items a svg {
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
}
.social-items a .wppop-icon-whatsapp { background-color: #4dc247; } 
.social-items a .wppop-icon-wechat { background-color: #3dbe5b; }
.social-items a .wppop-icon-email { background-color: #0a88ff; }

.site-branding a.custom-logo-link img {
    max-width: 180px;
    display: block;
    height: auto;
}

.search-post {
    width: 700px;
    display: block;
}

.middle-header .dt-col-6 {
    /* width: 700px; */
}

search-form-6a1a6c934337c input#search-form-6a1a6c934337c {}

.search-post input {
    width: 600px;
    border-color: #18a300;
    border-radius: 50px;
    padding: 0 15px;
    width: 100%;
    height: 46px;
    -webkit-appearance: textfield;
    outline-offset: -2px;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #d6d6d6;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

button.search-submit.ease {
    padding: 0 18px;
    line-height: 46px;
    border: 0;
    background: #fff0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #18a300;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    height: 47px;
}

form.search-form {
    position: relative;
    border-radius: 50px;
    overflow: hidden;
}

.search-submit ease svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.search-post svg {
    width: 20px;
    height: 20px;
    display: block;
}

button.menu-toggle {
    display: none;
}

.bottom-header {}

.bottom-header {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 48px;
    background-color: #f0f3f9;
    color: #0e2332;
    border-top: 1px solid #e6e7eb;
}

#site-navigation ul.nav-menu {
    display: block;
}

#site-navigation ul.nav-menu li {
    float: left;
    position: relative;
}

#site-navigation ul.nav-menu li a {
    padding: 0 25px;
    display: block;
}

#site-navigation ul.nav-menu li a:hover {
    color: #fff;
    background-color: #18a300;
}
.searchbottomico svg { width: 16px; height: 16px;  }
.searchbottom  svg { width: 16px; height: 16px; }
.main-nav {
    position: relative;
}

.searchbottom {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    display: none;
}

.searchbottom .container {
    max-width: 100%;
    height: auto;
    border-top: 1px solid #066fc0;
    background: #fff;
    position: relative;
    overflow: visible;
    -moz-box-shadow: 0 4px 4px rgb(0 0 0 / .12);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .12);
    box-shadow: 0 4px 4px rgb(0 0 0 / .12);
}

.search-form-box {
    padding: 30px 0;
    width: 80%;
    margin: 0 auto;
}

form#searchform {
    overflow: hidden;
    position: relative;
}

form#searchform input {
    margin-bottom: 0;
    padding-left: 15px;
    width: 100%;
    height: 46px;
    color: #666;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 20px;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    max-width: 100%;
    border: none;
}

search-form-box button#searchsubmit {}

.search-form-box button#searchsubmit {
    background-color: #18a300;
    color: #fff;
    text-decoration: none !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: right;
    padding: 0 20px;
    height: 46px;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
form#searchform {
    position: relative;
}.search-form-box button#searchsubmit {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    height: 36px;
    padding: 0 20px;
    border-radius: 50px;
}
form#searchform {
    display: flex;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-width: 100%;
}



.search-form-box button#searchsubmit {
    height: 46px;
    border: none;
    /* padding: 0 25px; */
    background: #18a300;
    /* color: #fff; */
}

.hot-words a {
    padding: 0 3px;
    color: #666;
}

.hot-words {
    color: #666;
}
ul.sub-menu {
    width: 250px;
    border-top-color: #fff;
    top: 48px;
    position: absolute;
    left: 0;
    z-index: 1000;
    padding: 12px 0;
    border-top: 1px solid #fff0;
    background-color: #fff;
    -moz-box-shadow: 0 1px 6px rgb(0 0 0 / .2);
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / .2);
    box-shadow: 0 1px 6px rgb(0 0 0 / .2);
    display: none;
}

nav#site-navigation  ul li:hover ul.sub-menu{
    display: block;
}
nav#site-navigation  ul li ul li {
    
}

#site-navigation ul.nav-menu li ul li {
    display: block;
    width: 100%;
}

#site-navigation ul.nav-menu li ul li a {
    display: block;
}

#site-navigation ul.nav-menu li ul li a:hover {
    color: #18a300;
    background-color: #f2f3f6;
}
.middle-header { padding: 20px 0; }
.search-post input:hover, .search-post input:focus { outline: none !important; }

.menu-item-has-children>a:after {
 content: "";
 display: inline-block;
 width: 8px;
 height: 8px;
 margin-left: 15px;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 transform: rotate(45deg);
 transition: 0.3s ease;
 position: relative;
 top: -3px;
 opacity: .5;
}
.dt-row .footer-col {
    width: 25%;
}

.dt-row .footer-col img {
    max-width: 200px;
}

.footer-top .dt-row {align-items: flex-start;}

footer#colophon {
    background-color: #f0f3f9;
    background-position: center bottom;
    background-attachment: fixed;
    margin-top: 50px;
    width: 100%;
    clear: both;
    color: #000;
}

h4.footer-title {
    font-size: 18px;
    text-align: left;
    color: #000;
    margin-bottom: 26px;
    padding: 0;
    text-transform: uppercase;
}

body {
    font-size: 16px;
    line-height: 1.4;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-bottom {
    border-top: 1px solid #fff0;
    border-top-color: rgb(0 0 0 / .1);
    padding-top: 30px;
    padding-bottom: 40px;
}

.footer-bottom ul li {
    display: inline-flex;
}

footer a:hover {
    color: #18a300;
}

.footer-bottom ul li a {
    padding: 0 5px;
}

.social-menu {
    margin-bottom: 20px;
}

.footer-top {
    padding-top: 40px;
}

/*Home Page css*/
#HomeSlider {
    padding: 0;
}

#HomeSlider img {
    width: 100%;
    display: block;
}






/* Hide arrows by default */
#HomeSlider .mySwiper .swiper-button-prev,
#HomeSlider .mySwiper .swiper-button-next {
    opacity: 0;
    transition: all 0.3s ease;
}

/* Show arrows on hover */
#HomeSlider .mySwiper:hover .swiper-button-prev,
#HomeSlider .mySwiper:hover .swiper-button-next {
    opacity: 1;
}

/* Position: 30px from sides */
#HomeSlider .mySwiper .swiper-button-prev {
    left: 30px;
}

#HomeSlider .mySwiper .swiper-button-next {
    right: 30px;
}

/* Arrow styling */
#HomeSlider .mySwiper .swiper-button-prev,
#HomeSlider .mySwiper .swiper-button-next {
    width: 35px;
    height: 60px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

/* Icon size */
#HomeSlider .mySwiper .swiper-button-prev:after,
#HomeSlider .mySwiper .swiper-button-next:after {
    font-size: 24px;
}
.product-card {
    text-align: center;
}

.product-image {
    position: relative;
}

.product-image img {
    width: 100%;
}

/* Play Icon */
.play-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.8;
}

/* Title */
.product-title {
      font-size: 14px;
    margin: 10px 0;
    font-weight: 400;
}
.product-title:hover a { color: #18a300 }
/* Button */
.inquiry-btn {
    display: inline-block;
    line-height: 1;
    border: 1px solid #fff0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
    padding: 8px 15px;
    background: transparent;
    color: #18a300 !important;
    border-color: #18a300 !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}


a.inquiry-btn:hover {
    background-color: #18a300 !important;
    color: #fff!important;
}



.product-card:hover a.inquiry-btn {
    -moz-box-shadow: 0 8px 12px rgb(0 0 0 / .16);
    -webkit-box-shadow: 0 8px 12px rgb(0 0 0 / .16);
    box-shadow: 0 8px 12px rgb(0 0 0 / .16);
}
.product-card { padding-bottom: 20px; }

/* Hover arrows */
/*.productSwiper .swiper-button-prev,
.productSwiper .swiper-button-next {
    opacity: 0;
    transition: 0.3s;
}

.productSwiper:hover .swiper-button-prev,
.productSwiper:hover .swiper-button-next {
    opacity: 1;
}*/

/* Arrow spacing */
.productSwiper .swiper-button-prev { left: 30px; }
.productSwiper .swiper-button-next { right: 30px; }


.productSwiper .swiper-button-prev:after, .productSwiper .swiper-button-next:after {
    background-color: rgb(0 0 0 / .25);
    padding: 10px 3px;
    color: #fff;
    height: 40px;
    width: 30px;
    font-size: 25px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.play-icon svg {
    width: 24px;
    height: 24px;
    color: rgb(0 0 0 / .125);
    fill: rgb(0 0 0 / .125);
}


.product-image { position: relative; }

.product-image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(to right, #fff0 0%, rgb(255 255 255 / .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.product-image:before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}
.product-image:before{ display:none;}
.product-image:hover:before { display:block;}
.section-products .e-con-inner {
    background: #fff;
    padding: 30px !important;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    width: 95% !important;
}
.productSwiper .swiper-pagination-bullet {
    width: 5px;
    height:  5px;
    border-radius: 50px;
    transition: all .3s ease;
}

.productSwiper .swiper-pagination-bullet-active {
    border-radius: 50px;
    background: #18a300;
}

.imagepro img { border-radius: 15px; }
/* =============================================================
   Single Product page — left category sidebar + main content
   ============================================================= */
.bl-single-product-wrap {

}

.bl-single-product-wrap .woocommerce-breadcrumb {
	margin-bottom: 20px;
	font-size: 14px;
	color: #777;
}
.bl-category-pills-bar {
    margin: 0 auto;
    width: 96%;
    clear: both;
    padding: 10px;
    background-color: #fff;
    margin-top: 20px;
    max-width: 1600px;    margin-bottom: 40px;
}

.bl-single-product-columns {
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    max-width: 1600px;
    background: #fff;
    margin: 0 auto;
    width: 96%;
    clear: both;
}
.bl-single-product-columns {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}

.bl-single-product-main {
	flex: 1 1 auto;
	min-width: 0;
}

/* --- Sidebar --- */
.bl-product-sidebar {
	flex: 0 0 300px;
	width: 300px;
	overflow: hidden;
	background: #fff;
}

.bl-breadcrumb-bar { margin-top: 15px; }

.bl-product-cat-list,
.bl-product-subcat-list {
	list-style: none;
	margin: 0;
	padding: 0;
}


.bl-category-pills-bar {
    margin: 0 auto;
    width: 96%;
    clear: both;
    padding: 10px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}

.bl-single-product-columns {
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    max-width: 1600px;
    background: #fff;
    margin: 0 auto;
    width: 96%;
    clear: both;
}

aside#bl-product-sidebar {
    background-color: #f6f8fc;
    padding: 20px 25px 25px 25px;
}

.bl-product-sidebar__title {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: normal;
    text-align: left;
    color: #202020;
    background-color: #fff0;
    margin: 0;
}

.bl-product-cat-item > a {
    padding: 12px;
    border-left: 1px solid #fff0;
    border-bottom: 1px solid rgb(0 0 0 / .06);
    display: block;
    color: #202020;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.bl-product-cat-item > a:hover,
.bl-product-cat-item.is-active > a {
    border-left-color: #18a300;
    color: #18a300;
    padding: 12px 12px 12px 16px;
}

.bl-product-cat-count {
display: none;
}

.bl-product-subcat-list {
	background: #fafafa;
}

.bl-product-subcat-item a {
	display: block;
	padding: 9px 18px 9px 32px;
	font-size: 14px;
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

.bl-product-subcat-item a:hover,
.bl-product-subcat-item.is-active a {
	color: #18a300;
}

/* --- Responsive --- */
@media (max-width: 900px) {
	.bl-single-product-columns {
		flex-direction: column;
	}
	.bl-product-sidebar {
		flex-basis: auto;
		width: 100%;
	}
}

/* Self-hosted product video as first gallery slide */
.bl-gallery-video-slide { position: relative; }
.bl-product-video {
	width: 100%;
	height: auto;
	display: block;
	background: #000;
	border-radius: 6px;
}
.hidedesktop { display: none; }



/*Mobile css*/

@media (max-width: 700px) {

.hidemobile  { display: none; }
}
/* =============================================================
   Single Product — spec table, inquiry buttons, custom tabs
   ============================================================= */

/* gallery (left) + summary (right) inside the main column */
.bl-single-product-main .woocommerce-product-gallery { width: 48%; }
.bl-single-product-main .summary.entry-summary { width: 48%; }
@media (max-width: 768px) {
	.bl-single-product-main .woocommerce-product-gallery,
	.bl-single-product-main .summary.entry-summary { width: 100%; float: none; }
}

.bl-single-product-main .product_title {
    font-size: 24px;     color: #202020;
        margin-bottom: 15px;
    padding-bottom: 15px!important;
    border-bottom: 1px solid rgb(0 0 0 / .085);
}

/* Spec table */
.bl-spec-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 22px;
	font-size: 14px;
}
.bl-spec-table tr { border-bottom: 1px solid #eee; }
.bl-spec-table th,
.bl-spec-table td {
	text-align: left;
	vertical-align: top;
	padding: 7px 10px 7px 0;
}
.bl-spec-table .bl-spec-name {
	width: 42%;
	font-weight: 600;
	color: #333;
}
.bl-spec-table .bl-spec-value { color: #555; }

/* Inquiry / WhatsApp buttons */
.bl-inquiry-buttons {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 6px;
}
.bl-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none;
    transition: opacity .2s, transform .15s;
    font-size: 14px;
    padding: 11px 25px;
    line-height: 1;
}
.bl-btn:hover { opacity: .9; transform: translateY(-1px); }
.bl-btn-inquiry { background: #18a300; }
.bl-btn-wa { background: #18a300; }
.bl-wa-icon { font-size: 18px; line-height: 1; }

/* Product tabs */
.bl-single-product-main .woocommerce-tabs { clear: both; padding-top: 40px; }
.bl-single-product-main .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 4px;
	margin: 0 0 24px;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
	list-style: none;
}
.bl-single-product-main .woocommerce-tabs ul.tabs::before { display: none; }
.bl-single-product-main .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}
.bl-single-product-main .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 12px 20px;
	color: #555;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 3px solid transparent;
}
.bl-single-product-main .woocommerce-tabs ul.tabs li.active a,
.bl-single-product-main .woocommerce-tabs ul.tabs li a:hover {
	color: #18a300;
	border-bottom-color: #18a300;
}
.bl-single-product-main .woocommerce-tabs ul.tabs li::after,
.bl-single-product-main .woocommerce-tabs ul.tabs li::before { display: none; }
.bl-single-product-main .woocommerce-Tabs-panel h2 { color: #18a300; }

/* =============================================================
   Top product-category pill bar (single product)
   ============================================================= */

.bl-category-pills {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
.bl-category-pill {
	display: inline-block;
	padding: 9px 26px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 15px;
	color: #333;
	text-decoration: none;     font-weight: 400;
	transition: background .2s, color .2s;
}
.bl-category-pill:hover, .bl-category-pill.is-active {
    background: #18a300;
    color: #fff;
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / .16);
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / .16);
    box-shadow: 0 0 12px rgb(0 0 0 / .16);
    text-decoration: none;
}

/* Gallery + summary side-by-side */
.bl-single-product-main .bl-gallery { width: 50%; float: left; margin-bottom: 30px; }
.bl-single-product-main .summary.entry-summary { width: 46%; float: right; }
.bl-single-product-main .woocommerce-tabs { clear: both; }
@media (max-width: 768px) {
	.bl-single-product-main .bl-gallery,
	.bl-single-product-main .summary.entry-summary { width: 100%; float: none; }
}

/* ---- xZoom gallery ---- */
.bl-gallery-main {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}
.bl-gallery-main .xzoom { width: 100%; height: auto; display: block; cursor: crosshair; }
.xzoom-source img, .xzoom-preview img { max-width: none; }
.xzoom-preview { border: 1px solid #e6e6e6; box-shadow: 0 4px 18px rgba(0,0,0,.18); border-radius: 6px; }

.bl-gallery-thumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}
.bl-thumbs-viewport { overflow-x: auto; flex: 1 1 auto; scrollbar-width: none; -ms-overflow-style: none; }
.bl-thumbs-viewport::-webkit-scrollbar { display: none; }
.bl-thumbs-track { display: flex; gap: 10px; }
.bl-thumb-link {
	flex: 0 0 calc(25% - 7.5px);
	width: calc(25% - 7.5px);
	display: block;
	box-sizing: border-box;
	line-height: 0;
}
.bl-thumb {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	border: 2px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	transition: border-color .2s;
}
.bl-thumb-link:hover .bl-thumb { border-color: #18a300; }
.bl-thumb.xactive { border-color: #18a300; }
/* Arrows are always visible */
.bl-thumb-nav {
    flex: 0 0 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 22px;
    line-height: 1;
    transition: background .2s, color .2s;
    color: rgb(0 0 0 / .65);
    background: rgb(0 0 0 / .04);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 110px;
    
	transition: background .2s, color .2s;
}
.bl-thumb-nav:hover { background: #18a300; color: #fff; border-color: #18a300; }

/* ---- Custom lightbox (main + detail galleries) ---- */
body.bl-lb-lock { overflow: hidden; }
.bl-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0,0,0,.88);
	align-items: center;
	justify-content: center;
}
.bl-lightbox.is-open { display: flex; }
.bl-lightbox .bl-lb-stage { margin: 0; max-width: 86vw; max-height: 88vh; text-align: center; }
.bl-lightbox .bl-lb-stage img { max-width: 86vw; max-height: 82vh; width: auto; height: auto; display: block; margin: 0 auto; border-radius: 4px; }
.bl-lightbox figcaption { color: #fff; margin-top: 12px; font-size: 15px; }
.bl-lightbox button {
	position: absolute;
	background: rgba(255,255,255,.12);
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius: 50%;
}
.bl-lightbox .bl-lb-close { top: 22px; right: 26px; width: 44px; height: 44px; font-size: 28px; line-height: 44px; }
.bl-lightbox .bl-lb-prev,
.bl-lightbox .bl-lb-next { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 30px; line-height: 52px; }
.bl-lightbox .bl-lb-prev { left: 24px; }
.bl-lightbox .bl-lb-next { right: 24px; }
.bl-lightbox button:hover { background: #18a300; }
@media (max-width: 600px) {
	.bl-lightbox .bl-lb-prev { left: 8px; }
	.bl-lightbox .bl-lb-next { right: 8px; }
}

/* =============================================================
   Dynamic product specs (.product-meta-list) + detail gallery
   ============================================================= */
.product-meta-list {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	font-size: 14px;
}
.product-meta-list .product-meta-item {
	display: flex;
	gap: 12px;
	padding: 6px 0;
}
.product-meta-list .pm-label {
	flex: 0 0 42%;
	    font-weight: 400;
    color: #333; opacity: .65; color: #202020; font-size: 16px;
}
.product-meta-list .pm-value { color: #202020; font-size: 16px; }

/* Detail gallery grid (Product Details tab) */
.bl-detail-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin: 28px 0;
}
.bl-detail-gallery .bl-detail-item {
	margin: 0;
	text-align: center;
}
.bl-detail-gallery .bl-detail-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
}
.bl-detail-gallery figcaption {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
@media (max-width: 900px) { .bl-detail-gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .bl-detail-gallery { grid-template-columns: 1fr; } }

/* Self-hosted video shown directly under the main gallery (left column) */
.bl-single-product-main .bl-after-gallery-video {
	float: left;
	clear: left;
	width: 50%;
	margin: 18px 0 30px;
}
.bl-single-product-main .bl-after-gallery-video .bl-product-video {
	width: 100%;
	height: auto;
	display: block;
	background: #000;
	border-radius: 6px;
}
@media (max-width: 768px) {
	.bl-single-product-main .bl-after-gallery-video { width: 100%; float: none; }
}

/* Product video shown after the detail (digital) gallery in Product Details tab */
.bl-product-video-wrap { margin: 28px 0; }
.bl-product-video-wrap .bl-product-video {
	width: 100%;
	max-width: 900px;
	height: auto;
	display: block;
	background: #000;
	border-radius: 6px;
}
/* Detail gallery images are clickable (lightbox) */
.bl-detail-gallery .bl-detail-link { display: block; cursor: zoom-in; }

/* =============================================================
   Page banner (title) + breadcrumb bar (header, inner pages)
   ============================================================= */
.bl-page-banner {
	position: relative;
	min-height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2a3b1f;
}
.bl-page-banner--plain {
	background-image: linear-gradient(120deg, #18a300, #18621f);
}
.bl-page-banner__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.28);
}
.bl-page-banner__inner {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 30px 20px;
}
.bl-page-banner__title {
	margin: 0;
	color: #fff;
	font-size: 44px;
	font-weight: 400;
	line-height: 1.2;
	text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

.bl-breadcrumb-bar {
	
}
.bl-breadcrumb-bar .container { max-width: 1600px; width: 96%; margin: 0 auto; }
.bl-breadcrumb {
	font-size: 14px;
	color: #777;
}
.bl-breadcrumb a { color: gray; text-decoration: none; }
.bl-breadcrumb a:hover { color: #000; }
.bl-breadcrumb .bl-bc-sep { margin: 0 8px; color: #bbb; }

@media (max-width: 768px) {
	.bl-page-banner { min-height: 150px; }
	.bl-page-banner__title { font-size: 28px; }
}

/* =============================================================
   Product archive (shop / category) layout
   ============================================================= */
.bl-archive-columns {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-top: 24px;
}

.bl-archive-main { flex: 1 1 auto; min-width: 0; }

.bl-archive-main ul.products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bl-archive-columns.has-sidebar .bl-archive-main ul.products {
	grid-template-columns: repeat(4, 1fr);
}
.bl-archive-main ul.products::before,
.bl-archive-main ul.products::after { content: none; display: none; }
.bl-archive-main ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    border-bottom: 1px solid rgb(0 0 0 / .085);
    background-color: rgb(0 0 0 / .03);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #fff0!important;
    opacity: .8;
    background: transparent!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff!important;
    color: #18a300;
    border-top-color: #18a300!important;
}
header.woocommerce-products-header {
    display: none;
}

p.woocommerce-result-count {
    display: none;
}

form.woocommerce-ordering {
    display: none;
}


.tax-product_cat .bl-archive-main {
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    background: #fff;
    margin: 0 auto;
    clear: both;
}

.tax-product_cat .bl-archive-columns {
    max-width: 1600px;
    background: #fff;
    margin: 0 auto;
    width: 96%;
    clear: both;
}
.bl-archive-columns.has-sidebar {
    max-width: 1600px;
    background: #fff;
    margin: 0 auto;
    width: 96%;
    clear: both;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    background: #fff;
    margin: 0 auto;
    clear: both;
}
.bl-archive-columns.has-sidebar {
    max-width: 1600px;
    background: #fff;
    margin: 0 auto;
    width: 96%;
    clear: both;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    background: #fff;
    margin: 0 auto;
    clear: both;
}
@media (min-width: 768px) {
#site-navigation ul.nav-menu li.act:last-child a {
    margin-top: 7px;
    height: auto;
    line-height: 34px;
    color: #fff;
    background-color: #18a300;
    border-radius: 50px;
}

#site-navigation ul.nav-menu li.act:last-child a:after {
    content: "";
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    transform: rotate(
265deg);
    margin-top: -5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
#site-navigation ul.nav-menu li ul li a { font-size: 14px; line-height: 1.4; padding: 10px; } #site-navigation ul.nav-menu li ul li a { margin-bottom: 10px; }
#site-navigation ul.nav-menu li.act:last-child a:hover:after {
    margin-left: 14px;
}
	.searchbottom.active {
    display: block;
    top: 100%;
    position: absolute;
    z-index: 99;
}

.searchbottom .container {
    max-width: 100%;
    height: auto;
    border-top: 1px solid #066fc0;
    background: #fff;
    position: relative;
    overflow: visible;
    -moz-box-shadow: 0 4px 4px rgb(0 0 0 / .12);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .12);
    box-shadow: 0 4px 4px rgb(0 0 0 / .12);
}

.desktop-hide {
    display: none;
}

}
@media (max-width: 1024px) {
	.bl-archive-main ul.products,
	.bl-archive-columns.has-sidebar .bl-archive-main ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
	.bl-archive-columns { flex-direction: column; }
	.bl-archive-columns .bl-product-sidebar { flex-basis: auto; width: 100%; }
    .dt-row {
    display: block;
}

.top-header ul {
    display: inline;
}

.main-nav {}

.hidedesktop {
    display: block;
}
.top-header ul li {
    display: inline;
}

nav#site-navigation {
    display: none;
}

.mobilehide {
    display: none;
}

.middle-header .dt-row {
    display: flex;
}

.middle-header .dt-row .dt-col-3 {
    display: flex;
}

button.menu-toggle {}

button.menu-toggle, .searchbottomico {
    margin: 0 0 0 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: rgb(0 0 0 / .75);
    cursor: pointer;
    display: block;
    font-size: 25px;
    line-height: 1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidedesktop.mobileicons {
    display: flex;
}

.searchbottomico svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.searchbottomico svg g {
    fill: #fff;
}

.searchbottomico svg path {
    fill: #fff;
}

.site-branding a.custom-logo-link img {
    max-width: 120px;
}
.main-navigation.active {}

.main-navigation.active {
    display: block!important;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    line-height: 42px;
    font-size: 14px;
    background: rgba(0, 0, 0, .85);
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

.main-nav {
    position: inherit;
}

.mobi-title.hidedesktop {
    color: #fff;
    display: flex;
    justify-content: space-between;
    max-width: 94%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}

.mobi-title a.mobi-menu-close {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
}

ul#primary-menu {
    width: 96%;
    overflow-y: scroll;
    background-color: #fbfbfb;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

#site-navigation ul.nav-menu li {
    display: block;
    float: none;
}

#site-navigation ul.nav-menu li.current-menu-item a {
    background: rgba(0, 0, 0, .05);
}
.searchbottom {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .85);
    display: none;
    overflow-y: scroll;
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 999999;
}

.searchbottom.active {
    display: block;
}


.searchbottom .container {
    background: transparent;
}

.search-form-box {
    background: #fff;
    width: 100%;
    padding: 25px 15px;
    width: 96%;
}

.mobi-title.desktop-hide {
    color: #fff;
    display: flex;
    justify-content: space-between;
    max-width: 94%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
}

.search-close a {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
}

a.search-close {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
}

.search-form-box button#searchsubmit {
    top: 0;
    position: inherit;
    display: block;
    transform: inherit;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 10px;
    max-width: 279px;
    float: none;
}

form#searchform input {
    border: 1px solid #d6d6d6;
    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    max-width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

form#searchform {
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    justify-content: center;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: auto;
    bottom: 0px;
}
.product-card {
    padding-bottom: 35px;
}
ul.elementor-icon-list-items li:before {
    margin: 0 10px 0 0;
    background-color: rgb(0 0 0 / .2);
    width: 3px;
    height: 3px;
    content: ""!important;
    vertical-align: middle;
    display: inline-block!important;
}
	.imgremote {
    padding: 0!important;
    margin: 0!Important;
    gap: 0!important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: auto;
    bottom: 0px;
}

.dt-row .footer-col {
    width: 100%;
}

.footer-bottom {
    text-align: center;
}
  .productSwiper .swiper-button-prev,
    .productSwiper .swiper-button-next {
        display: none !important;
    }
    .bl-inquiry-buttons {
    display: block;
    display: block;
}

.bl-inquiry-buttons a {
    display: block;
    text-align: center;
    margin-top: 10px;
}

ul.tabs.wc-tabs {}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    border: none!important;
    padding-bottom: 22px;
    margin-bottom: 28px;
    border-bottom: none!important;
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {margin: 0;padding: 0;height: 38px;line-height: 38px;font-size: 14px;border: 1px solid rgba(0, 0, 0, .15)!important;text-align: center;overflow: hidden;color: #18a300;border-top-color: #18a300;flex: 0 0 48%;}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    line-height: 1;
    border: none!important;
}
}
@media (max-width: 560px) {
	.bl-archive-main ul.products,
	.bl-archive-columns.has-sidebar .bl-archive-main ul.products { grid-template-columns: 1fr 1fr; }
}

/* =============================================================
   GLOBAL RESPONSIVE (header, nav, search, footer, content)
   ============================================================= */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.search-post { max-width: 100%; }

/* ---- Tablet / laptop ---- */
@media (max-width: 1024px) {
	.site-branding a.custom-logo-link img { max-width: 180px; }
	#site-navigation ul.nav-menu li a { padding: 0 16px; }
	.bl-page-banner__title { font-size: 34px; }
}

/* ---- Mobile navigation (toggle) ---- */
@media (max-width: 991px) {
	.main-nav .bottom-header { line-height: 1.4; }
	.bottom-header .dt-row { flex-wrap: wrap; }
	.bottom-header .dt-col-9 { width: 100%; }
	.bottom-header .dt-col-3.mobilehide { display: none; }

	#site-navigation .menu-toggle {
		display: inline-block;
		margin: 10px 0;
		padding: 10px 18px;
		background: #18a300;
		color: #fff;
		border: 0;
		border-radius: 4px;
		font-size: 15px;
		cursor: pointer;
	}
	#site-navigation ul.nav-menu { display: none; width: 100%; }
	#site-navigation.toggled ul.nav-menu { display: block; }
	#site-navigation ul.nav-menu li { float: none; width: 100%; }
	#site-navigation ul.nav-menu li a {
		padding: 5px 14px;
		border-bottom: 1px solid rgba(0,0,0,.07);
	}
	#site-navigation ul.nav-menu ul.sub-menu,
	#site-navigation ul.nav-menu ul.children {
		position: static;
		display: block;
		box-shadow: none;
		padding-left: 14px;
	}
}
.imagepro img {
	border-radius: 15px !important;
	border-style: solid !important;
	border-width: 5px 5px 5px 5px !important;
	border-color: #18A300 !important;
	border-radius: 20px 20px 20px 20px !important;
}.elementor-element.elementor-element-29374c4.elementor-widget.elementor-widget-text-editor {
	font-size: 15px;
	opacity: 0.65;
}.widget_text.footer-widget.footer-1 .social-items {
  margin-bottom: 50px;
}
.widget_text.footer-widget.footer-1 .social-items svg {
  height: 24px;
  width: 24px;
}
.elementor-element.elementor-element-c4a8475.elementor-align-center.elementor-widget.elementor-widget-button {
	margin-bottom: 50px;
}
span.morre1:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(
320deg);
    transition: 0.3s ease;
    position: relative;
    top: -4px;
    opacity: .5;
}

span.morre1 {
    font-size: .65em;
    font-weight: 400;
    opacity: .6;
}
.hotproducts a, span.morre1:hover {color:#18a300; }
.hotproducts a {
    display: flex;
    justify-content: space-between;
}
.recent-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.post-item img {
    width: 100%;
    height: auto;
    display: block;
}

.post-item h3 {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.4;
}

.post-item h3 a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .recent-posts-grid {
        grid-template-columns: 1fr;
    }
}

.post-item {
    -moz-box-shadow: 0 0 12px rgb(0 0 0 / .16);
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / .16);
    box-shadow: 0 0 12px rgb(0 0 0 / .16);
    text-decoration: none;
    padding: 16px;
    text-align: center;
    border-radius: 4px;
}

.post-item h3 {
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/* ---- Mobile header + footer ---- */
@media (max-width: 782px) {
	/* Top bar stacks and centers */
	.top-header .dt-row { flex-direction: column; gap: 6px; text-align: center; }
	.top-header ul { justify-content: center; flex-wrap: wrap; gap: 12px; }
	.topbar-right { flex-direction: column; gap: 8px; }

	/* Middle header: logo + mobile icons */
	.middle-header .dt-row { flex-wrap: wrap; gap: 10px; justify-content: space-between; }
	.middle-header .dt-col-3,
	.middle-header .dt-col-6 { width: auto; }
	.hidedesktop { display: block; }
	.mobileicons { display: flex; align-items: center; gap: 14px; }

	/* Footer widgets + bottom stack */
	.footer-widgets .dt-row { flex-direction: column; gap: 26px; }
	.footer-bottom .dt-row { flex-direction: column; gap: 10px; text-align: center; }
	.footer-bottom .dt-col-8,
	.footer-bottom .dt-col-4 { width: 100%; }

	/* Banner */
	.bl-page-banner { min-height: 140px; }
	.bl-page-banner__title { font-size: 26px; }

	/* Breadcrumb wraps */
	.bl-breadcrumb { line-height: 1.8; }
    #site-navigation ul.nav-menu { display: block; }
    nav#site-navigation ul li:hover ul.sub-menu {}

nav#site-navigation ul li:hover ul.sub-menu {
    /* display: none; */
    width: 100%;
}

nav#site-navigation ul li ul.sub-menu {
    display: none!important;
}

nav#site-navigation ul li:hover ul.sub-menu, nav#site-navigation ul li.focus ul.sub-menu {display:block!important;width: 100%;background: transparent;}

nav#site-navigation ul li  ul.sub-menu a {
    padding: 0px 0;
    border: none;
}

#site-navigation ul.nav-menu ul.sub-menu li {
    border: none;
}
}

.single-post article {
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    background: #fff;
    margin: 0 auto;
    clear: both;
    max-width: 900px;
    margin-top: 50px;
}

.single-post article h1.entry-title {
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.single-post article .entry-meta {
    padding: 20px 0;
}

.single-post a nav.navigation.post-navigation {
    display: none;
}

.single-post  div#comments {
    display: none;
}

.single-post  nav.navigation.post-navigation {
    display: none;
}

.mobi-bar {
    background-color: #222222;
    color: #ffffff;
    display: flex;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    text-align: center;
    height: 40px;
    background: #222;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 90;
    -moz-box-shadow: 0 0 1em rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    width: 100%;
    justify-content: space-around;
    align-items: center;
}

.mobi-bar i {
    color: #fff;
}

.mobi-bar a {
    padding: 2px 0;
    line-height: 1.2;
    color: #ffffff;
    display: block;
}

.mobi-bar a span {
    display: block;
    color: #eee;
    font-size: 12px;
    font-weight: normal;
    display: block;
    clear: both;
}
.top-header a:hover { color: rgb(24, 163, 0);text-decoration: underline; }
.custom-404-page {
    max-width: 1600px;
    width: 96%;
    box-shadow: 0 0 15px rgb(0 0 0 / .035);
    padding: 30px 20px 20px;
    background: #fff;
    margin: 0 auto;
    clear: both;
    margin-top: 40px;
    text-align: center;
}

.custom-404-page h1 {
    line-height: 1;
    font-size: 150px;
    padding: 0;
    margin: 0;
}
.message-form-box {
  max-width: 320px;
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 98;
}
.message-form-box-lt {
  right: auto;
  left: 10px;
}
.message-form-box .message-header {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.3);
}
.message-form-box .message-header i {
  width: 36px;
  height: 100%;
  line-height: inherit;
  display: inline-block;
}
.message-form-box .message-header .arrow-toggle i {
  font-size: 28px;
}
.message-form-box .message-header .label {
  float: left;
}
.message-form-box .message-header .label i {
  width: 40px;
  font-size: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.12);
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
.message-form-box .message-header b {
  margin: 0 12px;
  font-weight: normal;
}
.message-form-box .message-header .arrow-toggle {
  float: right;
  text-align: center;
  font-size: 20px;
  opacity: 0.75;
}
.message-form-box .message-form {
  padding: 15px;
  background: #fff;
  display: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 1.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 1.5em;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 1.5em;
}
.message-form-box .message-form p {
  margin: 0 auto 6px;
}
.message-form-box .wpcf7 p {
  margin: 12px auto 0;
}
.message-form-box .wpcf7 .wpcf7-text,
.message-form-box .wpcf7 .wpcf7-captchar,
.message-form-box .wpcf7 .wpcf7-select {
  width: 100%;
}
.message-form-box .wpcf7 .wpcf7-textarea {
  width: 100%; height: 80px;
}
.message-form-box .wpcf7 .wpcf7-submit {
  width: 100%;
  background-color: #18a300;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 14px;
  padding: 11px 25px;
  line-height: 1;
  background: #f60;
  border: 1px solid transparent;
  display: inline-block;
  cursor: pointer;
  color: #fff;
}
.message-form-box .wpcf7 .wpcf7-spinner {
  margin: 1em 24px 0;
}
.message-form-box .wpcf7 span.wpcf7-not-valid-tip {
  margin: 0;
}
.message-form-box .message-header {
    background: #18a300;
}
.message-form-box input, .message-form-box textarea {
    padding: 6px;
    line-height: 20px;
    border: 1px solid #d6d6d6;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 10px;
    color: #666;
}

.message-form span.wpcf7-form-control-wrap {
    margin-bottom: 0px;
    display: block;
}

.message-form  .wpcf7 form.sent .wpcf7-response-output {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 14px;
    border: none;
}



.message-form-box i.fa-solid.fa-chevron-down {
    font-size: 14px;
}
.main-nav {
    position: relative;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

.main-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* optional smooth effect */
body.sticky-active {
    padding-top: 80px; /* adjust based on header height */
}
/* ---- Small phones ---- */
@media (max-width: 480px) {
	.site-branding a.custom-logo-link img { max-width: 150px; }
	.bl-inquiry-buttons { flex-direction: column; }
	.bl-inquiry-buttons .bl-btn { width: 100%; justify-content: center; }
	.bl-single-product-main .woocommerce-tabs ul.tabs { flex-wrap: wrap; }
	.product-meta-list .pm-label { flex-basis: 50%; }
	.custom-404-page h1 { font-size:40px; }
	.message-header.radius-top b {
    display: none;
}

.message-header.radius-top span.arrow-toggle {
    display: none;
}

.message-form-box {
    bottom: 50px;
}
	.section-products .e-con-inner { padding: 0 !important; padding-top: 30px !important; }
}