/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

body {
	color:#000 !important;
	background-color:#FAF8EB !important;
}

.fixed-center-right {
  position: fixed;          /* Fixes the element to the viewport */
  top: 60%;                 /* Positions the element vertically at the center */
  right: 0;                 /* Aligns the element to the right edge */
  transform: translateY(-50%); /* Centers the element vertically */
  background: url('https://www.onsponge.com/wp-content/uploads/2024/06/fade.png') no-repeat center center; /* Example background image */
  background-size: cover;   /* Ensures the background image covers the element */
  width: 600px;             /* Set your desired width */
  height: 600px;            /* Set your desired height */
  z-index: -2;            /* Ensure it stays on top of other content */
}

.pointer_three {
	width:50% !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#special_bundles .ht-product-image{
	margin-top:-200px !important;
}

.e-cart__container .woocommerce-shipping-destination {
	display:none !important;
}

.e-cart__container ..woocommerce-shipping-calculator{
	display:none !important;
}



.elementor-popup-modal .dialog-widget-content {
	background-color:#fff;
}

.coupon {
	background-color:#f8d9a9 !important;
	border-radius:20px !important;
	border:0px !important;
}

.woocommerce-Price-amount {
	font-weight:bold !important;
}

.price {
	font-weight:bold !important;
}


#start {
	max-width:45%;
	margin-left:auto;
	margin-right:auto;
}

.problem_box {
	margin-left:36%;
	max-width:60%;
	margin-top:-5%;

}

.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before {
	display:none;
}

.bulk a {
	color:#000 !important;
	text-decoration:underline !important;
}

.content_box {

	min-height:300px;
}

.content_box img{
	position:absolute;
	top:0px;
	left:0px;
}

.content_title {
	position:absolute;
	top:90px;
	left:170px;
	max-width:70%;
	font-size:18px;
	font-weight:bold;

}

.content_title2 {
	position:absolute;
	top:105px;
	left:170px;
	max-width:70%;
	font-size:18px;
	font-weight:bold;

}


.content_text {
	position:absolute;
	top:190px;
	left:85px;
	max-width:80%;
	font-size:18px;

}

.read_more_box {
	width:55% !important;
	margin-left:auto;
	margin-right:auto;
}


.read_more_box a{
	width:95% !important;
}

.ht-product-inner {
	border-radius:10px;
	background-color:#ffa726 !important;
}

.ht-product-inner .ht-product-content {
	background-color:#ffa726 !important;
	min-height:150px;
}

.ht-product-inner .ht-product-content a{
	color:#fff !important;
}


.ht-product-inner .ht-product-image {
	max-height:280px;
	overflow:hidden;
}

.ht-products .ht-product .ht-product-inner .ht-product-content {
	padding-bottom:0px !important;
}

.elementor-container {
	max-width:1500px !important;
}

.ht-products .ht-product .ht-product-inner .ht-product-content {
	padding:20px;
}


.ht-product-inner .ht-product-image {
   max-height:none !important;
   overflow:auto !important;

}

.ht-product-image-wrap {
 height:390px;
 background-color:#fff;
}

.elementor-widget-woolentor-related-product-custom .ht-product-content {
	height:160px !important;
}

.ht-product-image {

 position:absolute;
 left:0px;
 bottom:0px;
}

.ht-product-inner .ht-product-price {
	display:none;
}


.target_box .elementor-widget-container{
	min-height:270px;
}

.target_box2 .elementor-widget-container{
	min-height:250px;
}



.ht-product-inner .ht-product-content {
	min-height:20px !important;
}


.content_height {
	min-height:250px;
}

p {
	color:#000 !important;
}

.e-shop-table {
	border-radius:20px !important;
	border:0px !important;
	color:#000 !important;
	background-color:#fff !important;
}

.e-cart-totals {
	border-radius:20px !important;
	border:0px !important;
	color:#000 !important;
	background-color:#fff !important;
}

.shop_table td{
	color:#000 !important;
}

.elementor-widget-woocommerce-cart .woocommerce #shipping_method li label {
	color:#000 !important;

}


.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td:before {

	color:#000 !important;
}

.shop_table li{
	color:#000 !important;
}



.checkout-button {

	color:#000 !important;
	background-color:#ffa22e !important;
}

.e-shop-table  a{
	color:#000 !important;
}

.form a{
	color:#000 !important;
	text-decoration:underline !important;
}

.footer a {
	color:#000 !important;

}

.misc{
	margin-left:auto !important;
	margin-right:auto !important;
        display:block !important;
}

.form span a{
	color:#000 !important;
	text-decoration:underline !important;
}

.form span{
	color:#000 !important;
}

.e-apply-coupon {
	border-radius:0px !important;
	border:0px !important;
	color:#000 !important;
	background-color:#ffa22e !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width:50px !important; 
	height:50px !important;
	color:#000 !important;
}


.logo img {
	width:330px;	
}

nav{
   display:block;
	width:1460px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-100px;
	margin-top:-40px;
}

.elementor-menu-toggle {
	background-color:#FFA726 !important;
}

.table {
  max-width:80%;
}

.table p {
	margin-left:20px;
	padding-right:25px !important;
	text-align:left !important;
}

table td, table th {
	padding-left:0px !important;
	border:0px !important;
	background-color:transparent !important;
}

.product table img {

	width:auto;
	margin-bottom:-5px;
}

/*
.top_icon img{
	width:50px !important;
	margin-left:35px !important;
	margin-right:25px !important;
	padding-right:25px !important;
}
*/

.current-menu-item:hover{
	background-color:#ffa726 !important;
	border-radius:10px !important;
}

.current-menu-item:hover a{
	background-color:#ffa726 !important;
	border-radius:10px !important;
}

nav a {

	font-weight:bold !important; 
	text-transform:uppercase !important;
}

.red_link a {
	color:#ff3131 !important;
}

.current-menu-item a{
	background-color:#ffa726 !important;
	border-radius:10px !important;
}

.single_add_to_cart_button {
	font-weight:bold !important;
	padding-left:30px !important; 
	text-align:left !important;
	width:180px;
	height:48px;
	background-repeat:no-repeat;
	background-image:url('btn.jpg') !important;
	
}

.table img {
	height:380px;
	width:auto;
	display:block;
}


 .table td p{

	text-align:center;
	padding-left:20px;
	padding-right:20px;
    }
/* Responsive styles for mobile devices */
@media screen and (max-width: 768px) {
   .table {
        display: block;
        width: 100%;
    }

    .table td {
        box-sizing: border-box;

    }
   
#start {
	max-width:100%;
}



        .table tr {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
    }

     .table,
       .table{
        width: 100%;
    }

    .table td img {
	max-width:100%;
	height:auto;
     }
}

@media only screen and (max-width: 600px) {

.pointer_three {
	width:100% !important;
}

.problem_box {
	margin-left:0%;
	max-width:95%;
	margin-top:-2%;

}


.read_more_box {
	width:100% !important;
}

	
.problem_box {
	max-width:100%;

}

body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-b817fcc {
	left:-142px;
}

body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-03d5e69 {
	left:-142px;
}

body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-91a9488 {
	left:-142px;
}

.target_box .elementor-widget-container {
	min-height:auto;
}

	.elementor-9 .elementor-element.elementor-element-4e24510 {
	
    float:right;
	width:100% !important;
	max-width:100% !important;
	}
  .elementor-menu-toggle {
    float:right;
	width:100%;
  }
}

@media only screen and (max-width: 400px) {


body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-b817fcc {
	left:-124px;
}

body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-03d5e69 {
	left:-124px;
}

body:not(.rtl) .elementor-8107 .elementor-element.elementor-element-91a9488 {
	left:-124px;
}

}