/*
Theme Name: Herba Theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@import url('https://fonts.googleapis.com/css2?family=Original+Surfer&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{
     font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
  font-family: "Barlow", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Original;
  src: url(fonts/Original-Regular.ttf);
}
m5{
	margin:60px;
}
.top-head a, .top-head p{
    color: white;
}
a{
    text-decoration: none;
    color:black;
}
.narvow, .navrow {
    position: fixed;
    top: 50px;
    width: 104%;
    z-index: 300;
}
.logo{
    width: 50%;
}
.menu-items ul li, .menu-cartmenu-container ul li, .a-icons .search-icon{
    margin: 0px 16px;
	border-bottom: 6px solid transparent;
	    padding-bottom: 6px;
}

.l-topnav .active, .l-topnav li:hover, .r-topnav .active, .r-topnav li:hover{
	border-bottom: 6px solid green;
	    padding-bottom: 6px;
}
.highlight-product-des p{
	padding:20px 0px;
}
.dis-btn{
    border: 1px solid black;
    padding: 8px 18px;
    border-radius: 20px;
    text-transform: uppercase;
}
.pro-des h2{
    font-size: 43px;
    font-weight: 500;
}
.product-section, .testimonial, .page_content{
    padding: 60px 0px 80px 5px;
}
.pro-des {
    padding: 55px 0px;
}
.highlight-product-des{
    padding: 0px 0px 75%;
}
.iconwithfea-item img{
    width: 32%;
    margin-bottom: 15px;
}
.iconwithfea-item{
text-align: center;
}
.iconwithfea-item p{
    color: #3C5946;
    text-transform: uppercase;
}
.des-overlay{
    text-transform: uppercase;
    color: white;
	margin-top:20px;
}
.btn-overlay{
	margin-top:25px;
}
.btn-overlay a{
    color: white;
    border: 1px solid white;
}
.cat-img-box{
    margin-left: 20px;
	padding-bottom:50px;
}
.cat-img-box>img{
	border-radius:10px;
}
.product-wrapper .item img{
    width: 90%;
    padding: 20px;
    margin: 0px auto;
    border: 1px solid #D59F79;
    border-radius: 20px;
    background: white;
}
.product-wrapper .item  p{
    font-size: 20px;
    text-transform: capitalize;
    width: 70%;
    margin: 20px auto 0px;
    font-weight: 500;
}
.ps-title{
    padding-bottom: 50px;
    text-transform: uppercase;
}
.rod{
    height: 30px;
    background-color: #957453;
}
.testimonial{
    background: #C4996C;
}
.quote{
    width: 75px;
}
.testimonial  h1{
    font-size: 56px;
    padding-left: 20%;
} 

.woocommerce div.product form.cart .button{
	font-weight: 400;
    padding: 15px 25px;
}
.woocommerce .quantity .qty{padding: 10px;
    border: 1px #444444 solid; }
.big-text{
padding: 85px 0px 120px;
} 
.t-qote p{
    font-size: 24px;
}
.social-icons a i{
color:darkblue;
padding: 0px 15px;
font-size: 20px;
}
.social-share{margin-top:20px;}
.social-share>a{padding:0px 10px;}
.mar-bot-minus{
    position: relative;
    z-index: 20;
    width: 65% !important;
	margin-top: 0px;
}
.footer-links{
    padding-left: 0px;
}
.footer-links li{
    list-style: none;
}
.footer-links li a{
line-height: 31px;
}
.herba h4, .herba h3{
font-weight: 600 !important;
}
#search-form-wrapper {
  position: absolute;
  top: 60px;
  right: 20px;
  background: white;
  padding: 10px;
  border: 1px solid #ddd;
  z-index: 9999;
}

.footer .container{
    border-top: 1px solid black;
    padding: 80px 0px;
}
.leaft {
    position: absolute;
    right: 15%;
    bottom: 37%;
    z-index: 10;
    width: 46% !important;
    margin-bottom: 119px;
}
#highltght-product{
    margin-bottom: -385px;
}
.leaf45, .leaf46{
	display:none;
}
.leaf4, .leaf5, .leaf45, .leaf46{
    z-index: 99;
    position: absolute;
}
.leaf4{   
    top: 0%;
    left: 0%;
}
.leaf5{
    top: 0%;
    right: 0%;
}
.leaf46{
    top: -10%;
    left: 20%;
}
.leaf45{
    top: 0%;
    left: 22%;
}
.scrolled{
    background: #063429;
    top: 0px;
}
.scrolled ul li a{
    color:white;
}
.scrolled .logo{
    width: 40%;
}
.marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    width: 100%;
    position: relative;
}

.marquee-content {
    display: flex;
    animation: marquee 10s linear infinite;
}

.marquee-content img {
    width: auto; 
    flex-shrink: 0;
}
.custom-prev, .custom-next{
    position: absolute;
    top: 25%;
    z-index: 99;
    background: none;
    border: none;
}  
.custom-next{
    right: 20px;
}  
.custom-prev{
    left: 20px;
} 
.custom-prev i, .custom-next i{
    font-size: 24px;
    color: green;
}
.testimonial .owl-dots{
	display:none;
}
.woocommerce ul.products li.product .price ins {
	text-decoration:none;

}

.woocommerce-Price-amount{
	font-size: 18px;
}

.item-box{
	padding: 0px;
}

.cat-img-box {
  margin-left: 0;
  margin-right: auto;
  width: fit-content;
}


.variations select{
	padding-left: 10px;
}


.woocommerce-variation-price{
	margin-bottom: 10px;
}

.text-center{
	font-size: 20px;
}

.review-stars i.fa-regular {
    color: #ccc; /* gray for empty stars */
}
.review-stars i.fa-solid {
    color: #FFD700; /* gold for filled stars */
}


#weight{
	min-width: 50%;
}



@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } 
}

.big-text{
    overflow-x: hidden;
}
.testimonial .item p{
    font-size: 21px;
}   
.testimonial .item, .herba{
    padding-left: 20px;
}
.t-qote {
    padding-bottom: 20px;
}
 .herba{
    padding-left: 50px;
}
.bee1small{
    position: absolute;
    right: 20%;
    top: -14%;
}
.product-wrapper{
    background: url(img/leaves.jpg);
    background-size: cover;
}
.highlight-product{
    background: url('https://trendimpulse-lab.com/herbal/wp-content/uploads/2025/04/mount_range2.jpg') right 120px no-repeat;
}
.des-overlay h4{
	text-transform:capitalize;
	color: #063429;
}
/******* Woocmmerce *******/
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background:#063429;https://trendimpulse-lab.com/herbal/product/herbal-wonder-silajit-3/
	color:#ffffff;
}
.woocommerce div.product div.images img{ padding:5%; }
.woocommerce ul.products li.product a img{ padding:8%; }
.woocommerce ul.products li.product .button {
    background:#063429; color:#FFFFFF;
}
.wc-block-cart__submit-container, .wc-block-components-checkout-place-order-button, .form-submit .submit, .single_add_to_cart_button{
	background:#063429 !important;
	border:none !important;
	transition:none;
	color:white !important;
	font-weight:400;
}
.wc-block-cart__submit-container span{
	color:white;
}
.wc-block-cart__submit-container .wc-block-cart__submit-button:focus , .wc-block-components-checkout-place-order-button:focus{
	box-shadow: none !important;
}
.woocommerce-loop-product__title{
	 font-size:22px !important;
}
.products> .product {
	text-align:center;
}
.btn-overlay .dis-btn{
	background:#063429;
}
@keyframes vibration {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px);
    }
    75% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}

.bee1small {
    animation: vibration 0.5s ease infinite;
}
.highlight-product .owl-dots{
	display:none;
}
	.social-icons{
		justify-content:end;
	}
	.mb5 {
		margin-bottom:60px;
	}
	.p5{
		padding:60px;
	}
.cartcontents{
	text-transform:uppercase;
}
#search-form-wrapper {
  position: absolute;
  top: 170px; /* adjust as needed */
  right: 9%;
  background: #F3EDCB;
  padding: 15px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  z-index: 9999;
}

#search-form-wrapper input[type="search"] {
  padding: 8px;
  width: 250px;
}

#search-form-wrapper button {
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
}
.movtext {
	color:white;
}
.logged a{
	    font-size: 14px;
	font-weight:300;
}

        .review-section {
            background: linear-gradient(#c4996c 100%);
            padding: 4rem 0;
            position: relative;
            background-color: #f8f9fa;
        }
        
        .review-card {
            background: #fff;
            border-radius: 40px;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 350px; 
        }

        .review-text {
            margin-top: 15px; /* Space above paragraph */
            margin-bottom: 20px; /* Space below paragraph */
            line-height: 1.6;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4; /* Limit to 4 lines */
            -webkit-box-orient: vertical;
        }
        

        .review-stars i {
            color: #FFD700;
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);
        }
        
        /* Side navigation styling */
        .side-nav-container {
            position: absolute;
            top: 55%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
            z-index: 10;
        }
        
        .side-nav-btn {
            background: #fff !important;
            border-radius: 50% !important;
            width: 40px;
            height: 40px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            pointer-events: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            border: none;
            color: #c89666;
            font-weight: bold;
        }
        
        .side-nav-btn:hover {
            background: #f8f9fa !important;
            transform: scale(1.1);
            color: #b57d4a;
        }
        
        .side-nav-btn i {
            font-size: 24px;
        }
        
        
        @media (max-width: 768px) {
           .side-nav-btn {
                width: 30px;
                height: 30px;
            }
            
            .side-nav-container {
                padding: 0 2px;
            }
        }

/* .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea{
	border: 1px solid #01A063;
}
.wpcf7-form input:hover, .wpcf7-form input:focus, .wpcf7-form select:focus , .wpcf7-form textarea:focus{
    box-shadow: none;
	border: 1px solid #01A063;
} */
@media only screen and (min-width: 1000px) and (max-width: 1233px) {
	.menu-items ul li{ margin:0px 9px; }
	.menu-items ul li>a{ font-size:14px; }
	.testimonial h1{ padding-left:10px; font-size:50px;}
	
}
@media screen and (max-width: 768px){
	body, .top-head, .footer >.container{
		overflow-x:hidden !important;
	}	
	.side-nav-btn {width: 30px;height: 30px;}
    .side-nav-container { padding: 0 2px; }
	.navrow { top: 40px; }
	.scrolled{ top: 0px !important; }
	.mobileshow{ display:block !important;}
	.mobilehide, .logged{ display:none !important; }
	.pt-res{
		margin-top:50px;
	}
.product-section{
		padding-bottom:0px;
	}
	.pro-des{
		padding:50px 0px;
	}
	#highltght-product {
    margin-bottom: -75px;
}
	.leaft {
    bottom: -11%;
	}
	.highlight-product-des {
    padding: 0px 0px 15%;
	}
	.highlight-product {
    background: url(https://trendimpulse-lab.com/herbal/wp-content/uploads/2025/04/mount_range2.jpg) right bottom no-repeat;
}
	.custom-prev, .custom-next {
    top: 54%;
	}
	.quote {
    width: 49px;
}
	.testimonial h1 {
    padding-left: 0%;
     font-size: 45px;
	}
	.big-text {
    padding: 50px 0px 25px;
}
	.social-icons{
		justify-content:center;
		        margin: 20px 0px;
	}
	.footer .col-md-8{
		padding: 15px 10px 0px;
	}
	.footer, .footer-bot, .t-qote{
		    text-align: center;
	}
	.footer-bot .d-flex{
		justify-content:center;
	}
	.herba{
		    padding-left: 20px;
	}
	.product-wrapper .item img {
    width: 95%;
    padding: 10px 25px; 
	}
	.footer .container {
		padding:40px 0px;
	}
	.mb5 {
		margin-bottom:0px;
	}
	.navbar-collapse{
		    background: #063429;
	}
	.pro-des h2 {
    font-size: 30px; 
	}
	.bee1small {
    top: -65%;
	}
	.p5{
		padding:40px 20px 20px;
	}
	.ps-title p, .product-wrapper .item p{
		    font-size: 16px;
	}
	.product-wrapper {
    background:none;
	}
	.navbar-toggler{	
    background: #FCF8ED;
	}
	.navbar-nav li{	 
		padding:3px 0px 3px 50px;
	}
	.navbar-nav li a{
		color:white;
	}
	m5{
	margin:10px;
}
.marquee-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.movtext {
  display: inline-block;
  white-space: nowrap;
  animation: martext 12s linear infinite;
	font-size: 13px;
}

@keyframes martext {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
	.search-icon {
  color: #333;
  text-decoration: none;
  margin-right: 15px;
  font-size: 20px;
  cursor: pointer;
}

.search-form {
  display: none;
  position: absolute;
  top: 100px; /* adjust as needed */
  right: 40px;
  background: #F3EDCB;
  padding: 5px;
  border: 1px solid #ccc;
  z-index: 1000;
}

.search-form.show {
  display: block;
}

.search-form input {
  border: 1px solid #ccc;
  padding: 5px;
}

.search-form button {
  background: none;
  border: none;
  cursor: pointer;
}
	.scrolled .a-icons a i{
	color:white;
		font-size: 15px;
	}
	.comment-form-author label, .comment-form-email label{
  display: block;
  margin-bottom: 5px;
}
	.site-main > .shop-banner > img{
		height: 200px !important;
    width: auto;  
    margin-left: -258px;
		max-width:none;
	}	
	.product-section> .ps-title >p{
		margin-bottom:0px;
	}
	.product-section, .testimonial {
    padding: 50px 0px;
}
	 section.module {
		    padding: 48px 0px 150px !important;
	}
	.t-qote p {
    font-size: 20px;
}
	#mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 30px;
		background:black;
	}
	#mega-menu-wrap-mobile-menu .mega-menu-toggle{
		background:none;
	}
	.a-icons{
		margin-top: 6px;
	}
	.scrolled .mega-toggle-animated-inner, .scrolled .mega-toggle-animated-inner::after, .scrolled .mega-toggle-animated-inner::before{
			background:white !important;
	}
	#mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{
		margin-top:-8px;
	}
	.mega-close{ display:none !important;}
}