/*
Theme Name: Green Vegetable Store
Theme URI: https://www.ovationthemes.com/products/green-vegetable-store
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Green Vegetable Store theme is a clean, modern, and fully responsive free theme built specifically for businesses that deal with fresh, organic produce. Whether you’re setting up an online presence for your local vegetable stall or launching a basic eCommerce platform to sell fresh greens, this theme provides all the essentials you need to get started. With a nature-inspired design and intuitive layout, it helps you showcase your vegetables, fruits, and organic products in a visually appealing and professional way. This theme is best for Green Vegetable Store, Vegetable Market, Vegetable Delivery, Organic Vegetable Shop, Fresh Produce Stand, Local Vegetable Farmer, Hydroponic Vegetable Farm, Vegetable Box Delivery websites, offering a simple yet effective platform to promote your fresh produce business. It features a homepage slider to highlight seasonal picks or special offers, customizable sections for featured products, call-to-action buttons, a blog layout for recipes or gardening tips, and contact form integration for customer inquiries. With WooCommerce support, you can also set up a functional online store to manage orders, products, and customer details easily. The theme is SEO-friendly, translation-ready, and optimized for speed ensuring a smooth experience for both users and search engines. Perfect for farmers, small vendors, and eco-conscious sellers, the Green Vegetable Store theme is a reliable and attractive solution to take your vegetable business online all at zero cost. Related search terms include: organic food store, farm-to-table, vegetable cart, eco grocery, local produce, organic farm shop, farmers market, green grocer, healthy food business, natural food market, and vegetable eCommerce. For added functionality, integration with the plugins makes managing products and customer inquiries seamless and efficient. Demo: https://trial.ovationthemes.com/green-vegetable-store/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: green-vegetable-store
Tags: blog, e-commerce, portfolio, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, translation-ready

Green Vegetable Store WordPress Theme, Copyright 2025 pewilliams
Green Vegetable Store is distributed under the terms of the GNU GPL

*/
body {
    font-family: "DM Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Amatic SC", sans-serif;
}
a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 1px solid;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a:before {
        content: '';
        width: 100%;
        height: 2px;
        background: var(--wp--preset--color--primary);
        background: var(--wp--preset--color--primary);
        position: absolute;
        left: 0;
        bottom: -20px;
        z-index: 9;
        opacity: 0;
    }
    .wp-block-navigation ul li a:hover:before,
    .wp-block-navigation ul li a:focus:before,
    .wp-block-navigation .current-menu-item a:before{
        opacity: 1;
    }
    .wp-block-navigation ul li li a:before {
        display: none;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        z-index: 99;
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--secondary) !important;
        font-weight: 400 !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--primary);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
av.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li a:focus{
    color: var(--wp--preset--color--background);
    outline: none;
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}
.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width:767px){
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-news .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-news .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-news .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
/*homepage*/
@media screen and (min-width:992px){
    .ann-2{
        display: none;
    }
}
.header-wrap a {
    text-decoration: none;
}
.top-header a:hover {
    color: var(--wp--preset--color--primary) !important;
}
.middle-header a:hover {
    color: var(--wp--preset--color--secondary) !important;
}
.middle-header .wp-block-social-links {
    padding-left: 30px !important;
}
.logo-outer {
    position: relative;
}
.logo-box {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.menu-header-wrap {
    position: relative;
    max-width: 60%;
    background: url('./images/menu-bg.png') no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: -2.5em !important;
    z-index: 99;
}
.middle-header .wc-block-mini-cart__badge {
    font-size: 12px;
    color: #000;
}
.middle-header .wp-block-search {
    flex-basis: 30%;
    position: relative;
}
.middle-header .wp-block-search:before {
    content: '';
    width: 1px;
    height: 20px;
    background: #0000001A;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
.middle-header input[type="search"] {
    border: 0 !important;
}
.middle-header input[type="search"]::placeholder {
    color: #000;
}
.middle-header .wp-block-search__button {
    padding: 0 !important;
    background: transparent !important;
}

/*Slider*/

/*frontpage swiper css start*/
.wp-block-group.green-vegetable-store-swiper {
  overflow: hidden;
  position: relative;
}
.green-vegetable-store-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.green-vegetable-store-swiper-controls {
  position: unset;
}
.green-vegetable-store-swiper-holder {

    transform-x: none !important;
}
.wp-block-group.green-vegetable-store-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.green-vegetable-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  text-align: center;
  left: 7%;
  z-index: 9;
  width: auto;
}
.green-vegetable-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 15px;
  height: 3px;
  background: #fff;
  opacity: 1;
  border-radius: 10px;
  align-self: center;
}
.green-vegetable-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
  height: 6px;
}
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-prev,
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1E1E1EB2;
  color: #fff;
  transition: all ease 0.23s;
  opacity: 1;
  top: 50%;
  margin: -20px 0 0 0;
  left: auto;
  right: 8%;
  font-size: 15px;
}
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-next{
    background: var(--wp--preset--color--primary);
    color: #000;
    margin-top: 40px;
}
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-prev:hover,
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-next:hover {
  background: var(--wp--preset--color--secondary);
  color: #fff;
}
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-prev:after,
.wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.green-vegetable-store-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.green-vegetable-store-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
.slider-section .slider-cols-wrap img {
    width: 100%;
    position: relative;
    z-index: 9;
}
.slider-section .slider-cols-wrap .wp-block-column:nth-child(2):before {
    content: '';
    width: 102%;
    height: 80%;
    background: var(--wp--preset--color--primary);
    clip-path: polygon(14.5% 0%, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.slider-section .slider-cols-wrap  .wp-block-column:nth-child(2) {
    position: relative;
    z-index: 9;
}
.slider-section a.wp-block-button__link:hover {
    background: #000 !important;
    color: #fff !important;
}

/*Service Section*/
.service-sec .service-outer {
    position: relative;
}
.service-sec .service-outer::after {
    content: '';
    height: 58px;
    position: absolute;
    bottom: 0;
    left: 5%;
    right: 5%;
    z-index: 9;
    background: url('./images/bottom-circle.png') no-repeat center center;
    background-size: 100%;
}
.service-sec .service-box img {
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed var(--wp--preset--color--secondary);
}
.service-sec .service-box:hover img {
    border-color: var(--wp--preset--color--primary);
}
.service-sec figure.wp-block-image.alignfull.size-full {
    height: 20px;
}

/*latest news*/
.latest-news .wp-block-post {
    padding: 0 10px;
    border-radius: 12px;
    box-shadow: 0px 4px 50px 20px #00000005;
    text-align: center;
    height: max-content;
}
.latest-news .wp-block-post-date {
    display: inline-block;
}
.latest-news .wp-block-read-more {
    display: block;
    width: auto;
}
.latest-news .wp-block-post a.wp-block-post-author-name__link {
    text-decoration: none;
    display: inline-block;
}
.latest-news .wp-block-post a.wp-block-post-author-name__link:before {
    content: '\f007';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
    color: var(--wp--preset--color--secondary);
}
.latest-news .wp-block-post:hover .wp-block-post-date, .latest-news .wp-block-post:hover .wp-block-read-more {
    background: var(--wp--preset--color--primary) !important;
    color: #000 !important;
}

/*footer*/
.footer-widgets h5:after {
    content: '';
    width: 25px;
    height: 2px;
    display: block;
    margin-top: 15px;
    background: var(--wp--preset--color--primary);
}
.footer-widgets .wp-block-search__inside-wrapper {
    background: #fff;
}
.footer-widgets .wp-block-list{
    padding-left: 0;
}
.footer-widgets .wp-block-list li{
    list-style: none;
    margin-bottom: 15px;
}
.footer-widgets .wp-block-list li:last-child{
    margin-bottom: 0;
}
.footer-widgets .wp-block-list li a{
    text-decoration: none;
}
.footer-widgets .wp-block-list li a:hover,
.footer-widgets .wp-block-list li a:focus{
    color: var(--wp--preset--color--primary);
}
.footer-widgets .wp-block-social-link-anchor{
    border-radius: 50%;
}
.footer-widgets .wp-block-social-link-anchor:hover,
.footer-widgets .wp-block-social-link-anchor:focus{
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff !important;
}

@media screen and (max-width:1399px){
    .middle-header .wp-block-search {
        flex-basis: 45%;
    }
    .service-sec .service-outer::after {
        height: 52px;
    }
}
@media screen and (max-width:1299px){
    .banner-excrpt {
        width: 75%;
    }
}
@media screen and (max-width:1199px){
    .top-bar-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .menu-header-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .banner-cols-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .image-sec-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .latest-news .wp-block-query:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-txt:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .head-box:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .about-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .faq-section-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
    .green-vegetable-store-testimonial-swiper:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .banner-image-cover{
        min-height: 600px !important;
    }
    .banner-spacer{
        height: 46px !important;
    }
    .banner-content h2{
        font-size: 35px !important;
    }
    .latest-news .wp-block-read-more,.footer-txt{
        font-size: 14px !important;
    }
    .latest-news .wp-block-query .wp-block-post-excerpt__excerpt,
    .footer-text,.footer-widgets .wp-block-list li a{
        font-size: 12px !important;
    }
    .top-header .wp-block-column:first-child, .middle-header .wp-block-column:first-child {
        padding-left: 2em !important;
    }
    .top-header .wp-block-column:last-child, .middle-header .wp-block-column:last-child {
        padding-right: 2em !important;
    }
    .top-header p {
        font-size: 14px !important;
    }
    .middle-header .wp-block-search {
        flex-basis: 40%;
    }
    .slider-section {
        min-height: max-content !important;
    }
    .slider-cols-wrap .wp-block-column {
        padding: 0 !important;
    }
    .service-box {
        padding: 0 20px !important;
    }
    .service-sec .service-outer::after {
        height: 38px;
    }
}
@media screen and (max-width:999px){
    .logo-block,.btn-block{
        flex-basis: 45% !important;
    }
    .nav-block{
        flex-basis: 10% !important;
    }
    .nav-block nav{
        justify-content: center !important;
    }
}
@media screen and (max-width:991px){
    .top-bar-cols{
        display: block !important;
    }
    .top-text .is-layout-flex,
    .top-info-row,.footer-widgets .box-1 .is-layout-flex{
        justify-content: center !important;
    }
    .banner-image-cover .wp-block-cover__background{
        background: #000 !important;
        opacity: 0.6 !important;
    }
    .ann-1{
        display: none;
    }
    .ann-2{
        display: block;
    }
    .top-text p{
        color: var(--wp--preset--color--primary-light) !important;
    }
    .banner-content{
        flex-basis: 70% !important;
    }
    .banner-content h2 {
        font-size: 35px !important;
    }
    .footer-widgets{
        flex-wrap: wrap !important;
    }
    .footer-widgets .box-1.wp-block-column{
        flex-basis: 100% !important;
        text-align: center;
    }
    .footer-widgets .wp-block-social-links{
        gap: 20px !important;
    }
}
@media screen and (max-width:781px){
    .header-wrap{
        padding-top: var(--wp--preset--spacing--40);
        padding-bottom: var(--wp--preset--spacing--40);
        background-color: var(--wp--preset--color--primary);
    }
    .menu-header{
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 15% !important;
    }
    .banner-spacer{
        display: none;
    }
    .logo-box {
        position: static;
    }
    .top-header .wp-block-group, .middle-header .wp-block-group, .middle-header .wp-block-social-links {
        justify-content: center;
    }
    .slider-cols-wrap  {
        flex-wrap: nowrap !important;
    }
    .slider-cols-wrap p.banner-excrpt {
        display: none;
    }
    .slider-cols-wrap  {
        padding-left: 20px !important;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-1{
        flex-basis: 100% !important;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 15% !important;
    }
    .service-outer.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 40% !important;
    }
    .service-sec .service-outer::after {
        height: 30px;
    }
    .service-sec figure.wp-block-image.alignfull.size-full img {
        height: 20px;
    }
    .footer-widgets figure.wp-block-image.alignright {
        float: none;
        margin-left: 0 !important;
    }
    .footer-widgets {
        gap: 20px !important;
    }
    .footer-widgets .wp-block-search__inside-wrapper {
        flex-wrap: wrap !important;
    }
    .footer-widgets button.wp-block-search__button {
        width: 100%;
        margin: 10px 0 0;
    }
}
@media screen and (max-width:767px){
    .slider-cols-wrap {
        flex-wrap: wrap !important;
    }
    .slider-cols-wrap .slider-content {
        padding: 50px 0 !important;
        text-align: center;
    }
    .slider-content .wp-block-buttons, .footer-widgets .wp-block-group, .footer-widgets .wp-block-social-links {
        justify-content: center !important;
    }
    .service-sec .service-outer::after {
        height: 17px;
    }
    .service-outer {
        border-radius: 0 0 20px 20px !important;
    }
    .footer-widgets figure.wp-block-image.alignright {
        margin: 0 auto !important;
    }
    .footer-widgets h5:after {
        margin: 10px auto 0 !important;
    }
}
@media screen and (max-width:599px){
    .top-bar-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .menu-header-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .banner-cols-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .image-sec-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .latest-news .wp-block-query:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-txt:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .head-box:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .about-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .faq-section-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 85% !important;
    }
    .green-vegetable-store-testimonial-swiper:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 95% !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .logo-block .is-layout-flex{
       justify-content: center !important; 
    }
    .top-header .wp-block-group{
        flex-wrap: wrap !important;
    }
    .wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-prev, .wp-block-group.green-vegetable-store-swiper .green-vegetable-store-swiper-button-next {
        display: none;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{
        flex-basis: 70% !important;
    }
    .middle-header .wp-block-social-links {
        padding-left: 0 !important;
    }
    .top-header .wp-block-column:first-child, .middle-header .wp-block-column:first-child {
        padding:  20px !important;
    }
    .middle-header .wp-block-search {
        flex-basis: 50%;
    }
    .banner-image-cover{
        min-height: 450px !important;
    }
    .banner-content h2 {
        font-size: 25px !important;
    }
    .banner-excrpt{
        width: 100%;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
        text-align: center;
    }
    .image-sec-cols.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}
@media screen and (max-width:499px){
    .top-info-row .is-layout-flex,.top-text .is-layout-flex{
        display: block !important;
        text-align: center;
    }
    .banner-content h2,.head-box h2{
        font-size: 20px !important;
    }
    .top-bar-cols img{
        margin-bottom: 0 !important;
    }
}

/*about section*/
.about-img-box-inner{
    position: relative;
}
.about-img-box-inner img{
    width: 100%;
}
.abt-exp-box{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1399px){
    .about-text-box p{
        font-size: 14px !important;
    }
}
@media screen and (max-width:991px){
    .about-cols{
        flex-wrap: wrap !important;
    }
    .about-cols .wp-block-column{
        flex-basis: 100% !important;
    }
    .about-text-box p{
        text-align: center !important;
    }
}
/*faq*/
.faq-section details{
    border: 2px solid #fff;
    padding: 5px 10px;
}
.faq-section details[open]{
    border: 2px solid var(--wp--preset--color--primary-light);
}
.faq-section-cols .faq-section-main-box{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 1399px){
    .faq-section details{
        font-size: 18px !important;
    }
}
/*testimonial*/
.tstimonial-box{
    width: 100% !important;
    transition: 0.5s;
    border-color: transparent;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
}
.testimonail-main-img img{
    border: 2px solid transparent;
    transition: 0.5s;
    width: 60px;
    height: 60px;
}
.tstimonial-box h6,.tstimonial-box p{
    transition: 0.5s;
}
.tstimonial-box:hover {
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(18, 79, 106, 0.1);
    Background-color: var(--wp--preset--color--primary-light);
    border-width: 0px 0px 5px 0px;
    border-color: var(--wp--preset--color--primary);
    border-style: solid;
    transition: 0.5s;
}
.tstimonial-box:hover .testimonail-main-img img{
    border: 2px solid var(--wp--preset--color--primary);
}
.tstimonial-box:hover h6,.tstimonial-box:hover p{
    color: var(--wp--preset--color--primary) !important;
}
/*testimnail swiper css start*/
.wp-block-group.green-vegetable-store-testimonial-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.green-vegetable-store-testimonial-swiper .swiper-wrapper{
    gap: 30px;
}
.green-vegetable-store-testimonial-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.green-vegetable-store-testimonial-swiper-controls {
  position: unset;
}
.green-vegetable-store-testimonial-swiper-controls .green-vegetable-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.green-vegetable-store-testimonial-swiper-controls .green-vegetable-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--wp--preset--color--foreground);
}
.green-vegetable-store-testimonial-swiper-controls .green-vegetable-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-prev.green-vegetable-store-testimonial-swiper-button-prev,
.green-vegetable-store-testimonial-swiper-controls .swiper-button-next.green-vegetable-store-testimonial-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--primary);
  transition: all ease 0.23s;
  opacity: 1 !important;
  top: 50%;
  margin: -20px 0 0 0;
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-prev.green-vegetable-store-testimonial-swiper-button-prev{
    left: 0;
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-next.green-vegetable-store-testimonial-swiper-button-next{
    right: 0;
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-prev.green-vegetable-store-testimonial-swiper-button-prev:hover,
.green-vegetable-store-testimonial-swiper-controls .swiper-button-next.green-vegetable-store-testimonial-swiper-button-next:hover {
  background: transparent;
  color: var(--wp--preset--color--heading);
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-prev.green-vegetable-store-testimonial-swiper-button-prev:after,
.green-vegetable-store-testimonial-swiper-controls .swiper-button-next.green-vegetable-store-testimonial-swiper-button-next:after {
  font-size: 30px;
  font-weight: 900;
  font-family: fontawesome;
  content: '\f054';
}
.green-vegetable-store-testimonial-swiper-controls .swiper-button-prev.green-vegetable-store-testimonial-swiper-button-prev:after{
    content: '\f053';
}
.green-vegetable-store-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.green-vegetable-store-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*testimonial swiper css end*/