/*
Theme Name: Hello Elementor Child
Theme URI:
Description: Child theme for Hello Elementor with early-loading CSS
Author: YP
Author URI:
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Your custom CSS starts here */

body {
    margin: 0;
}
.header-cont>.e-con-inner  {
    background: #fff;
    border-left: 4px solid #adc25b;
	max-width: 1280px;
}
.header-cont {
    padding: 20px 40px 0;
}
.double-line .elementor-shape-circle.elementor-position-top {
    height: 100%;
}
.center-infobox {
    position: absolute;
    transform: translate(-50%, -50%);
}
.offerbox {
    position: relative;
    overflow: hidden;
}

.offerbox:before {
    border: 1px solid #b2be59;
    content: '';
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    width: 90%;
    border-radius: 0;
    height: 90%;
}
.woocommerce .woocommerce-ordering select {
    border: 1px solid #ddd;
    border-radius: 0;
}
.loop-rating-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    align-content: center;
}

.loop-rating-wrap .star-rating {
    margin: 0!important;
}
span.review-count {
    color: #535353;
    font-size: 14px;
    font-weight: 500;
}
.elementor-wc-products ul.products li.product .price ins {
    text-decoration: none;
}
ul.products li.product {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 3%);
}
.star-rating span, .star-rating span:before {
    color: #F7B705!important;
}
.flrt-star-label-hover svg, .wpc-chip-stars svg {
    fill: #efbc1d!important;
}
.flrt-star-label svg {
    stroke: #efbc1d!important;
}
.widget-title {
    font-weight: 600;
    font-family: 'Oxygen';
    font-size: 16px;
    line-height: 26px;
}
.wpc-filters-ul-list li a {
    color: #000;
}
.wpc-filter-layout-submit-button {
    border: none!important
}
.wpc-filter-layout-submit-button a {
    border-radius: 0!important;
    border: none!important;
}
.wpc-filters-main-wrap a.wpc-filters-reset-button {
    background: #ea5c32!important;
    color: #fff;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0!important;
}
.button.wp-element-button {
    padding: 0 20px!important;
    margin: 0!important;
    background: #f5f5f5!important;
    border: 1px solid #e5e5e5!important;
    color: #222 !important;
}
.button.wp-element-button:hover {
    background: #000!important;
    color: #fff!important;
    border-color: #000!important;
}
input#smntcswcb {
    color: #000;
    margin: 0 4px;
}
span.onsale {
    display: none!important;
}
.woocommerce-Tabs-panel h3 {
    color: #111;
    font-size: 20px;
    line-height: 26px;
    margin: 10px 0 10px;
}
.woocommerce p.stars a {
    color: #f7b705;
}
.woocommerce #review_form #respond textarea {
    border-color: #ddd;
}
.woocommerce #review_form #respond .form-submit input {
    background: #f1592a;
    font-weight: 500;
    font-family: 'Oxygen';
    color: #fff;
    border-radius: 0;
    padding: 12px 30px;
}
.woocommerce #review_form #respond .form-submit input:hover {
    background: #111;
    color: #fff;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    background: #fff!important;
}
span#reply-title {
    font-weight: 600;
    color: #111;
}
form#commentform input[type=email], form#commentform input[type=text] {
    border-color: #ddd;
}
.cr-review-form-terms {
    margin-bottom: 15px;
}
span.discount-percent {
    color: #f1592a;
}
a.added_to_cart.wc-forward {
    display: none!important;
}
.product-quantity input.button.wp-element-button {
    padding: .618em 1em!important;
    border-radius: 0!important;
    /* margin-right: 5px!important; */
}
.product-quantity input#smntcswcb {
    padding: 16px 10px!important;
    border-radius: 0!important;
    text-align: center;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead {
    background: #f5f5f5;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    padding-top: 8px;
}
form.woocommerce-shipping-calculator a {
    color: #f1592a !important;
    text-decoration: underline;
}
.page-header {
    display: none;
}
.elementor-widget-woocommerce-cart .woocommerce table.shop_table .button {
    float: none!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc( (10px*2) + 8px )!important;
}
.woocommerce-order-received .woocommerce-order {
    background: #fff;
    padding: 30px;
    font-family: 'Oxygen';
    color: #565656;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
    color: #000;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding-left: 0;
}
.woocommerce-order-received h2 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #dddd;
    border-radius: 0;
    padding: 15px;
}
.woocommerce-order-details table.shop_table.order_details thead tr th {
    background: #f5f5f5 !important;
    padding: 8px 15px;
    color: #000;
    font-size: 15px;
}
.woocommerce-order-details table.shop_table.order_details tbody tr td {
    border-bottom: 1px dashed #ddd;
    padding: 15px;
}
.woocommerce-order-details table.shop_table.order_details tfoot th, .woocommerce-order-details table.shop_table.order_details tfoot td {
    color: #000;
    padding: 15px
}
.woocommerce-order-details table.shop_table.order_details tfoot tr:not(:last-child) th, .woocommerce-order-details table.shop_table.order_details tfoot tr:not(:last-child) td {
     border-bottom: 1px solid #ddd;   
}
.woocommerce .woocommerce-customer-details address {
    border: 1px solid #dddd!important;
    border-radius: 0!important;
    font-size: 14px!important;
}
.woocommerce-info {
    background: #fff!important;
    box-shadow: 0 5px 15px 0 rgba(0,0,0, .05);
}
.return-to-shop a.button.wc-backward, a.button.wc-forward {
    background: #adc25b;
    border-radius: 0;
    color: #fff;
    font-family: 'Oxygen';
    font-weight: 500;
    padding: 12px 20px;
    transition: .5s ease;
}
.return-to-shop a.button.wc-backward:hover, a.button.wc-forward:hover {
    background: #111;
    color: #fff;
}
a.button.wc-forward {
    background: #adc25b!important;
    border-radius: 0!important;
    color: #fff!important;
    font-family: 'Oxygen'!important;
    font-weight: 500!important;
    padding: 12px 20px!important;
    transition: .5s ease!important;
}
a.button.wc-forward:hover {
    background: #111!important;
    color: #fff!important;
}
.woocommerce-account .woocommerce-order-details table.shop_table.order_details thead tr th {
    background: none !important;
}
.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover {
    background: #111;
    color: #fff;
}
.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    border-radius: 0;
    border: 0;
}
.woocommerce-Tabs-panel ul {
    padding-left: 20px;
}

.woocommerce-Tabs-panel ul li {
    margin-bottom: 10px;
}
.woocommerce-Tabs-panel table thead td {
    background: #111;
    color: #fff;
    font-weight: 600;
}
.woocommerce-product-details__short-description ul {
    padding-left: 25px;
}

.woocommerce-product-details__short-description ul li {
    margin-bottom: 10px;
}
.woocommerce-product-details__short-description h3 {
    color: #111;
    font-size: 22px;
    margin-top: 0;
}
.woocommerce div.product.elementor ul.tabs li {
    margin-right: 10px!important;
}
.mix-para h2 {
    font-size: 25px;
    color: #111;
    font-family: 'Merriweather';
    margin-bottom: 12px;
    margin-top: 25px;
}
.mix-para h2:first-child {
    margin-top: 0;
}
.mix-para h3 {
    font-size: 20px;
    color: #111;
    font-family: 'Merriweather';
    margin-top: 25px;
}
.mix-para ul {
    padding-left: 30px;
    margin-bottom: 15px;
}

.mix-para ul li {
    margin-bottom: 5px;
}
@media (max-width: 1024px) {
    
}
@media (max-width: 767px) {
    header .elementor-icon-box-content {
	display: none;
	}
	 .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 0!important;
    }
}
@media screen and (max-width: 768px) {
    .wpc-open-close-filters-button {
        margin-bottom: 0!important;
    }
	.cr-review-form-terms {
    font-size: 14px;
    }
	p.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 14px;
    }
	td.product-thumbnail {
    display: block!important;
	}
	td.product-thumbnail::before {
		display: none;
	}
	tr.woocommerce-cart-form__cart-item.cart_item td {
    padding: 10px 0!important;
    }
}

.woofc-count.woofc-count-bottom-right {
    right: 20px!important;
}
#headerC.active {
    width: 100% !important;
    position: fixed;
    top: 0;
    z-index: 99;
    background: #fff;
    border-radius: 0px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
}
div#headerC {
    transition: 0.9s;
}

.elementor-widget-theme-post-content h3 {
    color: #111;
    font-family: 'Merriweather';
    font-size: 22px;
    margin-bottom: 7px;
}
.elementor-widget-theme-post-content ul {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.elementor-widget-theme-post-content ul li ul {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.elementor-widget-theme-post-content ul li {
    margin-bottom: 10px;
}
.specialization .elementor-image-box-wrapper img {
    border-radius: 30px;
    padding: 10px;
    height: 220px!important;
    object-fit: cover;
}
.specialization .elementor-image-box-wrapper:hover {
    transform: translateY(-10px);
    transition: 0.3s;
}
.specialization .elementor-image-box-content {
    background: #fff;
    padding: 40px 10px 20px;
    margin-top: -60px;
    border-radius: 10px;
}
.offers-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}

.offer-card {
  border: 2px solid #cddc39;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  position: relative;
  font-size: 14px;
}

.offer-card.best {
  border-color: #8bc34a;
  background: #f9fff3;
}

.offer-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #e6f4d7;
  color: #558b2f;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 6px;
}

.offer-price {
  font-size: 22px;
  font-weight: 700;
  margin-top: 28px;
  color: #2e7d32;
}

.offer-discount {
  font-weight: 600;
  margin-top: 6px;
}

.offer-desc {
  font-size: 13px;
  margin-top: 6px;
  color: #555;
}

.offer-code {
  display: inline-block;
  margin-top: 10px;
  border: 1px dashed #999;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
}

.offer-action {
  margin-top: 10px;
  font-weight: 600;
  color: #7cb342;
  cursor: pointer;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .offers-wrapper {
    grid-template-columns: 1fr;
  }
}
.offer-code {
  transition: all 0.3s ease;
}

.offer-code:hover {
  background: #f4fbdc;
  border-color: #8bc34a;
}
.offer-section h6 {
    color: #111;
    font-weight: 600;
}
.offer-section ul {
    padding-left: 20px;
    margin-bottom: 25px;
}
.offer-section ul li {
    list-style-type: square;
    margin-bottom: 8px;
}
.faq-item {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
}

/* Question */
.faq-question {
    width: 100%;
    background: #f7f7f7;
    border: 0;
    padding: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
}

/* Number */
.faq-number {
    color: #d6366f;
    font-weight: 700;
}

/* Icon */
.faq-icon {
    margin-left: auto;
    transition: transform 0.25s ease;
    font-size: 18px;
}

/* Answer container */
.faq-answer {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
    background: #fff;
}

/* Inner padding (important for smooth animation) */
.faq-answer-inner {
    padding: 14px;
}

/* Active state */
.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-question {
    color: #111;
}

.faq-number {
    color: #111;
}

.faq-item.active .faq-number, .faq-question:hover .faq-number {
    color: #fff;
}
.faq-item.active .faq-question, .faq-question:hover {
    background: #5d7641;
}
/* Plus icon normal */
.faq-icon {
    color: #111;
}
/* Plus icon active */
.faq-item.active .faq-icon, .faq-question:hover .faq-icon {
    color: #fff;
}

.product-benefits, .product-ingredient, .how-use-section {
    margin-bottom: 70px;
}
/* TITLE */
.benefits-title, .faq-heading, .section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: "Merriweather", Sans-serif;
    text-align: center;
    margin-top: 0;
}

/* GRID (THIS FIXES 3 COLUMNS) */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    counter-reset: benefit;
}

/* CARD */
.benefit-item {
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 26px 24px 26px 78px;
}

/* NUMBER CIRCLE (THIS FIXES INCREMENT) */
.benefit-item::before {
    counter-increment: benefit;
    content: counter(benefit, decimal-leading-zero);
    position: absolute;
    top: 24px;
    left: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef6ec;
    color: #4CAF50;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* TEXT */
.benefit-item h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
    color: #111;
    font-family: 'Oxygen';
}

.benefit-item p {
    font-size: 15px;
    color: #535353;
    margin: 0;
    font-family: 'Oxygen';
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }
}
.ingredient-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.ingredient-row {
    text-align: center;
    background: #f5f5f5;
    border-radius: 14px;
    padding: 26px 24px 26px 24px;
}
.ingredient-row img {
    border-radius: 50%!important;
    height: 150px!important;
    object-fit: cover;
    margin-bottom: 10px;
}
.ingredient-row h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
    color: #111;
    font-family: 'Oxygen';
}
.ingredient-row p {
    font-size: 15px;
    color: #535353;
    margin: 0;
    font-family: 'Oxygen';
}
/* ===============================
   HOW TO USE SECTION
================================= */

/* GRID LAYOUT */
.how-use-grid{
display:flex;
align-items:center;
gap:60px;
}

/* LEFT IMAGE */
.how-left{
width:48%;
}

.how-left img {
    width: 100%;
    border-radius: 10px!important;
    display: block;
}

/* RIGHT CONTENT */
.how-right{
width:52%;
}

/* STEP BLOCK */
.how-step{
padding-bottom:22px;
margin-bottom:22px;
border-bottom:1px solid #e6e6e6;
}

/* STEP TITLE */
.how-step h4{
	font-size:22px;
	font-weight: 600;
	color: #5d7641;
	margin-bottom:6px;
	font-family: 'Merriweather';
	margin-top: 0;
}

/* STEP TEXT */
.how-step p{
	font-size: 15px;
	color: #222;
	font-weight: 600;
	line-height:1.6;
	font-family: 'Oxygen';
	margin:0;
}

/* REMOVE LAST BORDER */
.how-step:last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}


/* ===============================
   MOBILE RESPONSIVE
================================= */

@media(max-width:991px){
	.how-use-grid{
	flex-direction:column;
	gap:35px;
	}
	.how-left,
	.how-right{
	width:100%;
	}
	.how-step h4{
	font-size:20px;
	}

}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review, button.cr-review-form-continue.cr-review-form-success {
    background-color: #5d7641!important;
    border-radius: 0;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit:hover, .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover, button.cr-review-form-continue.cr-review-form-success:hover {
    background-color: #111!important;
}

.xoo-el-action-sc {
    font-size: 14px;
    line-height: 10px;
    padding: 10px 20px;
    border: 1px solid #ddd;
}
.my-text.elementor-widget-text-editor ul {
    list-style: none;
    padding-left: 0px;
}

.my-text.elementor-widget-text-editor ul li::before {
    content: "\5a";
    font-family: 'ElegantIcons';
    color: #b2be59;
    margin-right: 10px;
}

.my-text.elementor-widget-text-editor ul li:not(:last-child) {
    margin-bottom: 6px;
}