/*===============================================
Template Name:Gardenic
Description: Description
Version: 1.0.0
Text Domain:Gardenic
Tags:
================================================*/

/*TABLE OFGardenic*/
/*=======================
01.Gardenic Header Top Section Css
02.Gardenic Header Section Css
03.Gardenic Hero Section Css
04.Gardenic Feature Section Css
05.Gardenic About Section Css
06.Gardenic Why Choses Us Section Css
07.Gardenic Service Section Css
08.Gardenic Brand Section Css
09.Gardenic Testimonial Section Css
10.Gardenic Counter Section Css
11.Gardenic Brand Section Css
12.Gardenic Footer Section Css
13.Gardenic Team Section Css
14.Gardenic Faq Section Css
15.Gardenic Contact Section Css
16.Gardenic Service Details Section Css
17.Gardenic Blog Section Css
18.Gardenic Blog Two Section Css
19.Gardenic Blog Details Section Css
20.Gardenic Protfolio Section Css
21.Gardenic Protfolio Details Section Css
22.Gardenic Shop Section Css
23.Gardenic Shop Two Section Css
24.Gardenic Shop Details Section Css
25.Gardenic  Loader Css
=======================*/

/* --- WILLOW GROVE BRAND OVERRIDES --- */
:root {
    --brand-green: #1F9D2F;
    --brand-dark: #1B1B1B;
	--primary-green: #1F9D2F; /* Extracted from Logo */
	--wg-lightbox: #F8FAF8;
}

/* --- UNIFIED BRAND BUTTONS --- */
.wg-btn-main {
    background-color: #1F9D2F; /* Brand Green */
    color: #ffffff !important;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wg-btn-main:hover {
    background-color: #26c23a; /* Slightly brighter green */
    transform: translateY(-3px); /* The "Lift" effect */
    box-shadow: 0 8px 15px rgba(31, 157, 47, 0.3); /* The "Glow" effect */
    color: #ffffff !important;
    text-decoration: none;
}

/* --- Global Section Header Branding --- */
.letter-spacing-2 {
    letter-spacing: 2px !important;
}

/* Ensure display-4 headlines are consistent across these sections */
h2.display-4 {
    line-height: 1.2;
    color: #1B1B1B;
}

/* Header specific sizing (slightly smaller for the nav bar) */
.header-btn .wg-btn-main {
    padding: 10px 20px;
    font-size: 14px;
}



.header-top-section {
    background: #1B1B1B;
    padding: 15px 0 15px;
}

.header-top-section.home2 {
    padding: 15px 0 60px;
}

.header-address-info p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #fff;
}

.header-address-info p i {
    display: inline-block;
    padding-right: 5px;
    color: #1F9D2F;
}

.header-address-info p span {
    padding-left: 5px;
    position: relative;
}

.header-top-right-social {
    text-align: right;
}
.header-top-right-social ul>li {
    list-style: none;
    display: inline-block;
}

.header-top-right-social ul>li>a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px dashed transparent;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: 1px dashed #209E30;
    color: #fff;
    margin-right: 6px;
}

.header-top-right-social ul>li>a:hover {
    color: #209E30;

}

/* --- WHITE STICKY HEADER & DARK MENU --- */

/* 1. Force the sticky background to white */
.mobile-menu-area.sticky, 
.header-sticky.sticky {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Adds a subtle lift from the content */
}

/* 2. Change the Hamburger Menu lines to Dark */
.mean-container a.meanmenu-reveal span {
    background-color: #1B1B1B !important; /* Brand Dark */
}

/* 3. If your template uses a text label or different icon for the menu */
.mean-container a.meanmenu-reveal {
    color: #1B1B1B !important;
}

/* 4. Ensure the logo has enough room on the white background */
.mobile-logo img {
    filter: none !important; /* Ensures no weird brightness filters are applied */
}

.sticky .nav_scroll li a {
    color: #1B1B1B !important;
}

.sticky .nav_scroll li a:hover {
    color: #1F9D2F !important; /* Keep the brand green for hover */
}

.logo img {
	height: 80px;
}

/* --- Mobile Brand Adjustments --- */
@media (max-width: 991px) {
    .logo img, .sticky-logo img {
        max-height: 50px; /* Adjust based on your logo's height */
        width: auto;
    }
    
    /* Center the logo on mobile if the template allows */
    .mobile-menu-area .logo {
        text-align: left;
        padding-left: 15px;
    }
}

/* --- Mobile Header Fixes --- */
.mobile-menu-area {
    background: #1B1B1B !important; /* Matches your brand dark */
    padding: 10px 0;
}

/* Position the hamburger to the right so it doesn't hit the logo */
.mean-container a.meanmenu-reveal {
    right: 15px !important;
    left: auto !important;
}

/* Ensure the logo is visible over the menu background */
.mobile-logo img {
    display: block !important;
}

/* If the template is injecting "Gardenic" as a text title via JS */
.mean-container .mean-bar::before {
    content: "Willow Grove Nursery" !important;
    display: none; /* Hide if using logo, or block if you want text next to logo */
}

/* Increase tap targets in the MeanMenu */
.mean-container .mean-nav ul li a {
    padding: 15px 20px !important; /* Larger vertical tap area */
    border-bottom: 1px solid rgba(0,0,0,0.05);
    font-size: 16px !important;
}


@media (max-width: 767px) {
    /* Make buttons full-width or larger targets */
    .wg-hero-btn, .btn-main, .about-btn {
        padding: 16px 30px !important;
        font-size: 16px !important;
        display: block; /* Makes the button easier to hit on small screens */
        width: 100%;
        text-align: center;
    }
}

### 4. Interactive Elements (Form Fields & Inputs)
If you have a contact form or a newsletter sign-up, the input fields often default to a small font size. **Pro-tip:** On iPhones, if the font size is less than 16px, the browser will "auto-zoom" when the user clicks the field, which breaks the layout.

```css
/* Prevent iOS auto-zoom on form inputs */
input, textarea, select {
    font-size: 16px !important;
}

/* header top home 3 */

.header-top-section.home-style3 {
    padding: 0;
    background: #FBFAF6;
}

.row.header_top {
    background: #1B1B1B;
    margin: 0px 60px 0 31px;
    padding: 12px 0px;
}

.header-top-section.home-style3 .header-address-info p {
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 24px;
    color: #209e2f;
    font-weight: 400;
    margin-left: 40px;
}

.header-top-section.home-style3 .header-top-right-social {
    text-align: right;
    margin-right: 31px;
}

/*================================
<--  Gardenic Nav Menu Area Css -->
==================================*/

.gardenic_nav_manu {
    background: #fff;
    transition: .5s;
}

/* Gardenic nav menu style tow home */
.gardenic_nav_manu.style-two {
    background: transparent;
}


.row.style-home2 {
    background: #fff;
    z-index: 1;
    position: relative;
    margin-top: -45px;
}


.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #fff!important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .row.style-home2 {
    margin-top: 0;
}

.sticky .gardenic_nav_manu.home-style3 {
    padding: 0 16% 0;
}

.sticky .header_menu>ul>li>a {
    color: #0a1328;
}

/* Gardenic Menu Css*/
nav.header_menu {
    text-align: right;
}

.header_menu ul {
    list-style: none;
    display: inline-block;
    padding: 0 157px 0 0;
}

.header_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 12px;
}

.header_menu>ul>li>a {
    margin: 35px 0px;
    transition: .5s;
    font-size: 16px;
    line-height: 24px;
    color: #1b1b1b;
    font-weight: 500;
    font-family: "Poppins";
    display: block;
}

nav.header_menu span {
    font-size: 11px;
    padding-left: 5px;
    font-family: FontAwesome;
    opacity: .5;
}

.header_menu>ul>li>a:hover {
    color:#1F9D2F;
}



.header-menu-right-btn {
    display: inline-block;
}

/*menu button*/

.header-button {
    display: inline-block;
}

.header-button a {
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
    color: #fff;
    background: #1F9D2F;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #034008;
    transform: scale(0);
    transition: .5s;
}
.header-button a:hover:before {
    transform: scale(1);
}


.header-button a i {
    line-height: 37px;
    background: #6EC078;
    display: inline-block;
    width: 38px;
    height: 36px;
    text-align: center;
    margin-left: 10px;
    transition: .5s;
}

.header-button a:hover i {
    background: #1F9D2F;
}

/*** Sub Menu Style 
==========================***/

.header_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid#1F9D2F;
    opacity: 0;
}

.header_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.header_menu ul .sub-menu li {
    position: relative;
}

.header_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #1B1B1B !important;
}

.header_menu ul .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.header_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background:#1F9D2F;
    color: #fff !important;
}

/* sub menu 2 
=================*/
ul.sub-menu {
    padding: 0;
}

.header_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.header_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.header_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.header_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.gardenic_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background:#1F9D2F;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* --- MOBILE LOGO VISIBILITY FIX --- */
.mobile-logo {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 1000;
}
.mobile-logo img {
    height: 60px !important;
    display: block !important;
}
.mobile-menu-area {
    background: #1B1B1B !important;
    min-height: 65px;
}

/* --- CUSTOM PAGE STYLES (Moved from HTML) --- */

/* 1. About Page Collage */
.story-img {
    transition: transform 0.4s ease;
    object-fit: cover;
    height: 100%;
}
.story-img:hover { transform: scale(1.03); z-index: 10; }

.about-hero {
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('assets/images/hero_4.png') center/cover;
            padding: 160px 0;
            color: #fff;
}

.comparison-card {
            border: 1px solid #e2e8e2;
            padding: 30px;
            border-radius: 8px;
            height: 100%;
            transition: transform 0.3s ease;
}

.comparison-card:hover {
	transform: translateY(-5px);
}

.text-nursery-mist { color: #F1F5F1; }
.bg-nursery-mist { background-color: #F1F5F1; }

/* 2. Library Card System */
.library-hero {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('assets/images/hero_3.png') center/cover;
    padding: 100px 0;
    color: #fff;
}
.plant-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}
.ratio-square img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; }

/* 3. 404 Error Page */
.error-section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('assets/images/hero_2.png') center/cover;
}
.error-content {
    background: rgba(255, 255, 255, 0.9);
    padding: 50px;
    border-radius: 20px;
    text-align: center;
}
.error-code { font-size: 6rem; font-weight: 900; }

/* sub menu 4 
====================*/

.header_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.header_menuul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.header_menu li a:hover:before {
    width: 101%;
}


.main_sticky {
    display: none;
}

.gardenic_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}


/*================================
<--  Gardenic Nav Menu Area home style 3 Css -->
==================================*/

.gardenic_nav_manu.home-style3 {
    background: #FBFAF6;
    border-bottom: 1px solid #00000014;
    padding: 0 297px 0 33px;
}

.row.home-style3 {
    position: relative;
}
.row.home-style3:before {
    position: absolute;
    content: "";
    left: 250px;
    top: 0;
    height: 100%;
    width: 1px;
    background: #00000014;
}

.row.home-style3:after {
    position: absolute;
    content: "";
    right: -138px;
    top: 0;
    height: 100%;
    width: 1px;
    background: #00000014;
}

/*
<!-- ============================================================== -->
<!-- Start Gardenic Slider Section Css -->
<!-- ============================================================== -->*/
.slider-section {
    background: url(assets/images/slider-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 800px;
}

.slider-main-title {
    margin-bottom: 24px;
}

.slider-main-title h1 {
    font-weight: 700;
    font-size: 80px;
    line-height: 88px;
    font-family: "Nunito";
    color: #fff;
}

.slider-description p {
    opacity: 0.800;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    width: 89%;
}

.slider-button {
    margin-top: 56px;
}

.slider-button a {
    display: inline-block;
    padding: 9px 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background: #1F9D2F;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

.slider-button a:hover {
    color: #1F9D2F;
}

.slider-button a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #fff;
    transition: 0.5s;
    z-index: -1;
}

.slider-button a:hover:before {
    width: 100%;
    left: 0;
}

.slider-button a i {
    margin-left: 10px;
    background: #6EC078;
    display: inline-block;
    width: 38px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    transition: 0.5s;
}

.slider-button a:hover i {
    background: #1F9D2F;
    color: #fff;
}

.slider-button a.active {
    color: #1F9D2F;
    background: #fff;
    border: 1px solid #fff;
    position: relative;
    transition: 0.5s;
}

.slider-button a.active:hover {
    border: 1px solid #1F9D2F;
    color: #fff;
}

a.active:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #1F9D2F;
    transition: 0.5s;
    z-index: -1;
}

.slider-button a.active i {
    background: #1F9D2F;
    color: #fff;
}

.slider-section a:hover.active i {
    background: #6EC078;
}
.slider-vedio-btn {
    text-align: right;
}

.slider-vedio-btn a {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #fff;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    color: #209E30;
    font-size: 18px;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
} 
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}

/* Star Color Override (Task 3 & 8) */
.brand-stars {
    color: var(--brand-green) !important;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

/* Full Width Dream Bar (Task 3) */
/*
.dream-bar-full {
    background: var(--brand-dark);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
*/

/* Larger, Emphasized Button */
.btn-hero-emphasized {
    font-size: 22px !important;
    padding: 20px 45px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.btn-hero-emphasized:hover {
    transform: scale(1.05);
}

/* Dream Bar with 25% Opacity Background */
.dream-bar-full {
    background: rgba(27, 27, 27, 0.75) !important; /* 25% Opacity */
    width: 100%;
}

/* Icon Implementation via :before */
.dream-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dream-item::before {
    content: "";
    display: inline-block;
    width: 24px; /* Adjust size as needed */
    height: 24px; /* Adjust size as needed */
    margin-right: 12px;
    background-image: url('assets/images/icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* --- Task 3: Low-Profile Hero Testimonial --- */

.hero-testimonial-inline {
    background: rgba(0, 0, 0, 0.2); /* Very faint background to ensure text legibility */
    padding: 10px 40px;
    border-radius: 50px; /* Capsule shape takes up less visual "weight" */
    display: inline-flex !important; /* Prevents it from stretching full width */
    backdrop-filter: blur(5px); /* Softens the background behind it */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.inline-avatar {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.brand-stars-small {
    color: #1F9D2F !important;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.text-white-quote {
    font-size: 15px;
    line-height: 1.3;
    font-style: italic;
}

.testimonial-name-inline {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .hero-testimonial-inline {
        border-radius: 12px;
        padding: 15px;
    }
}

/* --- TIGHTENED HERO TESTIMONIAL (Full Replacement) --- */
.hero-testimonial-box {
    max-width: 340px !important; 
    padding: 15px 20px !important; 
    margin-top: 25px;
    background: rgba(255, 255, 255, 0.15) !important; /* Soft glass effect */
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    position: relative;
    z-index: 5;
}

/* Quote Text */
.hero-testimonial-box p {
    font-size: 14px !important; 
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-style: italic;
    font-weight: 400;
}

/* Star Icons */
.hero-testimonial-box .stars {
    margin-bottom: 8px !important;
    line-height: 1 !important;
}

.hero-testimonial-box .stars i {
    font-size: 11px !important; 
    color: #1F9D2F !important; /* Brand Green stars */
    margin-right: 2px;
}

/* Author Name */
.hero-testimonial-box .author-info h5 {
    font-size: 13px !important; 
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Author Location */
.hero-testimonial-box .author-info span {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Hero-Specific Button Scaling */
.hero-buttons .wg-btn-main {
    padding: 20px 50px; /* Increased from 14px 30px */
    font-size: 22px;     /* Increased from 16px */
    border-radius: 8px; /* Slightly softer corners for the larger size */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); /* Deeper shadow for more "lift" */
}

/* Ensure it looks great on mobile so it doesn't overflow the screen */
@media (max-width: 767px) {
    .hero-buttons .wg-btn-main {
        padding: 16px 30px;
        font-size: 18px;
        width: 100%; /* Full width on mobile for easier thumb-tapping */
        text-align: center;
    }
}

/* --- Task 4/5: Dream Scenario Value Pillars --- */
.wg-dream-scenarios .text-dark {
    color: #1B1B1B !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .border-md-left { border-left: 1px solid #d1d9d1 !important; }
    .border-md-right { border-right: 1px solid #d1d9d1 !important; }
}

@media (max-width: 767px) {
    .wg-dream-scenarios span {
        font-size: 1rem !important;
    }
}

/* --- Task 4/5: Customer Dream Pillars --- */
/* --- Checkmark Value Pillars --- */
.wg-dream-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wg-checkmark {
    background-color: #1F9D2F; /* Brand Green */
    color: #F1F5F1;            /* Nursery Mist (matches background) */
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 16px;
    flex-shrink: 0;            /* Prevents circle from squishing */
}

.wg-dream-text {
    color: #1B1B1B !important;
    font-weight: 600;
    font-size: 1.05rem;
    letter-spacing: 0.2px;
}

/* Maintain your existing dividers */
@media (min-width: 768px) {
    .wg-border-x {
        border-left: 1px solid #c8d1c8 !important;
        border-right: 1px solid #c8d1c8 !important;
    }
}

/*================================
 <--Start Gardenic  slider Section  home two Css-->
=================================*/
.slider-section.home-two {
    background: url(assets/images/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 874px;
    position: relative;
    margin-top: -49px;
}

.slider-section.home-two:before {
    position: absolute;
    content: "";
    left: 0;
    top: 30px;
    height: 100%;
    width: 100%;
    background: url(assets/images/banner-shape.png);
    z-index: -1;
}


.slider-section.home-two .slider-content {
    text-align: center;
}
.slider-sub-title {
    margin-bottom: 23px;
}

.slider-sub-title h5 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Nunito";
    position: relative;
    z-index: 1;
    display: inline-block;
}

.slider-sub-title h5:before {
    position: absolute;
    content: "";
    left: -38px;
    top: 2px;
    background: url(assets/images/hero-icon.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    display: inline-block;
}

.slider-section.home-two .slider-main-title h1 {
    font-size: 65px;
    line-height: 80px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Nunito";
}


/*================================
 <--Start Gardenic  slider Section  Home Style 3 Css-->
=================================*/

.slider-section.home-style3 {
    position: relative;
    background: #FBFAF6;
    overflow: hidden;
}






.slider-section.home-style3 .slider-sub-title {
    margin-bottom: 5px;
}
.slider-section.home-style3 .slider-sub-title h5:after{
    display: none; 
}

.slider-section.home-style3 .slider-sub-title h5:before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    background: url(assets/images/icon2.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    display: inline-block;
}

.slider-section.home-style3 .slider-sub-title h5 {
    color: #209e2f;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins";
    padding-left: 30px;
}

.slider-section.home-style3 .slider-sub-title h5 {
    line-height: 28px;
    color: #209e2f;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins";
}

.slider-section.home-style3 .slider-main-title h1 {
    font-size: 72px;
    line-height: 90px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}

.slider-section.home-style3 .slider-description p {
    opacity: 0.800;
    font-size: 16px;
    line-height: 28px;
    color: #646464;
    font-weight: 400;
    width: 100%;
}

/* slider shape */
.slider-shape1 {
    position: absolute;
    top: -18%;
    right: 32px;
}

.slider-shape2 {
    position: absolute;
    left: -1%;
    top: -2%;
}

.slider-shape3 {
    position: absolute;
    left: 2%;
    bottom: 12%;
}

/* slider left */
.hero-left {
    position: relative;
    bottom: -41px;
    left: 116px;
}

.slider-section.home-style3 a.active {
    background: #1B1B1B !important;
    color: #fff;
}
/*================================
 <--StartGardenic  Feature  Section  Css-->
=================================*/
.feature-section {
    background: #FBFAF6;
    padding: 120px 0 70px;
}

.feature-thumb img {
    width: 100%;
}

.feature-content {
    box-shadow: -5px 0 7.5px rgba(27,27,27,0.05);
    background-color: #ffffff;
    width: 76%;
    padding: 20px 30px 23px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    top: -42px;
    transition: 0.5s;
}

h2.feature-namber {
    position: absolute;
    right: 28px;
    top: 34px;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: rgb(31 157 47 / 48%);
    font-size: 70px;
    line-height: 28px;
    font-weight: 700;
    font-family: "Nunito";
}

.feature-title {
    margin-top: 14px;
}

.feature-title h3 {
    font-size: 24px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}

/*all hover*/
.feature-single-box:hover .feature-content {
    width: 100%;
}

/*================================
 <--StartGardenic  Section Title  Css-->
=================================*/

.section-title {
    margin-bottom: 45px;
}

.section-sub-title {
    margin-bottom: 12px;
}

.section-sub-title h4 {
    font-size: 22px;
    line-height: 28px;
    color: #209e2f;
    font-weight: 700;
    font-family: "Nunito";
    position: relative;
    padding-left: 30px;
    display: inline-block;
}

.section-sub-title h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(assets/images/icon.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.slider-sub-title h5:after {
    position: absolute;
    content: "";
    background: url(assets/images/hero-icon.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 0;
    right: -39px;
    background-position: right;
}

.section-main-title h1 {
    font-size: 45px;
    line-height: 58px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}


.section-title.text-center {
    position: relative;
}

.section-title.text-center .section-sub-title h4:after {
    position: absolute;
    content: "";
    left: 30px;
    top: 0;
    background: url(assets/images/icon.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
}



/* section title home 3 */


.section-title.text-center .section-sub-title.style h4:after {
    position: absolute;
    content: "";
    left: 30px;
    top: 0;
    background: url(assets/images/icon2.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.section-sub-title.style2 h4:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 0;
    background: url(assets/images/icon2.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
}

.section-sub-title.style h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(assets/images/icon2.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
}

/*================================
 <--Start Problem Section   Css-->
=================================*/


/* --- Task 4: Problem Section Styles --- */

.problem-agitation-section {
    padding: 80px 0;
}

.about-list {
    list-style: none;
    padding: 0;
}

.about-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.6;
    color: #444;
}

.about-list li i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #1F9D2F; /* Brand Green */
    font-size: 20px;
    font-weight: bold;
}

.about-list li strong {
    color: #1B1B1B;
    font-weight: 700;
}

/* Image styling */
.problem-image-wrap img {
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.problem-image-wrap img:hover {
    transform: scale(1.02);
}

/* Specific styling for the section headline to give it more "agitation" punch */
.problem-agitation-section h2 {
    font-size: 32px;
    line-height: 1.3;
    color: #1B1B1B;
    border-left: 5px solid #1F9D2F;
    padding-left: 20px;
}

/* --- Problem Section Image Enhancement --- */
.wg-problem-image-wrapper {
    position: relative;
    padding: 60px 40px; /* Creates "air" for the offset frame to live in */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The Offset Background Rectangle */
.wg-problem-image-wrapper::before {
    content: "";
    position: absolute;
    /* Adjust these to control the "vertical focus" */
    width: 75%; 
    height: 110%; 
    /* THE FIX: Darker, more visible "Nursery Mist" variant */
    background-color: #E2E8E2; 
    border: 1px solid #D4DDD4;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%); /* Centers the frame behind the image */
    z-index: 1;
    border-radius: 4px;
    /* Optional: a very faint border to define the edge */
    border: 1px solid #eef2ee; 
}

/* The Actual Image */
.wg-problem-image-wrapper img {
    position: relative;
    z-index: 2; /* Sits on top of the frame */
    width: 100%;
    max-width: 400px; /* Keeps the image from getting too huge */
    height: auto;
    border-radius: 8px;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.07); /* Deep, soft shadow for depth */
}

/* Mobile: Stack them and reduce the offset so it doesn't bleed off screen */
@media (max-width: 991px) {
    .wg-problem-image-wrapper {
        padding: 40px 20px;
    }
    .wg-problem-image-wrapper::before {
        width: 90%;
        height: 105%;
    }
}

.letter-spacing-2 {
    letter-spacing: 2px !important;
}

/*================================
 <--End Gardenic  Problem Section   Css-->
=================================*/

/*================================
 <--Start Solution Section   Css-->
=================================*/

/* --- Task 5: Refined Solution Styles --- */

.border-left-green-pl {
    border-left: 3px solid #1F9D2F;
    padding-left: 15px;
    font-size: 17px;
    margin-top: 20px;
}

#solution .lead {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
}

#solution h4.text-success {
    font-weight: 700;
    font-size: 19px;
    color: #1F9D2F !important;
}

/* --- Mobile Stacking Fix for Solution Section --- */
@media (max-width: 991px) {
    /* Target the image wrapper in the solution/problem area */
    .wg-problem-image-wrapper {
        margin-bottom: 40px !important; /* Forces space between image and text below */
    }

    /* Adjust the headline top padding specifically for mobile */
    .wg-solution-header {
        padding-top: 20px;
    }
}

/*================================
 <--End Solution Section   Css-->
=================================*/


/*================================
 <--Start Benefit Section   Css-->
=================================*/

/* --- Task 6: Benefits Section Styles --- */

/* --- Task 6: Unified Benefit Box & Image Framing --- */

.why-choose-single-box {
    border-radius: 15px;
    border-top: 5px solid #1F9D2F; /* Adds a brand-colored accent to the top of the box */
}

/* The Framing Logic: Forces all images to a consistent 16:9 or 3:2 ratio visually */
.benefit-img-frame {
    width: 90%;
    height: 180px; /* Fixed height for uniformity */
    overflow: hidden;
    border-radius: 8px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crops the image to fill the frame without stretching */
    transition: transform 0.4s ease;
}

.benefit-item:hover .benefit-img-frame img {
    transform: scale(1.1);
}

.benefit-item h4 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}

/* Subtle vertical dividers between columns on desktop */
@media (min-width: 992px) {
    .border-left-desktop {
        border-left: 1px solid #eee;
    }
}

/* Responsive Tweak for Mobile */
@media (max-width: 991px) {
    .why-choose-single-box {
        padding: 30px 20px !important;
    }
    .border-left-desktop {
        border-left: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
}

/*================================
 <--End Benefit Section   Css-->
=================================*/

/*================================
 <--Start Lead Magnet Section   Css-->
=================================*/


/* --- Lead Magnet Floating Icons --- */
.wg-shape {
    position: absolute;
    z-index: 1;
    opacity: 0.4; /* Adjust this to make them more or less faint */
    pointer-events: none; /* Allows clicks to pass through to buttons */
}

.wg-shape-1 {
    top: -20px;
    left: 2%;
    width: 122px;
    height: 98px;
    transform: rotate(-15px);
}

.wg-shape-2 {
    bottom: -30px;
    right: 5%;
    width: 125px;
    height: 125px;
    transform: rotate(10deg);
}

/* Mobile: Scale them down so they don't crowd the screen */
@media (max-width: 767px) {
    .wg-shape-1 { width: 80px; height: auto; top: 10px; }
    .wg-shape-2 { width: 80px; height: auto; bottom: 10px; }
    
    .wg-lead-magnet {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

/*================================
 <--End Lead Magnet Section   Css-->
=================================*/



/*================================
 <--Start FAQ Home Section   Css-->
=================================*/


/* --- Task 11: FAQ Accordion Styles --- */
/* --- Task 11: Namespaced FAQ Styles --- */

.wg-faq-home-section {
    position: relative;
    z-index: 10;
}

.wg-faq-item {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #eee;
    overflow: hidden;
}

.wg-faq-trigger {
    width: 100%;
    padding: 20px 50px 20px 20px;
    text-align: left;
    background: #ffffff;
    border: none;
    font-weight: 700;
    font-size: 17px;
    color: #1B1B1B;
    position: relative;
    display: block;
    transition: color 0.3s ease;
    outline: none !important;
}

.wg-faq-trigger:not(.collapsed) {
    color: #1F9D2F !important;
}

/* Custom Icon Logic */
.wg-faq-trigger::after {
    content: "\F282"; /* Bootstrap Icon Chevron Down */
    font-family: "bootstrap-icons";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    font-size: 14px;
}

.wg-faq-trigger:not(.collapsed)::after {
    transform: translateY(-50%) rotate(180deg);
}

.wg-faq-body {
    padding: 0 20px 25px 20px;
    color: #666;
    line-height: 1.6;
    font-size: 15px;
}

.wg-accordion-wrap .collapse:not(.show) {
    display: none;
}

.wg-accordion-wrap .collapse.show {
    display: block;
}

/* --- Task 11: Animated FAQ & Shape Decoration --- */

.wg-faq-home-section {
    position: relative;
    overflow: hidden; /* Keeps the shape from causing horizontal scroll */
}

/* The Shape Decoration */
.wg-faq-shape {
    position: absolute;
    bottom: -50px;
    right: -20px;
    width: 158px;
    height: 295px;
    z-index: 1;
    opacity: 0.4; /* Soften the look so it doesn't distract from text */
    pointer-events: none; /* User can't accidentally click the image */
	/* THE FIX: Flip horizontal and flip vertical */
    transform: scaleX(-1) scaleY(-1);
}

/* Smooth Animation Logic */
.wg-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.wg-collapse.wg-show {
    max-height: 500px; /* High enough to fit content */
}

.wg-faq-item {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #eee;
    z-index: 2;
    position: relative;
}

.wg-faq-trigger {
    width: 100%;
    padding: 20px 50px 20px 20px;
    text-align: left;
    background: #ffffff;
    border: none;
    font-weight: 700;
    font-size: 17px;
    color: #1B1B1B;
    position: relative;
    outline: none !important;
    cursor: pointer;
}

/* --- Hide FAQ Shape on Mobile/Tablets --- */
@media (max-width: 991px) {
    .wg-faq-shape {
        display: none !important;
    }
}

/*================================
 <--End FAQ Home Section   Css-->
=================================*/

/*================================
 <--Start Last Call Section   Css-->
=================================*/


/* --- Task 12: Last Call Section Styles --- */

.wg-last-call-section {
    padding-bottom: 80px !important;
	background: #FBFAF6;
}

.wg-last-call-box {
    background: linear-gradient(135deg, #1F9D2F 0%, #167d24 100%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
}

/* Subtle background texture effect */
.wg-last-call-box::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: url('assets/images/hero-shape2.png'); /* Re-using your shape as a subtle watermark */
    background-repeat: no-repeat;
    background-position: bottom right;
    opacity: 0.1;
    transform: scaleX(-1);
    pointer-events: none;
}

.wg-last-call-box h2 {
    font-size: 2.8rem;
    line-height: 1.2;
}

.wg-btn-primary-xl {
    background-color: #ffffff;
    color: #1F9D2F !important;
    padding: 20px 45px;
    font-size: 22px;
    font-weight: 800;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.wg-btn-primary-xl:hover {
    background-color: #f8f9fa;
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(0,0,0,0.2);
    text-decoration: none;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .wg-last-call-box {
        padding: 40px 20px !important;
    }
    .wg-last-call-box h2 {
        font-size: 1.8rem;
    }
    .wg-btn-primary-xl {
        font-size: 16px;
        padding: 15px 25px;
        width: 100%;
    }
}

/*================================
 <--End Last Call Section   Css-->
=================================*/

/* --- Task 13: Footer Styles --- */

.wg-main-footer {
	/*
    background-color: #fcfdfc;
    border-top: 1px solid #f0f0f0;
	*/
	background: url(assets/images/footer_bg.jpg);
    position: relative;
    padding: 100px 0 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* --- FOOTER LINK STYLING --- */
.footer-widget ul li a {
    color: rgba(255, 255, 255, 0.7) !important; /* Soft white/grey */
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-widget ul li a:hover {
    color: #1F9D2F !important; /* Brand Green */
    padding-left: 5px; /* Subtle movement effect */
}

/* If there are icons next to the links */
.footer-widget ul li i {
    color: #1F9D2F;
    margin-right: 8px;
}

.footer-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
}

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

.footer-links a {
    color: #198754;
    transition: color 0.3s;
    font-size: 15px;
}

.footer-links a:hover {
    color: #1F9D2F !important;
    text-decoration: none;
}

.footer-contact li {
    font-size: 15px;
    color: #666;
}

.appointment-badge {
    background-color: #ffffff;
    border: 1px solid #e9eee9;
    border-left: 4px solid #1F9D2F;
    border-radius: 4px;
}

.footer-social i {
    font-size: 18px;
    transition: color 0.3s;
}

.footer-social a:hover {
    color: #1F9D2F !important;
}

/* --- ELIMINATE BOTTOM GAP --- */
footer, .footer-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Force the copyright/bottom-bar to match the footer background */
.footer-bottom-area, .copyright-section {
    background-color: #1B1B1B !important; /* Match your brand dark */
    margin-top: 0 !important;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05); /* Very subtle separator */
}

/* Ensure the very bottom of the body has no extra room */
body {
    overflow-x: hidden;
    margin-bottom: 0 !important;
}

/* --- FOOTER MOBILE OVERFLOW FIX --- */
.footer-section, 
.footer-area, 
.footer-top {
    background-color: #1B1B1B !important; /* Ensure brand dark is the base */
    height: auto !important;               /* Allow it to grow vertically */
    overflow: hidden;                      /* Clears internal floats */
    display: block;                        /* Ensures block-level behavior */
}

@media (max-width: 767px) {
    .footer-area {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    
    /* Ensure individual widgets have breathing room when stacked */
    .footer-widget {
        margin-bottom: 40px;
    }
}

/* Force the bottom bar to stay attached and match the color */
.footer-bottom-area {
    background-color: #1B1B1B !important;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding: 20px 0;
    margin-top: -1px; /* Overlaps slightly to prevent a 1px white line */
}

/*================================
 <--Start Gardenic  About Section   Css-->
=================================*/

.about-section {
    padding: 120px 0 120px;
}

.about-section .section-title {
    margin-bottom: 27px;
}

.about-section .section-main-title {
    margin-bottom: 19px;
}

/*about left*/
.about-left {
    position: relative;
    margin-left: -15px;
}

/*about list*/
ul.about-list {
    margin-bottom: 13px;
}

ul.about-list li {
    list-style: none;
    font-size: 20px;
    color: #1b1b1b;
    font-weight: 600;
    font-family: "Nunito";
}

ul.about-list li i {
    font-size: 15px;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 2px solid #209e2f;
    line-height: 18px;
    border-radius: 30px;
    text-align: center;
    color: #209e2f;
    margin-right: 10px;
}

/*about button*/
.about-button {
    margin-top: 35px;
}

.about-button a {
    display: inline-block;
    padding: 8px 16px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background: #1F9D2F;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
}

.about-button a:hover {
    color: #1F9D2F;
}

.about-button a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #fff;
    transition: 0.5s;
    z-index: -1;
    border: 1px solid #1F9D2F;
}

.about-button a:hover:before {
    width: 100%;
    left: 0;
}

.about-button a i {
    margin-left: 10px;
    background: #6EC078;
    display: inline-block;
    width: 38px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    transition: 0.5s;
}

.about-button a:hover i {
    background: #1F9D2F;
    color: #fff;
}

.plant-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 30px 20px 20px 20px;
    /* Darker gradient to ensure white text visibility */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
}

.plant-overlay h4 {
    color: #ffffff !important; /* Forces white text */
    font-size: 1.25rem;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Extra safety for legibility */
}

.schedule-list li {
    padding: 4px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
    color: #444;
}

.schedule-list li:last-child { border-bottom: none; }


/* Container to keep images consistent */
.plant-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Ensures the image fills the area without stretching */
}

/* Ratio 1:1 - The Emotional Square */
.ratio-square img {
    aspect-ratio: 1 / 1;
}

/* Ratio 3:4 - The Structural Portrait */
.ratio-portrait img {
    aspect-ratio: 3 / 4;
}

/* Add a subtle zoom effect on hover to enhance the "High-End" feel */
.plant-card:hover img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}

/* Container & Ratios */
.plant-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
}

.plant-img-container {
    position: relative;
    overflow: hidden;
}

/* Logic for 1:1 and 3:4 */
.ratio-square img { aspect-ratio: 1 / 1; width: 100%; object-fit: cover; }
.ratio-portrait img { aspect-ratio: 3 / 4; width: 100%; object-fit: cover; }

/* Overlay Styling */
.status-badge {
    position: absolute;
    top: 15px; left: 15px;
    background: #1F9D2F;
    color: white;
    padding: 5px 12px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
}

/* Survival Secret Toggle */
.secret-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background: #f9fbf9;
    padding: 0 15px;
    border-left: 3px solid #1F9D2F;
}

.secret-content.active {
    max-height: 200px; /* Adjust based on text length */
    padding: 15px;
}

.btn-secret {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 10px;
}



/*================================
 <--Start Gardenic  About Home Two Section   Css-->
=================================*/
.about-section.home2 {
    padding: 120px 0 100px;
}

.about-section.home2 .section-main-title {
    margin-bottom: 13px;
}

.about-section.home2 .section-sub-title {
    margin-bottom: 10px;
}
.about-section.home2 .section-description p {
    width: 83%;
}

.about-section.home2 .about-left {
    position: relative;
    margin-left: -34px;
}

.about-counter-box {
    background: #F5FAF4;
    padding: 20px 30px 15px;
}

.about-counter-box {
    background: #F5FAF4;
    padding: 20px 30px 15px;
}
.about-counter-icon {
    float: left;
    margin-right: 20px;
}
.about-namber h1 {
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    display: inline-block;
}

/* about company author */
.company-author {
    display: inline-flex;
    align-items: center;
    margin-top: 60px;
}

.athor-content {
    margin-left: 20px;
} 

.author-title h3 {
    font-size: 22px;
    color: #209e2f;
    font-weight: 700;
    margin-bottom: 5px;
}


/*================================
 <--Start Gardenic  About  Section style home 3  Css-->
=================================*/

.service-section.style3 .section-title {
    margin-bottom: 36px;
}
.about-section.style-home3 ul.about-list li {
    list-style: none;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
    font-family: "Poppins";
    margin-bottom: 18px;
}

.about-section.style-home3 ul.about-list li i {
    font-size: 16px;
    display: inline-block;
    height: 25px;
    width: 25px;
    background: #209e2f;
    line-height: 24px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}

.about-section.style-home3 .section-description p {
    width: 86%;
    margin-bottom: 31px;
}

.about-section.style-home3 .about-button {
    margin-top: 55px;
}

.about-vedio-btn {
    position: absolute;
    top: 42%;
    right: 27%;
}

.about-vedio-btn a {
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #209e2f;
    color: #fff;
    line-height: 90px;
    text-align: center;
    font-size: 22px;
    -webkit-animation: ripple-white 2s linear infinite;
    animation: ripple-blue 2s linear infinite;
} 

/*================================
 <--StartGardenic  Why Choose Section   Css-->
=================================*/
.why-choose-section {
    background: #FBFAF6;
    padding: 120px 0 120px;
    position: relative;
    overflow: hidden;
}

.choose-us-description {
    margin-bottom: 36px;
}

.choose-us-item-list {
    position: relative;
    left: -167px;
    top: 7px;
}

.choose-us-item-list ul li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #1b1b1b;
    font-weight: 600;
    font-family: "Nunito";
}

.choose-us-item-list ul li i {
    color: #209e2f;
    font-size: 20px;
    margin-right: 6px;
}
/*Tab Items
=======================*/

.tab {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    padding: 50px 0 50px 60px;
}

.tab-risk-reversal {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    background: #f9fbf9;
    padding: 50px 30px 50px 30px;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
    width: 100%;
}

.tabs li {
    line-height: 38px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.tabs li a {
    display: inline-block;
    outline: none;
    padding: 10px 30px;
    transition: all 0.5s ease-in-out;
    margin-right: 30px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-family: "Nunito";
    border: 1px dashed #1F9D2F;
    color: #1b1b1b;
}

.tabs_item {
    display: none;
    padding: 30px 0;

}

.tabs_item:first-child {
    display: block;
}

.tab-thumb {
    right: -80px;
    position: relative;
}


li.current a {
    background: #1F9D2F;
    color: #fff;
}
li.current a span {
    color: #fff;
}

.tabs_item .Gardenic-section-title p {
    padding: 17px 0 5px;
}

.tabs_item .Gardenic-section-title h4 {
    margin-top: 0;
}

.tabs_item .Gardenic-button a {
    margin-top: 30px;
}

.tab-thumb:hover:before {
    transform: scale(1);
}

/*choose shape*/
.choose-shape {
    position: absolute;
    left: -13px;
    top: -26px;
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(25px, -25px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -25px, 25px);
    }
}

        .legal-hero {
            /* Heavy white overlay for a "paper" aesthetic */
            background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url('assets/images/hero_1.png') center/cover;
            padding: 120px 0 80px 0;
            border-bottom: 1px solid #e2e8e2;
        }
        .legal-content h3 {
            font-family: 'Playfair Display', serif;
            color: #1F9D2F; /* Brand Green */
            margin-top: 40px;
            margin-bottom: 20px;
            font-weight: 700;
        }
        .legal-content p, .legal-content li {
            color: #1B1B1B; /* Brand Dark */
            line-height: 1.8;
            margin-bottom: 15px;
        }
        .last-updated {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 12px;
            font-weight: 700;
            color: #999;
        }


/*================================
 <--Start Gardenic  Why Chose Us Section Hometwo  Css-->
=================================*/

.why-chose-us-section {
    background: #FBFAF6;
    padding: 0 0 120px;
}

.why-chose-us-section .section-title {
    margin-bottom: 48px;
}

.why-chose-us-section .section-main-title {
    margin-bottom: 28px;
}

.why-chose-us-section .section-decription p {
    width: 96%;
}

.row.why-chose-us_bg {
    background: #fff;
    margin: 0;
}

.why-chose-us-left {
    position: relative;
    margin: 55px 68px 0 40px;
}

.why-chose-us-single-box {
    margin-bottom: 17px;
}
.contact-icon {
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: 2px;
}

.why-chose-us-content {
    overflow: hidden;
}
h3.why-chose-us-title {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    margin-bottom: 3px;
}



/* why chose right */
.row.why-contact_bg {
    background: url(assets/images/chose-us-thumb.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 32px 28px 48px;
}

h2.style {
    font-size: 45px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 18px;
}



.why-chose-us-section .form_box input {
    padding: 0 18px;
    margin-bottom: 10px;
    outline: 0;
    opacity: 0.502;
    width: 100%;
    height: 45px;
    background-color: #1b1b1b;
    border: none;
    color: #ffff;
}

.why-chose-us-section .form_box input::placeholder {
    color: #fff;
}

.why-chose-us-section .form_box textarea {
    padding: 10px 18px;
    margin-bottom: 10px;
    outline: 0;
    opacity: 0.502;
    width: 100%;
    height: 105px;
    background-color: #1b1b1b;
    border: none;
    color: #fff;
}

.why-chose-us-section .form_box textarea::placeholder {
    color: #fff;
}
.why-contant-btn {
    margin-top: 40px;
}

.why-contant-btn button {
    padding: 8px 201px;
    outline: 0;
    border: 1px solid transparent;
    font-size: 20px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    text-align: center;
    position: relative;
}

/*================================
 <--StartGardenic  Service Section   Css-->
=================================*/

.service-section {
    padding: 117px 0 45px;
}

.service-section .section-title {
    margin-bottom: -15px;
}

.service-single-box {
    padding: 40px 40px 15px;
    margin-bottom: 40px;
    background: #FBFAF6;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.service-single-box.style2, .service-single-box.style4 {
    margin-top: -40px;
}

.service-single-box:before {
    position: absolute;
    content: "";
    right: 50%;
    top: 0;
    background: #1F9D2F;
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.5s;
}

.service-single-box:hover:before {
    width: 100%;
    right: 0%;
}

.service-single-box.style1 .service-icon-shape {
    margin-top: 25px;
}

.service-single-box.style2 .service-icon-shape {
    margin-top: 24px;
    margin-right: 7px;
}

.service-single-box.style3 .service-icon-shape {
    margin-top: 14px;
    margin-right: -4px;
}


.service-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #F0F4ED;
    text-align: center;
    margin-bottom: 28px;
}

.service-icon-shape {
    position: absolute;
    top: -24px;
    right: -27px;
}

.service-icon-shape img {
    transition: 0.5s;
}

.service-title {
    margin-bottom: 22px;
}

.service-title h3 {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    transition: 0.5s;
}

.service-description p {
    transition: 0.5s;
}

/*service left*/
.service-left-thumb {
    position: relative;
    margin-left: -109px;
    top: -73px;
}

/*all hover*/
.service-single-box:hover .service-title h3 {
    color: #fff;
}

.service-single-box:hover .service-description p {
    color: #fff;
}

.service-single-box:hover .service-icon-shape img {
    filter: brightness(0)invert(1);
}


/*================================
 <--Start Gardenic  Service Section Home Two  Css-->
=================================*/
.service-section.home-two {
    padding: 120px 0 65px;
}
.service-section.home-two  .section-title {
    margin-bottom: -34px;
}
.service-section.home-two .service-single-box {
    background: #FBFAF6;
    text-align: center;
    padding: 0 17px 9px;
    margin-bottom: 30px;
    transition: 0.5s;
}
.service-section.home-two .service-single-box:hover {
    filter: drop-shadow(0px 5px 7.5px rgba(32,158,47,0.15));
}

.service-section.home-two .service-single-box:before {
    background: #F5FAF4;
}
.service-icons {
    padding-top: 30px;
    margin-bottom: 25px;
}
.service-title {
    margin-bottom: 11px;
}

.service-section.home-two .service-title h3 {
    color: #1b1b1b;
}

.service-section.home-two .service-description p {
    color: #1b1b1b;
}

/* service right thumb */
.service-right {
    position: relative;
    top: -54px;
    left: 48px;
}


/*================================
 <--StartGardenic  Service Section  style3  Css-->
=================================*/

.service-section.style3 {
    background: #FBFAF6;
    padding: 120px 0 120px;
}

.service-single-boxs {
    padding: 8px 18px 30px 40px;
    background: #fff;
    border: 1px solid #1F9D2F;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
}

.service-single-boxs:before {
    position: absolute;
    content: "";
    right: 50%;
    top: 0;
    height: 100%;
    width: 0;
    background: #1F9D2F;
    z-index: -1;
    transition: 0.5s;
}

.service-single-boxs:hover:before {
    width: 100%;
    right: 0;
}
.service-single-boxs:after {
    background: #F4FAF4;
    height: 225px;
    width: 225px;
    position: absolute;
    content: "";
    left: -34px;
    top: -50px;
    border-radius: 100%;
    z-index: -1;
    transition: 0.5s;
}

.service-single-boxs:hover:after {
    background: #2AA238;
}

.service-icons img {
    transition: 0.5s;
}

.service-section.style3 .service-title {
    margin-bottom: 17px;
}

.service-namber h1 {
    position: absolute;
    right: 24px;
    top: 5px;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: rgb(31 157 47 / 48%);
    font-size: 118px;
    font-weight: 700;
    font-family: "Nunito";
}

.service-btn {
    margin-top: 29px;
}

.service-btn a {
    display: inline-block;
    font-size: 16px;
    color: #209e2f;
    font-weight: 500;
}

/* all hover */
.service-single-boxs:hover .service-icons img {
    filter: brightness(0)invert(1);
}

.service-single-boxs:hover:hover .service-namber h1 {
    -webkit-text-stroke-color: #e6e0e0;
}

.service-single-boxs:hover:hover .service-title h3 {
    color: #fff;
}

.service-single-boxs:hover:hover .service-description p {
    color: #fff;
}
.service-single-boxs:hover:hover .service-btn a {
    color: #fff;
}
/*================================
 <--Star tGardenic  Work Section   Css-->
=================================*/

.protfolio-section {
    padding: 118px 0 0;
    background: #FBFAF6;
    position: relative;
}

.protfolio-section .section-main-title h1 {
    color: #fff;
}

.protfolio-section:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(assets/images/work_bg.jpg);
    height: 68%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*single work box*/
.protfolio-single-box {
    position: relative;
}

.protfolio-thumb {
    position: relative;
}

.protfolio-thumb:before {
    position: absolute;
    content: "";
    left: 35px;
    top: 30px;
    right: 30px;
    bottom: 205px;
    background: #209e2fb8;
    transform: scale(0);
    transition: 0.5s;
}

.protfolio-thumb img {
    width: 100%;
}
.protfolio-icon a img {
    display: inline-block;
    width: inherit;
}

.protfolio-icon {
    position: absolute;
    left: 0;
    margin: auto;
    top: 31%;
    right: 0;
    z-index: 1;
    text-align: center;
    transform: translateY(-50%);
    height: 60px;
    width: 60px;
    line-height: 60px;
    border: 1px solid #f4faf4;
    opacity: 0;
    transition: 0.5s;
}


.protfolio-content {
    position: absolute;
    width: 350px;
    bottom: -92px;
    background: #fff;
    padding: 26px 26px 10px;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.5s;
}

.protfolio-title {
    margin-bottom: 7px;
}

.protfolio-title h3 a {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    transition: 0.5s;
    display: inline-block;
}

.protfolio-title h3 a:hover {
    color: #1F9D2F;
}

/*all hover*/
.protfolio-single-box:hover .protfolio-thumb::before {
    transform: scale(1);
}

.protfolio-single-box:hover .protfolio-icon {
    opacity: 1;
}

.protfolio-single-box:hover .protfolio-content {
    bottom: 32px;
}


/*================================
 <--Start Gardenic  Protfolio Section  style two  Css-->
=================================*/

.protfolio-section.style-two:before {
    background: transparent;
}
.protfolio-section.style-two .section-main-title h1 {
    color: #1b1b1b;
}


.protfolio-section.style3 .protfolio-single-box {
    margin-bottom: 30px;
    overflow: hidden;
}

.protfolio-section.style3 .protfolio-content {
    opacity: 0;
}

.protfolio-section.style3 .protfolio-single-box:hover .protfolio-content {
    opacity: 1;
}

/*================================
 <--Start Gardenic  Protfolio Section  style 3  Css-->
=================================*/
.protfolio-section.style3:before {
    display: none;
}

.protfolio-menu {
    text-align: center;
    padding: 0 0 55px;
}

ul.menu-filtering {
    border: 1px solid #E2E5E7;
    max-width: 685px;
    text-align: center;
    margin: auto;
    padding: 15px 0;
}

.protfolio-menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 28px;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 600;
    cursor: pointer;
    transition: 0.5s;
}

.protfolio-menu ul li:hover{
	color: #1F9D2F;
	
}   

/*================================
 <--StartGardenic  Team Section   Css-->
=================================*/
.team-section {
    background: #FBFAF6;
    padding: 0 0 120px;
}

.team-thumb {
    position: relative;
    overflow: hidden;
}
.team-thumb img {
    width: 100%;
}

.team-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: url(assets/images/team-shape.png);
    transition: 0.5s;
}

.single-team-box:hover .team-thumb:before {
    height: 100%;
    bottom: -1px;
}

.team-social-icon {
    position: absolute;
    top: 0px;
    right: 30px;
    transition: 0.5s;
    opacity: 0;
}


ul.social-icons li a {
    background: #fff;
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    color: #1F9D2F;
    position: relative;
    z-index: 1;
    transition-delay: .5s;
    margin-bottom: 10px;
}

ul.social-icons li a i {
    transition: 0.5s;
}
ul.social-icons li a:hover i {
    color: #fff;
}

ul.social-icons li a:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #1F9D2F;
    height: 100%;
    width: 0;
    transition: 0.5s;
    z-index: -1;
}



/*team content*/
.team-content {
    position: absolute;
    bottom: -25px;
    left: 40px;
    transition: 0.5s;
    opacity: 0;
}

.team-title h3 a {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    font-family: "Nunito";
    display: inline-block;
}

.team-title p {
    color: #fff;
}

/*all hover*/
.team-thumb:hover .team-content {
    bottom: 15px;
    opacity: 1;
}

ul.social-icons li a:hover:after {
    width: 100%;
    left: 0%;
}

.single-team-box:hover .team-social-icon {
    top: 40px;
    opacity: 1;
}


/*================================
 <--Start Gardenic Team ection  home tow Css-->
=================================*/
.team-section.home-two {
    position: relative;
    z-index: 1;
    padding: 116px 0 0px;
}

.team-section.home-two:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(assets/images/team_bg-home2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 90%;
    width: 100%;
    z-index: -1;
    background-attachment: fixed;
}
.row.team_bg {
    background: #fff;
    padding: 30px 19px 120px;
    box-shadow: 0px 5px 7.5px rgba(27,27,27,0.1);
}
.team-section.home-two .team-thumb:before {
    display: none;
}

.team-section.home-two .team-contents {
    background: #209E30;
    padding: 28px 0 15px;
    text-align: center;
}

.team-section.home-two .team-title h3 a {
    margin-bottom: 3px;
}

/* team social icon */
.team-section.home-two .team-social-icon {
    transform: translateY(-50%);
    right: -51px;
    top: 50%;
    transition: 0.5s;
}

.team-section.home-two .single-team-box:hover .team-social-icon {
    right: 18px;
}
.team-section.home-two ul.social-icons li a {
    margin-bottom: 0;
    width: 50px;
    height: 37px;
}

/* owl dont corosol */
.team-list .owl-dots {
    position: absolute;
    left: 23px;
    right: 0;
    margin: auto;
    text-align: center;
    cursor: pointer;
    bottom: -69px;
}

.team-list .owl-dot {
    display: inline-block;
    height: 10px;
    width: 30px;
    background: #8FCE97;
    margin-right: 20px;
}

.team-list .owl-dot.active {
    background: #209E30;
}
/* team sention style 3 */
.team-section.style3 {
    padding: 120px 0 120px;
}

.team-section.home-two.style3 {
    padding: 120px 0 120px;
}
.team-section.home-two.style3:after {
    height: 77%;
}
/*================================
 <--StartGardenic  Testimonial Section   Css-->
=================================*/
.testimonial-section {
    padding: 50px 0 200px;
	background: #FBFAF6;
}

.testimonial-single-box {
    position: relative;
}

.testimonial-thumb {
    float: left;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translate(1%, -50%);
	width: 125px;
	height: 135px;
}

.testi-icon {
    position: absolute;
    top: 35px;
    right: -32px;
}

.testimonial-content {
    background: #fff;
    padding: 0px 0 0px 127px;
    overflow: hidden;
    border: 1px solid #1F9D2F;
    position: relative;
    margin-left: 70px;
    height: 260px;
}

.testimonial-text {
    margin-top: 33px;
}

.testimonial-text p {
    font-size: 1.1em;
    color: #646464;
    font-weight: 400;
    font-style: italic;
    font-family: "Poppins";
}

.testi-title h3 {
    font-size: 22px;
    color: #209e2f;
    font-weight: 700;
    font-family: "Nunito";
    margin-top: 18px;
}

.testi-title p {
    font-size: 1em;
    color: #646464;
    margin-top: 8px;
}

/* --- TESTIMONIAL MOBILE & PADDING FIX --- */

/* Apply to all views (Desktop & Mobile) */
.testimonial-text {
    padding-right: 25px !important; /* Prevents text from hitting the right border */
    padding-left: 5px; /* Slight offset for balance */
}

/* Mobile Specific Adjustments (767px and below) */
@media (max-width: 767px) {
    .testimonial-text {
        line-height: 1.6 !important;
        padding-right: 20px !important;
    }
	
	.testimonial-text p {
		font-size: .9em;
	}

    .testi-title h4 {
        font-size: 18px !important; /* Tightens the name/title area */
        margin-bottom: 5px !important;
    }

    /* If there is a box/wrapper, ensure it can grow */
    .single-testimonial-item {
        padding: 20px !important;
        height: auto !important;
        min-height: 250px; /* Gives enough room without a hard cap */
    }
}

.testi-rating {
    padding-left: 5px;
    margin-bottom: 10px;
}

/* owl dot carousel */

.testimonial-list .owl-dots {
    text-align: center;
    position: absolute;
    bottom: -97px;
    right: 0;
    left: 0;
}

.testimonial-list .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #C6E7CC;
    margin-bottom: 7px;
    transition: .5s;
    display: inline-block;
    margin-right: 10px;
}

.testimonial-list .owl-dot.active {
    background: #1F9D2F;
}


/*================================
 <--StartGardenic  Testimonial Section Style Two  Css-->
=================================*/

.testimonial-section.style-tow {
    position: relative;
    padding: 116px 0 0;
    background: #FBFAF6;
}

.testimonial-section.style-tow:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 85%;
    width: 100%;
    background: url(assets/images/testi_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.row.style-tow-home_bg {
    position: relative;
    padding: 60px 0 50px;
    z-index: 1;
    background: #fff;
    filter: drop-shadow(0px 5px 7.5px rgba(27,27,27,0.05));
}

.row.style-tow-home_bg:before {
    position: absolute;
    left: -19px;
    top: 0;
    height: 100%;
    width: 103%;
    background: #fff;
    z-index: -1;
    content: "";
}


.testimonial-list2 .owl-dots {
    text-align: center;
    padding-top: 50px;
}
.testimonial-list2 .owl-dot {
    background: #8FCE97;
    height: 10px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.testimonial-list2 .owl-dot.active {
    background: #209E30;
}



/*================================
 <--StartGardenic  Testimonial Section  Style 3Css-->
=================================*/

.testimonial-section.style3 {
    padding: 120px 0 75px;
}

.testimonial-single-item {
    position: relative;
}
.testimonial-section.style3 .testimonial-thumb1 {
    text-align: center;
}



.testimonial-section.style3 .testimonial-contents {
    background: #FBFAF6;
    text-align: center;
    padding: 77px 0 60px;
    position: relative;
    margin-top: -44px;
    z-index: -1;
    overflow: hidden;
}


.testimonial-title h3 {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}

.testimonial-title p {
    color: #209e2f;
    font-weight: 500;
}

.testi-shape1 {
    position: absolute;
    bottom: -64px;
    left: -28px;
    opacity: 0;
    transition: 0.5s;
}

.testi-shape {
    width: 85px;
    height: 85px;
    filter: drop-shadow(0px 5px 5px rgba(27,27,27,0.05));
    background-color: #ffffff;
    line-height: 85px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    top: -46px;
    text-align: center;
}
/* all hover */
.testimonial-single-item:hover .testi-shape1 {
    bottom: -24px;
    opacity: 1;
}

/* owl carouse */
.testimonial-list3 .owl-nav {
    position: relative;
    top: -263px;
}
.testimonial-list3 .owl-prev {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #E8F5EB;
    line-height: 50px;
    text-align: center;
    left: -90px;
    color: #1F9D2F;
    font-size: 20px;
    transition: 0.5s;
}
.testimonial-list3 .owl-next {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #E8F5EB;
    line-height: 50px;
    text-align: center;
    right: -90px;
    color: #1F9D2F;
    font-size: 20px;
    transition: 0.5s;
}

.testimonial-list3 .owl-next:hover{
    background: #1F9D2F;
    color: #fff;
}

.testimonial-list3 .owl-prev:hover{
    background: #1F9D2F;
    color: #fff;
}

/*================================
 <--Start 3-Step Section   Css-->
=================================*/


/* Task 9: Step Plan Icons */
.step-icon {
    width: 60px;
    height: 60px;
    background: var(--primary-green);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
}


/* --- Task 9: 3-Step Process Styles --- */

.step-number {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f4fbf4; /* Very light brand green */
    color: #1F9D2F;
    font-size: 24px;
    font-weight: 800;
    border-radius: 50%;
    margin: 0 auto;
    border: 2px dashed #1F9D2F;
    position: relative;
}

/* Optional: Connecting line between steps on desktop */
@media (min-width: 992px) {
    .process-step {
        position: relative;
    }
    .process-step:not(:last-child)::after {
        content: "→";
        position: absolute;
        top: 35px;
        right: -15%;
        font-size: 30px;
        color: #eee;
    }
}

.process-step h4 {
    font-weight: 700;
    color: #1B1B1B;
}

.btn-main-large {
    background: #1F9D2F;
    color: white;
    padding: 18px 40px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s;
}

.btn-main-large:hover {
    background: #167d24;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/*================================
 <--End 3-Step Section   Css-->
=================================*/

/*================================
 <--Start Risk Reversal Section   Css-->
=================================*/


/* --- Task 10: Risk Reversal Styles --- */

.risk-reversal-section {
    border-top: 1px solid #e9eee9;
    border-bottom: 1px solid #e9eee9;
}

.risk-icon {
    font-size: 24px;
    line-height: 1;
    margin-right: 20px; /* Increased room between icon and text */
    flex-shrink: 0;      /* Ensures icon doesn't squish when text is long */
    margin-top: 2px;    /* Aligns icon with the top of the bold text */
}

.risk-card {
    background: #ffffff;
    padding: 18px; /* Reduced from 25px for a more compact look */
    border-radius: 8px;
    height: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.risk-icon {
    font-size: 22px;
    line-height: 1;
    margin-right: 15px; /* Balanced spacing: enough to breathe, not a gap */
    flex-shrink: 0;
    margin-top: 3px;
}

.risk-card h5 {
    font-size: 16px; /* Slightly smaller for better proportions */
    margin-bottom: 5px;
    color: #1B1B1B;
}

.risk-card p {
    line-height: 1.4;
    color: #666;
}

.risk-card:hover {
    border-color: rgba(31, 157, 47, 0.3);
    box-shadow: 0 6px 15px rgba(31, 157, 47, 0.08);
}


/*================================
 <--End Risk Reversal Section   Css-->
=================================*/


/*================================
 <--StartGardenic  Blog Section   Css-->
=================================*/

.blog-section {
    background: #FBFAF6;
    padding: 118px 0 250px;
}


.blog-left {
    position: relative;
    margin-left: -15px;
}

.single-box-blog {
    display: inline-flex;
}

.blog-thumb {
    display: inline-block;
    z-index: 1;
    position: relative;
}
/* blog content */
.blog-content {
    background: #fff;
    padding: 36px 3px 30px 64px;
    position: relative;
    display: inline-block;
    top: 130px;
    margin-left: -37px;
    width: 385px;
    transition: 0.5s;
}

.blog-content:hover {
    box-shadow: 0 0 10px rgb(233 226 226 / 80%);
}

/* meta blog */
p.meta-blog-date {
    transition: 0.5s;
}
p.meta-blog-date:hover {
    color: #1F9D2F;
}
p.meta-blog-date i {
    color: #1F9D2F;
    margin-right: 10px;
}

p.meta-blog-date span {
    padding-left: 25px;
}

.blog-title {
    margin-bottom: 16px;
}

.blog-title h3 a {
    font-size: 20px;
    line-height: 26px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    display: block;
    margin-top: -2px;
}
/* blog button */
.blog-btn a {
    display: inline-block;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
    font-family: "Poppins";
    position: relative;
}
.blog-btn a:hover {
    color: #1F9D2F;
}

.blog-btn a i {
    margin-left: 10px;
    position: relative;
    top: 2px;
}

/* all hover */
.blog-content:hover .blog-title h3 a {
    color: #1F9D2F;
}

/*================================
 <--StartGardenic  Blog Section style2  Css-->
=================================*/
.blog-section.style2 {
    padding: 118px 0 120px;
}

.single-blog-box {
    overflow: hidden;
    position: relative;
    filter: drop-shadow(0px 5px 5px rgba(27,27,27,0.05));
}

.blog-section.style2 .blog-thumb {
    transform: scale(1.1);
    overflow: hidden;

}
.blog-thumb img{
    transition: 0.6s;
}
.single-blog-box:hover .blog-thumb img{
    transform: scale(1.2);
}
.blog-contents {
    background: #fff;
    padding: 24px 30px 22px;
}

.blog-section.style2 p.meta-blog-date {
    font-size: 16px;
    color: #646464;
    font-weight: 500;
}

.blog-section.style2 p.meta-blog-date span {
    margin-left: 24px;
    position: relative;
}

.blog-section.style2 p.meta-blog-date span:before {
    position: absolute;
    left: -21px;
    top: 9px;
    background: #1F9D2F;
    height: 5px;
    width: 5px;
    content: "";
    border-radius: 10px;
}

.blog-section.style2 .blog-title h3 a {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    color: #1b1b1b;
    font-weight: 700;
    transition: 0.5s;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 22px;
    margin-bottom: 2px;
}
.blog-title h3 a:hover {
    color: #1F9D2F;
}

.blog-section.style2 .blog-title h3 a:hover {
    text-decoration: revert;
    color: #1F9D2F;
}


.blog-section.style2 .blog-btn a i {
    margin-left: 3px;
    position: relative;
    top: 5px;
    font-size: 24px;
}

.blog-section.style2 .blog-btn a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 3px;
    height: 1px;
    width: 0%;
    background: #1b1b1b;
    transition: 0.5s;
}

/* all hover */
.blog-title h3 a:hover {
    text-decoration: revert;
    color: #1F9D2F;
}

.single-blog-box:hover .blog-btn a:before {
    width: 76%;
}

/* blog section tow style 3 */

.blog-section.tow.style3 {
    padding: 120px 0 90px;
}

.blog-section.tow.style3 .single-blog-box .blog-thumb img {
    transform: scale(1);
}

.blog-section.tow.style3 .single-blog-box {
    margin-bottom: 30px;
}
/*================================
 <--StartGardenic  Footer Section   Css-->
=================================*/

.footer-section {
    background: url(assets/images/footer_bg.jpg);
    position: relative;
    padding: 100px 0 120px;
    height: 562px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.row.footer_bg {
    position: relative;
    margin-bottom: 106px;
}

.row.footer_bg:before {
    position: absolute;
    content: "";
    left: 13px;
    bottom: -73px;
    height: 1px;
    width: 98%;
    background: #fff;
    opacity: 0.149;
}

/*footer-widget-title*/
.footer-widget-title h2 {
    margin-bottom: 27px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Nunito";
    margin-top: 6px;
}

.footer-widget-description p {
    margin-top: 20px;
    opacity: 0.702;
    line-height: 25px;
    color: #ffffff;
    width: 81%;
    margin-bottom: 38px;
}

.footer-widget-form .form-box input {
    width: 308px;
    height: 55px;
    background-color: #ffffff;
    padding: 0 71px 0 20px;
    outline: 0;
    border: none;
}

.footer-widget-form .form-box input::placeholder {
    font-size: 16px;
    color: #646464;
    font-weight: 400;
}

.footer-widget-form .form-box button {
    margin-top: 5px;
    position: absolute;
    margin-left: -60px;
    width: 48px;
    height: 45px;
    background: #209e2f;
    border: none;
    outline: 0;
    color: #fff;
}

.company-info-desc p {
    font-size: 16px;
    opacity: 0.800;
    color: #fff;
    width: 86%;
    margin-bottom: 12px;
    transition: 0.5s;
}
.company-info-desc p:hover {
    color: #1F9D2F;
}


.footer-social-info p {
    opacity: 0.800;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 21px;
    transition: 0.5s;
}
.footer-social-info p:hover {
    color: #1F9D2F;
}
/*company widget info*/

.company-widget-info-list ul li {
    list-style: none;
}

/*company widget info list*/
.company-widget-info-list ul li a {
    display: inline-block;
    margin-bottom: 14px;
    transition: .5s;
    opacity: 0.800;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
}

.company-widget-info-list ul li a:hover {
    color: #1F9D2F;
    opacity: 1;
}

/*recent-tost-text*/

.recent-post-item.style {
    border-bottom: 1px solid;
    margin-bottom: 25px;
}
.recent-post-item {
    padding-bottom: 3px;
    padding-top: 5px;
}
.recent-thumb {
    float: left;
    margin-right: 20px;
}
.recent-tost-text h6 a {
    opacity: 0.800;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
}

.recent-tost-text h6 a:hover {
    color: #1F9D2F;
}

p.rcomment {
    opacity: 0.800;
    font-size: 12px;
    color: #ffffff;
    margin-top: 3px;
}

p.rcomment i {
    margin-right: 3px;
}

/*footer bottom*/
.footer-bottom-content p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    opacity: 0.800;
}

.footer-bottom-content p span {
    color: #1F9D2F;
}



/*
<!-- ============================================================== -->
<!--  Start Gardenic Home2 Call do Action -->
<!-- ============================================================== -->*/

.call-do-action {
    background: url(assets/images/call-do_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 90px 0 210px;
    background-attachment: fixed;
}


.call-do-title h1 {
    font-size: 45px;
    line-height: 58px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Nunito";
}

.call-do-btn {
    margin-top: 45px;
}

.call-do-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    background: #209E30;
    padding: 9px  21px;
    position: relative;
    z-index: 1;
}

.call-do-btn  a:hover {
    color: #1F9D2F;
}

.call-do-btn  a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #fff;
    transition: 0.5s;
    z-index: -1;
}

.call-do-btn  a:hover:before {
    width: 100%;
    left: 0;
}

.call-do-btn a i {
    margin-left: 10px;
    background: #6EC078;
    display: inline-block;
    width: 38px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    transition: 0.5s;
}

.call-do-btn a:hover i {
    background: #1F9D2F;
    color: #fff;
}


/*================================
 <--Start Gardenic  Counter Section   Css-->
=================================*/

.counter-section.style-two {
    padding: 230px 0 120px;
}
.row.counter_upper {
    background: #FBFAF6;
    padding: 61px 0 59px;
    margin-top: -110px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 5px 7.5px rgba(27,27,27,0.05);
}
.counte-sengle-item {
    text-align: center;
}

.counter-namber h1 {
    display: inline-block;
    font-size: 45px;
    color: #209e2f;
    font-weight: 700;
    font-family: "Nunito";
}

.counter-title span {
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 500;
    font-family: "Poppins";
}

/*================================
 <--Start Gardenic  Brand Section   Css-->
=================================*/
.brand-section {
    padding: 0 0 120px;
}
/* brand style tow */
.brand-section.style-tow {
    background: #FBFAF6;
    padding: 120px 0 116px;
}
/* brand style 3 */
.brand-section.style-3 {
    padding: 120px 0 120px;
}

.owl-carousel .owl-item img {
    display: inline-block !important;
}

.brand-single-item {
    text-align: center;
}

.brand-thumb img {
    filter: brightness(0)invert(0);
    transition: 0.5s;
}

.brand-thumb img:hover {
    filter: brightness(1)invert(0);
}



/*================================
 <--Start Gardenic  Skill Section   Css-->
=================================*/

.skill-section {
    padding: 120px 0 100px;
}

.skill-section .section-main-title {
    margin-bottom: 18px;
}
.skill-section .section-description p {
    width: 85%;
}
.skill-content {
    position: relative;
    left: -90px;
    top: -6px;
}

.skill-text {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 18px;
    margin-bottom: 24px;
}

p.date {
    margin-bottom: 3px;
}

h3.skill-title {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}


/* skill right */
.skill-right {
    padding: revert;
    margin-left: 50px;
}
/*prossess ber*/

.prossess-ber-plugin {
    margin-top: 44px;
}

.prossess-ber-plugin span {
    font-size: 20px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    margin-top: 10px;
}

.barfiller {
    width: 102%;
    height: 5px;
    background: #eaeaea;
    position: relative;
    margin-bottom: 24px;
    margin-top: 4px;
    border-radius: 5px;
}

span.fill {
    background: #209e2f!important;
    border-radius: 5px;
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #333;
  z-index: 1;
}

.barfiller .tip {
    margin-top: -41px;
    left: 0px;
    position: absolute;
    font-size: 20px;
    line-height: 36px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
}

/*================================
 <--Start Gardenic  Process Section   Css-->
=================================*/
.process-section {
    background: #FBFAF6;
    padding: 120px 0 95px;
}

.process-single-box {
    text-align: center;
    padding: 0 16px 0;
    position: relative;
}


.process-icon {
    height: 130px;
    width: 130px;
    border: 1px solid #eaeaea;
    display: inline-block;
    line-height: 130px;
    position: relative;
}

.process-icon:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(assets/images/work-shape.png);
    background-repeat: no-repeat;
    background-position: center center;
    transform: scale(0);
    transition: 0.5s;
}

.process-icon:after {
    position: absolute;
    content: "";
    left: 177px;
    top: 0;
    background: url(assets/images/process-shape1.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.process-icon.style:after {
    display: none;
}

.process-namber p {
    position: absolute;
    top: 0;
    right: -24px;
    width: 40px;
    height: 40px;
    background-color: #209e2f;
    line-height: 40px;
    text-align: center;
    margin: auto;
    bottom: 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Nunito";
}

/* process content */

h3.process-title {
    font-size: 22px;
    color: #1b1b1b;
    font-weight: 700;
    font-family: "Nunito";
    margin-top: 27px;
    margin-bottom: 10px;
}

/* all hover */

.process-single-box:hover .process-icon:before {
    transform: scale(1);
    
}
/*
<!-- ============================================================== -->
<!--   DreamhubGardenic breadcumb-Section -->
<!-- ============================================================== -->*/
.breadcumb-area {
    background: url(assets/images/bridcumb_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 550px;
    position: relative;
}
.breadcumb-area:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(1 22 3 / 62%);
}
.breacumb-content {
    position: relative;
    text-align: center;
}

.breadcumb-content-text {
    position: absolute;
    bottom: -279%;
    padding: 23px 30px;
    background-color: rgb(1 69 9 / 90%);
    border-radius: 20px 20px 0px 0px;
    max-width: 775px;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}
.breadcumb-title h1 {
    font-size: 70px;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 700;
}

.breadcumb-content-text a {
    transition: .5s;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 80px;
    position: relative;
}

.breadcumb-content-text a:after {
    position: absolute;
    top: 48%;
    left: 92px;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.breadcumb-content-text a:before {
    position: absolute;
    width: 21px;
    content: "";
    height: 21px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    margin-left: 84px;
    top: 4px;
}


.breadcumb-content-text span {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}



/*================================
 <--StartGardenic  Team Section   Css-->
=================================*/


/*================================
 <--StartGardenic  Service  Details Area   Css-->
=================================*/
.service-detials-area {
    padding: 120px 0 90px;
}
/*widget search*/

.widget_search {
    padding: 30px 30px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 70px rgb(0 0 0 / 5%);
    background: #FBFAF6;
    border: 1px solid #E2E5E7;
}


.widget_search form {
    position: relative;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    position: relative;
    color: #fff;
    border: 0;
    outline: 0;
    background: rgb(32 88 38 / 50%);
}

.widget_search input::placeholder{
    color: #fff;
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: #1F9D2F;
    border-radius: 0 4px 4px 0;
}

/*widget categories box*/



.widget-categories-box {
    padding: 42px 40px 25px;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 70px rgb(0 0 0 / 5%);
    border: 1px solid #E2E5E7;
    background: #FBFAF6;
}

/*title*/

.categories-title h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    border-bottom: 2px solid rgb(255 255 255 / 44%);
    padding: 0px 0 15px;
    margin: 0 0 30px;
    position: relative;
    padding-left: 10px;
    color: #fff;
}

.categories-title h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 24px;
    width: 3px;
    background: #1F9D2F;
}
/*categories menu*/

.widget-categories-menu ul {
    display: block;
}

.widget-categories-menu ul li {
    display: block;
    list-style: none;
    margin-bottom: 15px;
    background: transparent;
    padding: 16px 20px 16px;
    border-radius: 4px;
    transition: .5s;
    border: 2px solid #eaeaea;
    position: relative;
    z-index: 1;
}

.widget-categories-menu ul li:hover {
    border: 2px solid #1F9D2F;
}

.widget-categories-menu ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #1F9D2F;
    transition: .5s;
    z-index: -1;
}

.widget-categories-menu ul li:hover:before{
    width: 100%;
}

.widget-categories-menu ul li a {
    display: block;
    color: #1F9D2F;
    transition: .5s;
}
.widget-categories-menu ul li a span {
    display: inline-block;
    float: right;
    background: #1F9D2F;
    height: 22px;
    width: 22px;
    font-size: 12px;
    text-align: center;
    margin-top: 6px;
    color: #fff;
    line-height: 22px;
    transition: .5s;
}

.widget-categories-menu ul li:hover a span {
    background: #fff;
    color: #0E1317;
}

.widget-categories-menu ul li:hover a {
    color: #fff;
}

.pdf-button a {
    display: block;
    background: #1F9D2F;
    padding: 15px 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.pdf-button a i {
    float: right;
    font-size: 20px;
    margin-top: 2px;
}

/* Sidber Recent Post */

.sidber-widget-recent-post {
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 22px;
}

.recent-widget-content a {
    color: #1b1b1b !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    display: block;
    line-height: 26px;
    transition: .5s;
    margin-bottom: 7px;
}

.recent-widget-thumb {
    float: left;
    margin-right: 25px;
}

.sidber-widget-recent-post .recent-widget-content a {
    color: #1F9D2F;
    font-size: 18px;
}

.recent-widget-content a:hover {
    color: #1F9D2F !important;
}


/* Sidber Achivement CSS */

.widget-achivement ul li {
    list-style: none;
    margin-bottom: 6px;
}

.widget-achivement ul li a i {
    font-size: 17px;
    margin-right: 3px;
}

.widget-achivement ul li a {
    font-weight: 600;
    transition: .5s;
    color: #1b1b1b;
}

.widget-achivement ul li a span {
    float: right;
}

.widget-achivement ul li a:hover{
    color: #1F9D2F;
}

/* Sidber Widget Gallery CSS */

.widget-gallery {
    overflow: hidden;
}

.widget-gallery-thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Sidber Widget Tags CSS */

.widget-tags a {
    display: inline-block;
    border: 2px solid #eaeaea;
    padding: 3px 20px;
    margin: 4px 3px;
    border-radius: 2px;
    color: #1b1b1b;
    font-weight: 500;
    position: relative;
    transition: .5s;
    z-index: 1;
}

.widget-tags a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0px;
    height: 102%;
    width: 0%;
    background: #1F9D2F;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.widget-tags a:hover{
    color: #fff;
    border-color: #1F9D2F;
}

.widget-tags a:hover:before{
    width: 102%;
}

/* Service Details Content CSS */

.service-details-main-title {
    padding: 20px 0 18px;
}

.service-details-main-title h1 {
	font-size: 50px;
	font-weight: 700;
}

.service-details-video-thumb {
    position: relative;
    padding-top: 20px;
}
.video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding-top: 8px;
}
.video-icon a i {
    height: 80px;
    line-height: 80px;
    width: 80px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #074883;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
} 
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}



.service-details-overview-title {
    padding: 22px 0 15px;
}

.service-details-overview-title h2 {
    font-size: 30px;
}

.service-details-overview-list ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.service-details-overview-list ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    height: 12px;
    width: 12px;
    background: #1F9D2F;
    border-radius: 50%;
}

.service-details-choose-us {
    padding-bottom: 10px;
}

.service-details-choose-us-title {
    padding: 5px 0 15px;
}

.service-details-choose-us-title h2 {
    font-size: 30px;
}

.service-details-box {
    background: #1F9D2F;
    padding: 30px 30px 10px;
    margin-bottom: 30px;
    position: relative;
}

.service-details-number {
    position: absolute;
    right: 60px;
}

.service-details-number h2 {
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: rgba(255,255,255,0.2);
    font-size: 48px;
    font-weight: 600;
}

.service-details-icon img {
    filter: brightness(0)invert(1);
    margin-bottom: 8px;
}

.service-details-content h2 {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
}

.service-details-box .service-details-content p {
    color: #fff;
}

.service-details-thumb img {
    width: 100%;
}

.service-details-video-thumb-inner img {
    width: 100%;
}


/*================================
 <--Gardenic   Blgo Details  Area Css-->
==================================*/
.blog-detials-area {
    padding: 120px 0 120px;
}

.blog-grid-area {
    padding: 120px 0 90px;
}

.blog-details-main {
    background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.05);
}
.blog-details-meta {
    background: #1F9D2F;
    padding: 16px 30px;
}

.blog-details-meta span {
    margin-right: 30px;
    color: #fff;
}

.blog-details-meta span i {
    color: #fff;
    padding-right: 5px;
}

.blog-details-content {
    padding: 20px 0 18px;
}

.blog-details-content h2 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 15px;
}

.blog-details-thumb img {
    width: 100%;
}

.blog-details-des {
    padding: 30px 0 10px;
}

.blog-details-blockquote {
    background: rgba(32,158,47,0.8);
    padding: 40px 38px 26px;
    position: relative;
    margin-bottom: 10px;
}

.blog-details-blockquote blockquote {
    font-size: 18px;
    color: #fff;
}
.blog-details-video-thumb {
    margin-top: 30px;
    position: relative;
}

.blog-details-video-thumb img {
    width: 100%;
}

.blog-details-video-thumb-inner img {
    width: 100%;
}

.blog-details-content h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
}

.blog-details-content-list p i {
    font-size: 14px;
    height: 32px;
    width: 32px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 31px;
    border-radius: 100%;
    margin-right: 15px;
    color: #1F9D2F;
}

.blog-detials-area .blog-content {
    padding: 20px 30px 38px;
}

.blog-details-button a {
    display: inline-block;
    border: 2px solid #1F9D2F;
    padding: 3px 20px;
    position: relative;
    z-index: 1;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
}

.blog-details-button a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: -1px;
    height: 104%;
    width: 104%;
    background: #1F9D2F;
    z-index: -1;
    border-radius: 3px;
    transition: .5s;
}

.blog-details-button a.active {
    background: transparent;
    transition: .5s;
    margin-left: 10px;
    color: #1F9D2F;
}
.blog-details-button a.active:before{
    background: transparent;
}

.blog-details-button a.active:hover:before{
    background: #1F9D2F;
}

.blog-details-button a.active:hover{
    color: #fff;
    border-color: #1F9D2F;
}

.blog-details-social {
    text-align: right;
}

.blog-details-social a {
    display: inline-block;
    border: 2px solid #1F9D2F;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    transition: .5s;
    margin-left: 5px;
    color: #1F9D2F;
}

.blog-details-social a:hover{
    background: #1F9D2F;
    border-color: #1F9D2F;
    color: #fff;
}

/* Blog Details Author */

.blog-details-author {
    border-top: 2px solid rgba(255,255,255,0.2);
    padding-top: 40px;
    margin-top: 32px;
}

.blog-details-author-inner {
    background: #1F9D2F;
    padding: 30px 30px 70px;
}

.blog-details-author-thumb {
    float: left;
    margin-right: 30px;
}

.blog-details-author-content h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #ffff;
}
.blog-details-author-content p {
    color: #ffffffbd;
}

/* Comment CSS */

.blog-details-comment {
    margin-bottom: 10px;
    position: relative;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 30px;
}

.blog-details-comment-content {
    overflow: hidden;
}

.blog-details-comment-content h2 {
    font-size: 18px;
    margin-top: 0;
}

.blog-details-comment-content span {
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

.blog-details-comment-reply {
    position: absolute;
    right: 25px;
}

.blog-details-comment-reply a {
    background: #1F9D2F;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
}

.blog-details-comment.reply {
    margin-left: 70px;
    padding-top: 35px;
    border-top: 2px solid rgba(255,255,255,0.2);
}

/* Blog Details Contact */

.blog-details-contact {
    border-top: 2px solid rgba(255,255,255,0.2);
    margin: 12px 10px 10px;
    padding-top: 8px;
}
/*input-box*/
.input-box input {
    width: 100%;
    height: 50px;
    border: 1px solid #0202021a;
    margin-bottom: 30px;
    padding: 0 20px;
    outline: 0;
    border-radius: 3px;
}

.input-box textarea {
    width: 100%;
    height: 207px;
    outline: 0;
    border: 1px solid  #0202021a;
    padding: 22px 20px 0;
    border-radius: 3px;
}

/*input button*/
.input-button {
    margin-top: 27px;
}
.input-button button {
    display: inline-block;
    padding: 13px 39px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    background: #1F9D2F;
    border: 1px solid #1F9D2F;
    transition: .5s;
}
.input-button button:hover {
    border: 1px solid #1F9D2F;
    color: #1F9D2F;
    background: none;
}
.input-button button i {
    margin-left: 10px;
}

/*================================
 <-- Gardenic  Faq Section Css-->
==================================*/

/*
.faq-section {
    background: url(assets/images/bridcumb_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 120px;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}

.faq-section:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(2 14 3 / 74%);
}

.faq-section .section-title {
    margin-bottom: 37px;
}
.faq-section .section-main-title h1 {
    color: #fff;
}
*/

/*accordion*/

/*
.accordion li {
    list-style: none;
    padding: 2px 0px 15px;
    position: relative;
    z-index: 1;
}

.accordion li:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 20px;
    top: 16px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.10196078431372549);
    border: 1px solid rgba(31,157,47,0.7);
}
.active .accordion li:before {
    background-color: rgba(255, 255, 255, 0.10196078431372549) !important;
}

.accordion li a {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.050980392156862744);
    border: 1px solid #1F9D2F;
    padding: 14px 20px 14px 28px;
    border-radius: 30px;
    z-index: 1;
}

.accordion li p {
    display: none;
    font-size: 16px;
    color: #fff;
    padding: 25px 0 10px 30px;
    margin: 0;
}

.accordion a:before {
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 32px;
    content: " ";
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}

.accordion a:after {
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 28px;
    content: " ";
    top: 26px;
    transition: all 0.2s ease-in-out;
}


.faq-section  a.active {
    color: #fff !important;
    border: 1px solid #1F9D2F!important;
    background: #1F9D2F!important;
}
.accordion li a span {
    position: relative;
    z-index: 1;
}

*/

/*contact form bg*/

.contract-form-bg {
    padding: 15px 35px 40px;
    background: #fff;
    border-radius: 3px;
    width: 430px;
    position: relative;
    z-index: 1;
    left: 100px;
}

.contract-form-bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 147px;
    width: 100%;
    background: #1F9D2F;
    z-index: -1;
    border-radius: 3px 3px 0 0;
}

.contract-form-bg:after {
    position: absolute;
    content: "";
    top: 137px;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(assets/images/faq-contact-shape.png);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-form-title {
    padding: 0 0 100px;
}
.contact-form-title h4 {
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
}
.contact-form-title p {
    color: #fff;
    font-size: 18px;
    padding: 10px 0 0;
}

.contract-form-bg .form_box input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    background: #fafcff;
    border-radius: 30px;
    color: #232323;
    border: 1px solid rgba(31,157,47,0.7);
    transition: .5s;
    margin-bottom: 20px;
    outline: 0;
}

.contract-form-bg .form_box textarea {
    width: 100%;
    background: #fafcff;
    padding-left: 25px;
    padding-top: 20px;
    height: 135px;
    border: 1px solid rgba(31,157,47,0.7);
    border-radius: 30px;
    color: #232323;
    transition: .5s;
    outline: 0;
}

.contract-form-bg .quote_button {
    text-align: center;
    margin-top: 20px;
}
.contract-form-bg .quote_button button.btn {
    color: #fff;
    background: #1F9D2F;
    padding: 13px 102px;
    border-radius: 30px;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
}

.quote_button button.btn:hover{
    color: #1F9D2F;
}
.quote_button button.btn:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #fff;
    height: 100%;
    width: 0%;
    border: 1px solid #1F9D2F;
    z-index: -1;
    border-radius: 30px;
    transition: .5s;
}

.quote_button button.btn:hover:before {
    left: 0;
    width: 100%;
}


/*<!-- ============================================================== -->
<!-- Start   gardenic Portfolio sectiond Css -->
<!-- ============================================================== -->*/
.portfolio-detials-area {
    padding: 95px 0 100px;
}
.portfolio-details-main-title {
    padding: 0 0 18px;
}

.portfolio-details-text {
    padding-bottom: 1px;
}

.portfolio-details-overview-title {
    padding: 22px 0 15px;
}

.portfolio-details-overview-title h2 {
    font-size: 30px;
    font-weight: 700;
}

.portfolio-details-overview-list ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.portfolio-details-overview-list ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    height: 12px;
    width: 12px;
    background: #1F9D2F;
    border-radius: 50%;
}

.portfolio-details-thumb img {
    width: 100%;
}

.portfolio-details-thumb {
    margin-top: 20px;
}

.portfolio-details-clients-title {
    padding-bottom: 10px;
}

.portfolio-details-clients-title h2 {
    font-size: 30px;
    font-weight: 800;
}
/*<!-- ============================================================== -->
<!-- Start   gardenic Contact Area Css -->
<!-- ============================================================== -->*/
.contact-section {
    padding: 110px 0 70px;
}

.contact-left {
    position: relative;
    margin-left: 36px;
}

.row.contact_bg {
    padding: 43px 23px 50px;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(88 82 174 / 10%);
    position: relative;
}
.row.contact_bg p {
    color: #1d263a;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
}
.form_box input {
    border: 1px solid rgba(100,100,100,0.1);
    width: 100%;
    height: 50px;
    padding: 0 18px;
    margin-bottom: 20px;
    outline: 0;
}
.form_box input::placeholder {
    color: rgba(100,100,100,0.8);
}
.form_box textarea {
    width: 100%;
    height: 135px;
    padding: 14px 18px;
    border:  1px solid rgba(100,100,100,0.1);
    outline: 0;
}
.form_box textarea::placeholder {
    color: rgba(100,100,100,0.8);
}
.contact-form-button button {
    background: #1F9D2F;
    color: #fff;
    border: 1px solid #1F9D2F;
    padding: 11px 33px;
    margin-top: 35px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.contact-form-button button:hover {
    color: #1F9D2F;
}
.contact-form-button button:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background: #fff;
    height: 100%;
    transition: .5s;
    width: 0;
    z-index: -1;
}
.contact-form-button button:hover:before {
    width: 100%;
    left: 0;
}
.contact-form-button button i {
    margin-left: 10px;
}

/* google section  */

.mapouter.fixed-height {
    height: 600px;
}

.gmap_canvas {
    width: 100%;
    height: 100%;
}
.mapouter iframe {
    height: 92%;
    width: 100%;
}
/*
<!-- ============================================================== -->
<!--  Shop Details  Css -->
<!-- ============================================================== -->*/

.shop-detials {
    padding: 100px 0 70px;
}

.style-three.tab {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    border: 1px solid rgba(6,36,98,0.1);
    padding: 15px 44px 15px;
    border-radius: 10px;
    margin-right: 15px;
}

.style-three .tabs li a {
    background: inherit;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    outline: none;
    padding: 5px;
    transition: all 0.5s ease-in-out;
    margin-right: 20px;
    border-radius: 5px;
}

.style-three .tabs li.current:before {
    background: transparent;
}

.style-three li.current a {
    border: 1px solid #1F9D2F;
}

/*Shop dtls Right
============================*/

.shop-dtls-info {
    padding-left: 30px;
}

.category-title h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 26px;
    padding: 0px 0 23px;
}

.category-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #1F9D2F;
    letter-spacing: .4em;
    font-size: 16px;
}

li.category-text {
    letter-spacing: 0 !important;
    color: #67686C!important;
    padding-left: 6px;
}

.category-price h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1F9D2F;
    padding: 6px 0 19px;
}

.category-price span {
    color: #616161;
    padding-left: 14px;
    text-decoration: line-through;
}

.category-color p {
    color: #1b1b1b;
    line-height: 26px;
    font-weight: 500;
    font-size: 16px;
    padding: 18px 0 6px;
}

.category-color span {
    color: #67686C;
    padding-left: 20px;
    position: relative;
}

.category-color span:before {
    position: absolute;
    content: ":";
    left: 4px;
    top: -3px;
}

/* --- Quantity button 
================================*/

.category-count-button {
    display: inline-flex;
    padding: 8px 0 30px;
} 

.quantity-with_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
}

.quantity .cart-plus-minus {
    position: relative;
    width: 170px;
    text-align: left;
    height: 54px;
    overflow: hidden;
    border-radius: 5px;
}

.quantity .cart-plus-minus > .ctnbutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 38px;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    -webkit-transition: .5s;
    background: #1F9D2F;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
    border: 0;
    height: 54px;
    text-align: center;
    width: 170px;
    font-size: 16px;
    font-weight: 600;
    color: #1b1b1b;
    background-color: #fff !important;
    background: linear-gradient(90deg, #1F9D2F 50%, transparent 0) repeat-x, linear-gradient(90deg, #1F9D2F 50%, transparent 0) repeat-x, linear-gradient(0deg, #1F9D2F 50%, transparent 0) repeat-y, linear-gradient(0deg, #1F9D2F 50%, transparent 0) repeat-y;
    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    -webkit-animation: linearGradientMove 0.3s infinite linear;
    animation: linearGradientMove 0.3s infinite linear;
}

.quantity .cart-plus-minus > .ctnbutton.dec {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    height: 100%;
    border-radius: 0 30px 30px 0;
}

.quantity .cart-plus-minus > .ctnbutton.inc {
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

/*categories button
=========================*/

.category-button {
    display: inline-block;
    padding-left: 20px;
}

.category-button a {
    padding: 13px 25px;
    font-size: 15px;
    font-weight: 500;
    background: #1F9D2F;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.category-button a:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #1b1b1b;
    border-radius: 4px;
    transition: .5s;
}

.category-button a i {
    padding-left: 10px;
    font-size: 16px;
}

.category-button a:hover:before {
    left: 0;
    width: 100%;
}

/* table
================*/

table.category-table {
    padding: 2px 0 0;
    display: inline-block;
}

table.category-table td.table-title {
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
}

table.category-table tr td {
    padding-right: 25px;
    padding-bottom: 12px;
}

table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}

table.category-table td.table-text {
    color: #616161;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

table.category-table td.table-text:before {
    position: absolute;
    content: ":";
    left: -15px;
    top: 0;
    font-size: 20px;
    color: #0D0E14;
}

/*shop tab style
=====================*/

.appoinment-tab .tabs li a {
    font-size: 15px;
    background: #fff;
    border: 1px solid rgba(13,14,20,0.1);
    color: #1b1b1b;
    font-weight: 500;
    display: inline-block;
    outline: none;
    padding: 9px 29px;
    transition: all 0.5s ease-in-out;
    margin-right: 20px;
    border-radius: 5px;
}

.appoinment-tab li.current a {
    background: #1F9D2F;
    color: #fff;
}

/*tabs items table
=======================*/

table.tab-items-table {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

table.tab-items-table tr {
    background: #fff;
    height: 66px;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    padding: 20px 0 0 30px;
}

tr.tabs-bg {
    background: #F5F5F5 !important;
}

table.tab-items-table tr td {
    padding-right: 100px;
}

table.tab-items-table td.table-title {
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
}

table.tab-items-table td.table-text {
    color: #0d0e14;
    font-weight: 400;
}

table.tab-items-table td.table-text i {
    color: #1F9D2F!important;
    margin-left: 10px !important;
}


/*post comment box
===================*/ 

.post-comment-thumb {
    float: left;
    margin-right: 20px;
}

.post-content {
    overflow: hidden;
}

/*comment icon list*/

ul.comment-icon-list li {
    list-style: none;
    display: inline-block;
    color: #1F9D2F;
    letter-spacing: .2em;
    font-size: 14px;
}

/*post title*/

h4.post-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 0;
    padding: 2px 0 9px;
}

h4.post-title span {
    padding-left: 31px;
    font-size: 15px;
    color: #616161;
    font-weight: 400;
    position: relative;
}

.post-title span:before {
    position: absolute;
    content: "";
    left: 6px;
    top: 9px;
    height: 1px;
    width: 15px;
    background: #0D0E14;
}

/*right reply*/

span.rights-reply {
    font-weight: 500;
    color: #1b1b1b;
    cursor: pointer;
}

.posts-reply span i {
    display: inline-block;
    margin-right: 5px;
}

/*sidebar title*/

.product-details-respond {
    padding: 35px 0 0;
}

.sidebar-title h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

/*sidebar desc*/

.sidebar-description p {
    font-size: 15px;
    margin: 6px 0 25px;
}

/*sidebar rating list*/

p.sidebar-text {
    display: inline-block;
}

.sidebar-rating-list ul {
    display: inline-block;
    padding-left: 15px;
}

.sidebar-rating-list ul li {
    list-style: none;
    display: inline-block;
    color: #1F9D2F;
    letter-spacing: .4em;
    font-size: 15px;
}

/*from box*/

.contact-form-box2 {
    padding: 25px 0 0;
}

p.form_text {
    color: #000;
    margin-bottom: 10px;
    padding: 10px 0 0;
}

h6.form-title {
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 13px;
    margin: 0;
}

.contact-form-box2 .form-box input {
    height: 54px;
    background-color: #fff;
    border: 1px solid rgba(13,14,20,0.1);
    transition: .5s;
    padding: 0px 25px;
    display: block;
    width: 100%;
    color: #616161;
    margin-bottom: 30px;
    border-radius: 4px;
}

.contact-form-box2 .from-box input::placeholder {
    color: #616161;
    opacity: .6;
}

.contact-form-box2 .form-box textarea {
    height: 155px;
    background-color: #fff;
    border: 1px solid rgba(13,14,20,0.1);
    transition: .5s;
    padding: 15px 25px;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.contact-form-box2 .from-box textarea::placeholder {
    color: #616161;
    opacity: .6;
}

.product-item-title h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    padding: 20px 0 30px;
}

/*contact form button*/

.style-Two.contact-form button {
    padding: 11px 53px;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    background: #1F9D2F;
    transition: 0.5s;
    font-weight: 500;
}

.style-Two.contact-form button i {
    padding-left: 6px;
    position: relative;
    top: 2px;
}

.style-Two.contact-form button:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0.0, 1);
    opacity: 0;
}

.style-Two.contact-form button:hover:before {
    transform: scale(1);
    opacity: 1;
}

.style-Two.contact-form button:hover {
    color: #1b1b1b;
}

/*
Shop style Two
=====================*/

.shops-section {
    padding: 100px 0 40px;
}

.shops-section .row.products {
    padding-left: 0;
}

.single-products-box2 {
    display: flex;
    margin-bottom: 35px;
}

.single-products-box2 .products-thumb img {
    width: inherit;
    transition: .5s;
    border-radius: 4px;
    margin-right: 30px;
}

.single-products-box2 .product-content2 {
    text-align: left;
}

.single-products-box2 .product-title h2 {
    font-size: 24px;
    line-height: 15px;
}

.single-products-box2 .product-price p {
    margin-bottom: 5px;
}

p.description {
    padding: 12px 0 4px;
}

.product-thumb-icon2 a {
    font-size: 14px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 30px;
    background-color: #1b1b1b;
    color: #ffff;
    transition: .5s;
    margin-right: 6px;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.product-thumb-icon2 a:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #1F9D2F;
    transform: scale(0);
    transition: .5s;
}

.product-thumb-icon2 a:hover:after {
    transform: scale(1);
}

/*Tab style
======================*/

.shops-section .tab {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    text-align: right;
    padding: 5px 0 0;
}

.shops-section .tabs {
    display: inline;
}

.shops-section  .tabs li.current:before {
    position: inherit;
}

.shops-section .tabs li a {
    font-size: 35px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background: #0b3510 !important;
    display: inline-block;
    margin-right: 0;
    margin-left: 10px;
    padding: 0;
}

.shops-section li.current a {
    color: #fff !important;
    background: #1F9D2F !important;
}

/*widget
==============*/

.widget {
    display: inline-block;
}

.widget select {
    padding: 15px 13px;
    width: 85%;
    display: inline-block;
    position: relative;
    top: -6px;
    color: #6A6E49;
}


/*================================
 <--StartGardenic  Shop Section   Css-->
=================================*/


.shop-section {
    padding: 100px 0 100px;
}

/* Shop Form*/

.form_box {
    padding: 11px 0 0;
}

p.form-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding-right: 12px;
}

.form_box select {
    width: 30%;
    height: 38px;
    padding-left: 15px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #1b1b1b;
    border: 1px solid rgba(6,36,98,0.4);
    transition: .5s;
}

.upper.widget_search {
    margin-bottom: 40px;
    background: inherit;
    text-align: right;
}

.widget_search form {
    position: relative;
}

.upper.widget_search input {
    height: 60px;
    width: 73%;
    color: #000;
    background: #f6f6f6;
    border: 0;
    border-radius: 4px 0px 0px 4px;
    padding: 0 20px 0;
}

.upper.widget_search input::placeholder {
    color: #000;
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: #1F9D2F;
    border-radius: 0 4px 4px 0;
}

/*Shop Left*/


.categories-title h4 {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid rgba(6,36,97,0.10196078431372549);
    padding: 0px 0 25px;
    margin: 0 0 30px;
    position: relative;
    color: #1d263a;
}

.categories-title h4:before {
    position: absolute;
    content: "";
    left: -35px;
    top: 0;
    height: 29px;
    width: 3px;
    background: #1F9D2F;
}

.widget-check-box {
    padding: 40px 35px 18px;
    background: #fff;
    box-shadow: 0px 10px 50px rgba(231, 231, 231, 0.5);
    border-radius: 4px;
    margin-bottom: 30px;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 2px;
    border: 1px solid rgba(6,36,98,0.1);
    background-color: rgba(7,72,131,0);
}

.widget-check {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Inter';
    user-select: none;
    color: #1b1b1b;
}

.widget-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

label.widget-check p {
    display: inline;
    float: right;
}

.widget-check:hover input ~ .checkmark {
  background-color: #ccc;
}


.widget-check input:checked ~ .checkmark {
    background-color: #1F9D2F;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.widget-check input:checked ~ .checkmark:after {
  display: block;
}


.widget-check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
}




/*Price Range
===========================*/


.range-wrapper-box {
    padding: 40px 35px 40px;
    background: #fff;
    box-shadow: 0px 10px 50px rgb(231 231 231 / 50%);
    border-radius: 4px;
    margin-bottom: 30px;
}

.slider-labels {
    margin-top: 35px;
}

.text-right.caption {
    display: inline-block;
}

.caption {
    display: inline-block;
}

.caption strong {
    width: 74px;
    height: 34px;
    line-height: 35px;
    background: #1F9D2F;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-family: 'Inter';
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
}

span#slider-range-value1, span#slider-range-value2 {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
    color: #1b1b1b;
}



.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 */

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */

.noUi-horizontal {
  height: 5px;
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -7px;
    top: -6px;
    background-color: #1F9D2F;
}

.noUi-background {
  background: #ececec;
}

.noUi-connect {
  background: #1F9D2F;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
    border: 8px solid rgba(237, 28, 37, 0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}

/* Disabled state;
 */

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/*Product 
======================*/

.product-categories-box {
    padding: 30px 30px 20px;
    background: #fff;
    box-shadow: 0px 10px 50px rgba(231, 231, 231, 0.5);
    border-radius: 4px;
    margin-bottom: 30px;
}

.products-collection {
    margin-bottom: 20px;
}

.product-thumb {
    float: left;
    padding-right: 17px;
}

.products-title h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

.product-price span {
    font-size: 15px;
    font-weight: 400;
    color: #1F9D2F;
}

.product-icon-list ul {
    line-height: 20px;
}

.product-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #1F9D2F;
    letter-spacing: 4px;
    font-size: 14px;
}


/*Shop Right 
======================*/

.row.products {
    padding-left: 80px;
}

.single-products-box {
    text-align: center;
    margin-bottom: 30px;
}

.products-thumb {
    position: relative;
    z-index: 1;
}

.products-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #78a97e47;
    opacity: .8;
    transition: .5s;
    border-radius: 4px 4px 0 0;
}

.products-thumb img {
    width: 100%;
    transition: .5s;
    border-radius: 4px 4px 0 0;
}

.product-sale {
    position: absolute;
    top: 20px;
    left: 20px;
}

.product-sale span {
    padding: 4px 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 24px;
    background: #1F9D2F;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
}

.product-thumb-icon a {
    font-size: 20px;
    width: 46px;
    height: 46px;
    line-height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    color: #0D0E14;
    transition: .7s;
    display: inline-block;
    position: relative;
    bottom: 40%;
    z-index: 1;
    overflow: hidden;
}

.product-thumb-icon a:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 0;
    height: 100%;
    width: 0;
    border-radius: 50%;
    background: #1F9D2F;
    transition: .6s;
}

.product-thumb-icon a:nth-child(1) {
    position: absolute;
    left: 0;
    opacity: 0;
}

.product-thumb-icon a:nth-child(2) {
    position: absolute;
    right: 0;
    opacity: 0;
}

.product-content {
    padding: 23px 0 6px;
    border: 1px solid rgba(6,36,98,0.1);
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

ul.product-rating li {
    list-style: none;
    display: inline-block;
    color: #1F9D2F;
    letter-spacing: .3em;
    font-size: 14px;
}

.product-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #1b1b1b;
    line-height: 17px;
}

.product-price p {
    font-size: 15px;
    font-family: 'Inter';
    padding: 14px 0 0px;
    color: #1F9D2F;
}

.product-price p span {
    color: #616161;
    text-decoration: line-through;
    margin-left: 5px;
}

.product-thumb-icon a:hover {
    color: #fff;
}

.product-thumb-icon a:hover:before {
    left: 0;
    width: 100%;
}

.single-products-box:hover .products-thumb:before{
    height: 100%;
    top: 0;
}

.single-products-box:hover .product-thumb-icon a:nth-child(1) {
    opacity: 1;
    left: 92px;
}

.single-products-box:hover .product-thumb-icon a:nth-child(2) {
    opacity: 1;
    right: 92px;
}





/*pagination
==================*/

.pagination-menu {
    padding-top: 30px;
}

.pagination-menu ul {
    display: inline-block;
}

.pagination-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 8px;
}

.pagination-menu ul li a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background: #F5F5F5;
    display: inline-block;
    color: #1B1B1B;
    font-size: 20px;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.pagination-menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1F9D2F;
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}

.pagination-menu a.active {
    background: #209E30 !important;
    color: #fff !important;
}

.pagination-menu ul li a:hover:before {
    transform: scale(1);
}

.pagination-menu ul li a:hover {
    color: #fff;
}

/*================================
 <--Start Gardenic  Cart Section  Css-->
=================================*/
.cart-section {
    padding: 100px 0 100px;
}

.cart-empty p {
    padding: 18px 25px;
    position: relative;
    background-color: #FBFAF6;
    border-bottom: 2px solid #1F9D2F;
    display: inline-block;
    width: 100%;
    color: #1F9D2F;
}

.cart-empty p i {
    color: #1F9D2F;
    padding-right: 10px;
}

.Advisor-button a {
    font-size: 15px;
    padding: 15px 30px;
    background: #0A480F;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.Advisor-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1F9D2F;
    transform: scale(0);
    transition: .5s;
}

.Advisor-button a i {
    font-size: 18px;
    position: relative;
    top: 3px;
    padding-left: 3px;
    color: #1F9D2F;
    transition: .5s;
}

.Advisor-button a:hover::before {
    transform: scale(1);
}

.Advisor-button a:hover i {
    color: #fff;
}


/*================================
 <--StartGardenic  shop Nav Sidebar button   Css-->
=================================*/
/*nav button*/

.nav-btn.navSidebar-button {
    display: inline-block;
    float: left;
    padding: 10px 0 0;
}

.nav-btn.navSidebar-button a i {
    padding-right: 10px;
    font-size: 20px;
}

.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
}

.xs-sidebar-widget {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.4;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    left: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
    padding: 40px 32px;
}

.close-side-widget i {
    color: #1b1b1b;
    font-size: 28px;
    display: block;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
  
    backface-visibility: hidden;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}

.xs-bg-black {
    background-color: #1b1b1b;
}


/*html css*/
.nav-logo {
    padding: 0 0 40px;
}

.nav-btn.navSidebar-button a {
    color: #1b1b1b;
}

.sidebar-info-contents .widget-search {
    padding: 0 0 15px;
}

.sidebar-info-contents .widget {
    display: block;
} 

.sidebar-info-contents h3.widget-title {
    font-size: 25px;
    padding: 8px 0 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    font-style: italic;
}

.sidebar-info-contents h3.widget-title {
    font-size: 25px;
    padding: 15px 0 15px;
}

.widget form {
    position: relative;
}

.widget input {
    border-radius: 4px;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    color: #fff;
    border: 1px solid #e9e9e9;
}

button.icon {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 60px;
    background: #1F9D2F;
    border-radius: 0 4px 4px 0;
}

ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden;
}

ul.list-style-one li span {
    font-size: 16px;
    font-weight: 600;
    color: #1b1b1b;
    float: right;
    display: inline-block;
    padding: 0 5px;
}

ul.list-style-one li a {
    transition: .5s;
    color: #1b1b1b;
}

ul.list-style-one li a i {
    background: #1F9D2F;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin-right: 5px;
}

a.white-bg i {
    background: #e9e9e9 !important;
}

a.yellow-bg i {
    background: #eeee22 !important;
}

a.green-bg i {
    background: #9BC45C !important;
}

/*Tag
=======*/

.sidebar-tag-menu {
    padding: 12px 0 0;
}

.sidebar-tag-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
    color: #1b1b1b;
    padding: 0 0 12px;
}

/*social icon*/

ul.social-icon {
    padding: 20px 0 0;
}

ul.social-icon li {
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 0;
}

ul.social-icon li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #1b1b1b;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}

ul.social-icon li a:hover {
    background: #1F9D2F;
    color: #fff;
}

ul.list-style-one li a:hover span {
    background: #1F9D2F;
    border-radius: 30px;
    color: #fff;
} 

ul.list-style-one li a:hover {
    color: #1F9D2F;
}




/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #1F9D2F;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #1b1b1b;
    border-left: 3px solid #1b1b1b;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px; 
  
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #1F9D2F;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px;
}

.search-box-btn i {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: .5s;
}

.upp.search-box-btn i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i:after {
    position: absolute;
    content: "0";
    right: -10px;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #1F9D2F;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
}

.flaticon-multiply:before {
    content: inherit;
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}


span.flaticon-multiply i {
    display: inline-block;
    color: #1F9D2F;
}

.header-search-button.search-box-outer {
    padding: 0px 28px 0 0;
    display: inline-block;
}

.header-search-button.search-box-outer a {
    color: #1F9D2F;
    display: inline-block;
    font-size: 18px;
}


/*===========================
<--Gardenic  Loader Css -->
=============================*/

/* --- PRELOADER COLOR THEME UPDATE --- */

/* The main spinning circle or bar */
.loader, .preloader, .spinner {
    border-top-color: #1F9D2F !important; /* Change Blue to Brand Green */
}

/* If the loader has multiple bouncing dots or layers */
.dot1, .dot2, .double-bounce1, .double-bounce2 {
    background-color: #1F9D2F !important;
}

/* The secondary accent (usually white or light green) */
.loader-inner, .path {
    stroke: #F1F5F1 !important; /* Use Nursery Mist for the secondary path */
}

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #1781f1;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #1F9D2F;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}


/*-----care guide--------------*/

		.container-care {
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 25px;
        }

        /* --- HERO --- */
        .care-hero {
            position: relative;
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.7)), url('assets/images/hero_5.png') center center no-repeat;
            background-size: cover;
            height: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-align: center;
        }
		
		.care-hero h1 {
			color: #fff;
		}
		

        /* --- MENTOR INTRO --- */
        .mentor-intro-wrap {
            padding: 50px 0;
        }

        .mentor-box {
            background-color: #FBFAF6;
            border: 1px solid #eef2ee;
            padding: 30px;
            border-radius: 12px;
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }

        .mentor-box h4 {
            font-family: 'Nunito', sans-serif;
            color: var(--brand-green);
            margin-bottom: 10px;
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 1px;
        }

        .mentor-box p {
            font-style: italic;
            color: #6c757d;
            font-size: 1.05rem;
        }

        /* --- CARE GRID --- */
        .care-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px;
            margin-bottom: 60px;
        }

        .spec-card {
            padding: 30px;
            background: #ffffff;
            border-radius: 8px;
            border-left: 5px solid var(--brand-green);
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        .spec-card h3 {
            font-size: 1.25rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .spec-card h3 span {
            font-size: 1.6rem;
        }

        .spec-list {
            list-style: none;
        }

        .spec-list li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            font-size: 0.95rem;
        }

        .spec-list li::before {
            content: "→";
            position: absolute;
            left: 0;
            color: var(--brand-green);
            font-weight: bold;
        }


/* --- CTA SECTION --- */
        .cta-section {
            background-color: var(--brand-dark);
            color: #ffffff;
            padding: 60px 0;
            text-align: center;
            border-radius: 15px;
            margin-bottom: 60px;
        }

        .cta-content h2 {
            font-size: 2rem;
            margin-bottom: 15px;
			color: #ffffff;
        }

        .cta-content p {
            margin-bottom: 30px;
            color: #bbb;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
		
		/* --- LEAD MAGNET --- */
        .lead-magnet-care {
            padding: 60px 0;
            text-align: center;
            background: #F1F5F1;;
            border-top: 1px solid #eee;
        }

        .lead-magnet-care h3 {
            font-size: 1.6rem;
            margin-bottom: 10px;
        }

        .lead-magnet-care p {
            color: #6c757d;
            margin-bottom: 25px;
        }

        .signup-form {
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 400px;
            margin: 0 auto;
        }

        .signup-form input {
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-family: 'Poppins', sans-serif;
        }

        .btn-dark {
            background-color: var(--brand-dark);
            color: #ffffff;
            padding: 15px;
            border: none;
            border-radius: 5px;
            font-weight: 700;
            font-family: 'Nunito', sans-serif;
            cursor: pointer;
        }
		
		        /* --- RESPONSIVE ADJUSTMENTS --- */
        @media (min-width: 768px) {
            .hero-content h1 { font-size: 4rem; }
            .care-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .hero { height: 450px; }
            .signup-form { flex-direction: row; }
            .signup-form input { flex: 1; }
        }



/*------back-to-top------------*/
.prgoress_indicator {
    position: fixed;
    right: 50px;
    bottom: 75px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
  }
  .prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
  }
  .prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #1F9D2F;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}
.prgoress_indicator::before {
    position: absolute;
    content: "\f633";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    font-family: bootstrap-icons !important;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear !important;
}
  .prgoress_indicator:hover ::after {
    color: var(--primary-color-one);
  }
  .prgoress_indicator:hover ::before {
    opacity: 1;
  }
  .prgoress_indicator svg path {
    fill: none;
  }
  .prgoress_indicator svg.progress-circle path {
    stroke: #1F9D2F;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}