/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.nav-tabs-custom {
                display: flex;
                gap: 10px;
                list-style: none;
                padding: 0;
                margin-bottom:40px;
                justify-content: center;
            }
            .tab-link {
                padding: 10px 15px;
                border: none;
                cursor: pointer;
                background: #fff9f9;
                border-radius: 30px;
                transition: background 0.3s;
                border: #04a615 1px solid;
                color: #04a615;
            }
.tab-link:hover{
	background: #00ad0c;
                color: white;
}

.posted_in{
	 display: block; /* Forces "Categories:" to be on a new line */
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.posted_in a{
	color:#000;
	font-weight:600;
	display: inline-block;
}
            .tab-link.active {
                background: #00ad0c;
                color: white;
            }

            /* Tab Content */
            .tab-pane-custom {
                display: none;
            }
            .tab-pane-custom.active {
                display: block;
            }

.row5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
    gap: 20px; /* Space between grid items */
    justify-content: center;
	max-width:1000px;
	margin:20px auto;
}
.card {
    border: #eeeeee 1px solid;
    padding: 10px;
    border-radius: 15px;
}
.card-title{
	margin-bottom:0;
	font-family: "Comfortaa", Sans-serif;
	font-weight: 900;
	margin-bottom:8px;
}
.card-title a {
    color: #021325;
    font-size: 22px;
}
.star-box {
    max-width: 104px;
}
bdi {
    color: #00ad0c;
    font-size: 20px;
    font-weight: 500;
}

h6.short-d {
    font-size: 15px;
    font-weight: 400;
}

.d-flex-box{
	display:flex;
	justify-content:space-between;
}

section.related.products {
    width: 100%;
    display: inline-block;
}



img.card-img-top.wp-post-image {
    height: 280px;
    border-radius: 30px;
	width:100%;
}
.panel5{
	position:relative;
}
.panel5:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 137px;
    height: 250px;
    background-image: url('https://denscon.quickdemo.in/wp-content/uploads/2025/02/bar2.png');
	background-repeat: no-repeat;
    background-size: contain;
}

.green-box {
    max-width: 1024px;
    margin: 0px auto 0px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -152px;
}
main#content {
    margin-bottom: 200px;
}
.content-area{
	 margin-bottom: 200px;
}

/* WooCommerce Button Styling */
.woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .added_to_cart, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce .place-order .button {
    padding: 13px 40px;
    border: none;
    cursor: pointer;
    background-color: #04a615 !important;
    border-radius: 30px;
    transition: background 0.3s, color 0.3s;
    border: #04a615 1px solid;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* Hover Effect */
.woocommerce button.button:hover, 
.woocommerce a.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce .added_to_cart:hover, 
.woocommerce .checkout-button:hover, 
.woocommerce .single_add_to_cart_button:hover, 
.woocommerce .place-order .button:hover {
    color: #fff!important;
}

/* WooCommerce Tabs Styling */
.woocommerce div.product .woocommerce-tabs {
    background: #fff9f9; /* Light Background */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Tab Navigation */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    justify-content: start;
    list-style: none;
    padding: 0;
    border-bottom: 2px solid #04a615;
    margin-bottom: 20px;
}

/* Tab Links */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 4px 15px;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
    transition: all 0.3s ease;
    border: 0;
    color: #04a615;
    font-weight: 600;
    margin-right: 19px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    display: none !important;
    content: none !important;
}


/* Active Tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #04a615;
    color: #fff;
    border-bottom: none;
}

/* Tab Content */
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 15px;
    background: #fff;
    border: 1px solid #04a615;
    border-radius: 10px;
    transition: opacity 0.3s ease;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    border-radius: 30px;
    background-color: #00a652;
    color: #fff;
    border: #000;
}

.d-flexx{
	display:flex;
	justify-content:space-between;
	gap: 15px;
}
.area {
    width: 100%!important;
}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display:none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display:none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {}

/* 28-02-2025 */
.shop-page-product-filter-block > .elementor-widget-container {
	border: none !important;
}
.shop-page-product-filter-block .wpfFilterWrapper {
	margin: 0 !important;
}
.shop-page-products-short-code ul.products li.product a {
    border: 1px solid #ddd;
    border-radius: 8px;
	padding: 10px;
}
.shop-page-products-short-code ul.products li.product a img {
/* 	height: 280px; */
	border-radius: 30px;
	margin-bottom: 0;
}
.shop-page-products-short-code ul.products li.product a h2 {
	font-family: "Comfortaa", Sans-serif;
    font-size: 22px !important;
	font-weight: 700;
	color: #021325;
}
.shop-page-products-short-code ul.products li.product a:hover h2 {
	color: #00AD0C;
}
.shop-page-products-short-code ul.products li.product .price,
.shop-page-products-short-code ul.products li.product .button {
	display: none !important;
}
/* 28-02-2025 */

.quote-modal {
    display: none; /* Ensure modal is hidden on load */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; /* Ensure it covers the full screen */
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center; /* Centers modal vertically */
    opacity: 0; /* Hide it completely */
    visibility: hidden; /* Prevent interaction */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth animation */
}

.quote-modal.show { 
    opacity: 1; /* Make modal visible */
    visibility: visible;
}

.quote-modal-content {
    background: #fff;
    padding: 20px;
    max-width: 600px;
    width: 90%; /* Ensure responsiveness */
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.close-modal {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}



.quote-modal .d-flexx{
	margin: 0px 0 15px 0;
}
.quote-modal .d-flexx textarea{
	height:100px;
}

.quote-modal h2{
	font-size:24px;
}
.product_meta {
    margin: 15px 0 0 0;
}

.related .get-a-quote-btn {
    display: none !important;
}

.products.columns-4 .get-a-quote-btn{
	 display: none !important;
}



@media (max-width: 960px) {
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 94%;
}
}

@media (max-width: 767px) {
    .row5 {
        grid-template-columns: repeat(1, 1fr);
		padding: 0px 20px;
    }
	.nav-tabs-custom {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.panel5:after {
    width: 84px;

}
.green-box {
    position: relative;
	top:0;
}
.subscribe-box {
    width: 318px;
	
}
.elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next {
    right: -44px!important;
}	
}

@media (max-width: 600px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 98%;
	margin-bottom: 15px;
}
	.content-area {
    margin-bottom: 0;
}
h1.product_title.entry-title {
    font-size: 28px;
}	
.related.products h2{
		font-size: 24px;
	}	
}