/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */

 @media only screen and (max-width: 767px){
.footer-links{
	padding: 10px 0;
}
.footer-links .elementor-icon-list-text{
	line-height: 2.5 !important;
}
}

.wc-block-components-title.wc-block-components-title , .wc-block-components-checkout-order-summary__title-text , .wc-block-cart-items__header  span {
    color: #890909!important;
    font-size: 26px!important;
	font-weight:bold!important;
       font-family: dispaly-fair;
}
.wp-block-heading{
	font-size:35px!important;
	color:#890909!important;
}
.wc-block-cart__totals-title{
	font-size:24px!important;
	color:#890909!important;
	font-weight:bold!important;
	  font-family: dispaly-fair;
	
}
.wp-element-button {
  
    background: #890906 !important;
}
@media only screen and (max-width: 1200px) {
    .wp-block-woocommerce-checkout , .wp-block-woocommerce-cart {
        padding: 0 20px!important;
    }
}
@media only screen and (max-width: 767px) {
    .wc-block-components-order-summary .wc-block-components-order-summary-item {
      display:block!important;
    }
}
.wc-block-components-panel__button{
	font-weight:bold!important;
}
.wc-block-components-totals-item__label{
	color:#890909!important;
		
}.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
 
    color: #FFAC00!important;
   
}
.wc-block-components-quantity-selector__button:hover{
	background:#890909!important;
}
.woocommerce-MyAccount-navigation-link.is-active a {
    color: #000000!important;
	font-weight:bold;
}
.woocommerce-MyAccount-navigation-link a {
	color: #000000!important;
}
.woocommerce-MyAccount-content a{
	color:#890909!important;
}
.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #890909!important;
    color: white !important;
	font-size:24px;
}

.woocommerce-MyAccount-navigation-link  br , .woocommerce-Address br{
	display:none;
}
.woocommerce-MyAccount-navigation-link a {
   
    padding: 7px 1em!important;
}.woocommerce-info {
    border-top-color: #890909!important;
}
.woocommerce-info::before {
    color: #890909;
}.woocommerce-js a.button {
  
    color: #fff !important;
}

.woocommerce-info{background-color: #f8d5d5!important;
color:#000;}
.woocommerce-Address-title.title {
    background-color: #f8d5d5 !important;
	border: 2px solid #890909;
}
button.woocommerce-Button.button , button.woocommerce-Button.button:hover   {
    background: #890909;
}
.woocommerce-js form .form-row label {
 
    font-size: 20px!important;
    color: #890909;
}
.woocommerce-MyAccount-navigation-link a {
    color: #000000 !important;
    font-weight: 600;
}

.woocommerce-Address  address{
	background: #890909;
    color: #fff;
    border: 2px solid #890909;.woocommerce-MyAccount-navigation-link a {
    color: #000000 !important;
    font-weight: 600;
}
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #890909!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row {
    width: 80%;
    margin: 0px 133px;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        margin-top: 16px! important;
    }
    .single-product .ast-on-card-button.ast-onsale-card{
	display: none;
}
.single-product .single-product-category{
	display: none !important;
}



@media (max-width: 767px) {
 .irs--square .irs-to, .irs--square .irs-single {
    font-size: 8px!important;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white;
	}}
	
    /* Add your CSS code here */

@media (max-width: 767px) {

    /* Hamburger Section Full Width */
    .elementor-6097 .elementor-element.elementor-element-f68e0ae {
        --width: 100% !important;
        --container-widget-width: 100% !important;
        align-self: center !important;
    }

    /* Fix alignment */
    .elementor-6097 .elementor-element.elementor-element-f68e0ae .elementor-widget-wrap {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    /* Icon section spacing */
    .woof {
        margin-right: 0 !important;
    }
}


not work .Product-Table {
    width: 100%;
    margin: 30px auto;
	
}

.Product-Table table{
	border:1px solid #000;
	
	border-width:1px;
}.spec-table {
	
		border:1px solid #000!important;
}
.spec-table tr:nth-child(5),
.spec-table tr:nth-child(6) {
    background-color: #ffe1e8 !important;
}


.spec-table tbody {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  
	width: 100%;}

.spec-table td {
       border-bottom: 1px solid #000;
    border-right: inherit;
    padding: 18px 18px;
    font-size: 16px;
 
    background: #fff;
}

/* Bold left title cell */
.spec-table td:first-child {
    font-weight: bold;
}

/* ----- 2 Column Layout Always ----- */
.spec-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr; 
   
}

/* Responsive size adjust without breaking 2 columns */
@media(max-width: 600px) {
    .spec-table td {
        font-size: 14px;
        padding: 12px 14px;
    }

    .spec-heading {
        font-size: 20px;
    }
}

.spec-heading {
    text-align: center;
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: 600;
}
    .ast-container {
        max-width: 100%!important;
		padding:0!important;
    }

.elementor-6097 .elementor-element.elementor-element-267315d {
 
    padding: 0!important;
}
.woof_redraw_zone .select2-container--default{
	width:100%!important;
}
 .woof_price_filter_txt_from{
	margin-right:20px!important;
}

.elementor-shortcode .irs-grid-text {
    
    color: #000 !important;
    font-size: 16px !important;
}
/* .woof_container .woof_container_inner input[type="search"] {
    line-height: normal !important;
    border: solid 2px #000!important;
} */
.woof_container .woof_container_inner input[type="search"]::placeholder {
    color: #000;

    opacity: 1;
}

.woof_container .woof_container_inner input[type="search"] {
    line-height: normal !important;
    border: solid 1px #eee;	padding:10px!important;
    width: 98%;
    border-radius: 4px;
}
.woof{
	background: #fff;
     margin-top: 57px;
    margin-right: 40px;
border-radius:10px;
    padding: 20px;
}
.elementor-6097 .elementor-element.elementor-element-f68e0ae > .elementor-widget-container {
     background-color:Inherit!important; 
   
}
.woof label , h4{
	color:#000!important;
}

.woocommerce-js a.button{
	background:#890909!important;
	border:#890909!important;
}


.custom-filter-row {
  display: flex !important;
  gap: 20px;
  align-items: center;
}
.filter-box {
  background: #fff  !important;
  border: 1px solid #ddd;
  padding: 10px 18px;
  border-radius: 8px;
  min-width: 160px;
}
.custom-filter-row select,
.woof_price_filter,
.woof_submit_search_form {
  border: none !important;
  background: transparent !important;
  font-size: 16px;
  width: 100%;
}


.green-products .button {
    background-color: #00954E !important;
    border-color: #00954E !important;
    color: #fff !important;
}
input#\36 9319c475f32a_from {
    width: 200px !important;
}

.product-template-default .woocommerce-tabs{ margin-bottom: 0 !important;}

.woocommerce-js div.product {
    background: #fff8f8 !important;
    padding: 55px !important;
    margin: -45px 0;
}
.single-product-category a , .product_meta .posted_in a{
	text-decoration:none!important;

	font-weight:bold!important;
	color:#890909!important; 
}
 .cart{
	display:flex!important;
	flex-direction:column!important;
}
 .cart button {
	width:100%!important;
}
.woocommerce-js div.product .product_meta {
	border-top:none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before{
background: #232121;}
.woocommerce-js div.product .product_meta>span {
    font-size: 16px;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button   {
    padding: 13px 20px;
    font-size: 22px;
    color: #890909 !important;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover{
	background:#890909!important;
	color:#fff!important;
}
.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child {
    margin-bottom: 2em;
}.woocommerce-js div.product .product_title {
    margin: 0 0 .5em 0;
    font-size: 36px;
    font-weight: bold;
    color: #890909;
    font-family: play-fair-Dispay;
}
.product_meta .posted_in , .tagged_as { display:none !important;}
.woocommerce-js table.shop_attributes {
    background: white;
}
.woocommerce-Price-amount {
    color: black !important;
}
.ast-woocommerce-container{padding:70px !important;} 
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #890909!important;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-color: #890909!important;
}
.woocommerce nav.woocommerce-pagination ul li span.current:focus {
    background: #890909!important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #890909!important;
    color: #FFFFFF;
}
.woocommerce nav.woocommerce-pagination ul li a{
	color:#890909;
}
.woocommerce-js .woocommerce-ordering select {
    border: 1px solid black;
	color: black;
	    padding: 0 30px;
}

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before

 {
    display:none;
}.wc-block-components-product-name{
	color:#111111!important;
	text-decoration:none!important;
}


.wp-block-post-title {
	color:#111111!important;
}
.woocommerce-breadcrumb a , .taxonomy-product_cat a{
	text-decoration:none!important;
	color:#111111!important;
}
.wp-element-button{
	padding:10px 40px!important;
	font-size:18px;
	background:#890909!important;
	
}
.woocommerce-Price-amount {
	color:#890909;
}.wp-block-post-title a  , .woocommerce-loop-product__title , .price
{
	text-decoration:none!important;
	color:#111111!important;
	
}
.woocommerce.wc-block-catalog-sorting select.orderby {
    font-size: inherit;
    padding: 10px;
}
.added_to_cart  , .wp-block-post-terms a , .woocommerce-product-attributes-item__value p a
{
	text-decoration:none!important;
	color:#890909!important;
	font-weight:bold;
	
}


.elementor-5167 .elementor-element.elementor-element-6fab9f28 .elementskit-btn {
    background-color: #890909;
       border-color: #890909;
  border-radius:5px;
}
.gkit73c85f .gkit-btn-wraper .gkit-btn {
     border:1px solid #890909;
	font-size:18px;
    border-radius: 0px!important;
}
.gkitb71779 .gkit-btn-wraper .gkit-btn {
	 border-radius: 0px!important;
	font-size:18px;
}
.wp-block-woocommerce-add-to-cart-form .variations_button, .wp-block-woocommerce-add-to-cart-form form.cart {
    display: flex!important;
	flex-direction:column!important;
	gap:15px!important;
	margin-bottom:5px !important;
}

.product form.cart button{

    background: white !important;
    color: #111111!important;
    text-transform: uppercase!important;
    border: 1px solid #000!important;
    border-radius: 0!important;
}

/* ========== MARQUEE ========== */
.custom-marquee {
  width: 100%;
  overflow: hidden;
  background: #8a1f2a;
  color: #fff;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
}
.custom-marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: custom-marquee 15s linear infinite;
}
@keyframes custom-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* ========== HERO LAYOUT (image + form) ========== */
.hero-section {
  padding: 40px 0;
  box-sizing: border-box;
}
.hero-inner {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* left image column */
.hero-left {
  flex: 1 1 55%;
}

/* right form column */
.hero-right {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* form box */
.find-product-box {
  width: 100%;
  background: #fff;
  padding: 36px;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.09);
  border: 1px solid rgba(0,0,0,0.04);
  box-sizing: border-box;
}
.find-product-box h2 {
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 18px 0;
  color: #111;
  text-align: left;
}
.find-product-box .fp-field {
  width: 100%;
  margin-bottom: 14px;
}
.find-product-box select,
.find-product-box input[type="text"] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  font-size: 15px;
  box-sizing: border-box;
  appearance: none; /* remove default caret in some browsers */
}
.find-product-box .fp-btn {
  width: 100%;
  padding: 14px 18px;
  background: #8a1f2a;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 8px;
}
.find-product-box .fp-btn:hover {
  background: #6f1a21;
}

/* small note under select (optional) */
.find-product-box .fp-note {
  font-size: 13px;
  color: #666;
  margin-top: 8px;
}

.marquee-div .e-con-inner {
	min-width: 100%;
}

/* responsive */
@media (max-width: 991px) {
  .hero-inner { gap: 20px; }
  .hero-left, .hero-right { flex: 1 1 100%; }
  .find-product-box { padding: 24px; }
  .custom-marquee { font-size: 16px; }
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
@media (max-width: 991px) {
.ast-woocommerce-container {
	padding:20px!important;
	}}
@media (max-width: 767px) {
    .elementor-6097 .elementor-element.elementor-element-f68e0ae > .elementor-widget-container {
		margin:5px 5px 5px 5px!important;
			padding:5px 5px 5px 5px!important;
    }

    .dotted-text .elementor-widget-container .ekit-wid-con .elementskit-info-image-box  .elementskit-box-body .elementskit-box-content {
    min-height: 74px;
    overflow-y: auto;
    padding-bottom: 2px;
}
}



/* 23 4 26 sahil */

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
   
    background-color: #ffac00 !important;
    
}
.mega-toggle-animated-inner{
     background-color: #ffac00 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before {
   
    color: #890909 !important;
   
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {
   
    left: calc(min(100vw - 40px, 251px)) !important;
  
}

.dotted-text .elementor-widget-container .ekit-wid-con .elementskit-info-image-box  .elementskit-box-body .elementskit-box-content{
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 2px;
}




.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
    color: #ffffff !important;
   
    border-color: var(--ast-global-color-0);
}
.wc-block-components-button .wp-element-button .wc-block-cart__submit-button:hover{
    color: #fff !important;
}

[CLASS*="wc-block"] .wc-block-components-button:hover:focus{
    color: #fff !important;
}

[CLASS*="wc-block"] .wc-block-components-button:hover:hover{
    color: #fff !important;
}



.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 13px 20px;
    font-size: 22px;
    color: #ffffff !important;
    background: #890909 !important;
}



.woocommerce-js div.product form.cart  .button.wpcbn-btn {
    background: #fff !important;
    color: #890909 !important;
    border: 1px solid #890909 !important;
   
    padding: 13px 20px;
    font-size: 22px;
}

.woocommerce-js div.product form.cart  .button.wpcbn-btn:hover {
    background: #890909 !important;
    color: #fff !important;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover{
     background: #fff !important;
    color: #890909 !important;
    border: 1px solid #890909 !important;
}


.woocommerce-js a.woocommerce-button.button.pay.order-actions-button {
    margin-right: 7px;
}



/* 1. Target the popup ONLY when it does NOT have display:none */
/* We remove !important from display so the plugin's inline style can hide it */
.woof_info_popup {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    text-indent: -9999px;
    width: 60px !important;
    height: 60px !important;
    position: fixed !important;
    /* Center on screen */
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

/* 2. Create the loader circle */
.woof_info_popup::after {
    content: "";
    width: 48px;
    height: 48px;
    border: 5px solid #ccc;
    border-bottom-color: #890909;
    border-radius: 50%;
    animation: woof_rotation 1s linear infinite;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* ✅ centers perfectly */
}

@keyframes woof_rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


div#woof_html_buffer {

position: fixed !important;

inset: 0;

background: #191616ad !important;

z-index: 999;

width: 100vw !important;

height: 100vh !important;

opacity: 0.8 !important;
}


/*  in case need a cresent loader keep following 

************   cresecnt loader *******************

.wc-block-components-order-summary.woof_info_popup::after {
    content: "";
    width: 70px;
    height: 70px;
    border-top: 6px solid #890909;
    border-bottom-color: #890909;
    border-radius: 50%;
    animation: woof_rotation 1s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
     */



     /* 1. Change the Modal Background Color */
.bdt-modal-full {
    background-color: #000000c2 !important; /* Change #000000 to your color code */
}

/* 2. Change the Search Bar Width */
.bdt-search-large {
    width: 90% !important; 
    max-width: 700px !important; /* Controls how wide the search line gets */
    margin: 0 auto;
}

/* 3. Change Search Text Color & Size */
.bdt-search-large .bdt-search-input {
    /* color: #ffffff !important; */
    font-size: 30px !important; /* Makes the "Search here..." text bigger */
}
/* 1. Force the Full Screen Overlay Background */
.bdt-modal-full,
.bdt-modal-full .bdt-modal-dialog,
div[id*="modal-search"] .bdt-modal-dialog {
    background-color: #000000c2 !important; /* Change this hex to your preferred color */
    background: #000000c2 !important;
}

/* 2. Remove the default border/shadow if it exists */
.bdt-modal-dialog {
    box-shadow: none !important;
    border: none !important;
}

.bdt-search .bdt-search-icon-flip {
    right: 20px !important;
    left: auto;
}
.user-head .elementor-widget-container .elementor-icon-wrapper .elementor-icon{
    display: flex;
}