/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



/* .footer-p p{
	padding: 0 !important;
	margin: 0 !important;
}
.footer-menu ul{
	display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 0;
    margin: auto;
}
.footer-menu ul li{
	flex: 1 1 48%;
} */
/* .footer-menu ul li a{
	display: flex;
	justify-content: center;
} */
@media only screen and (max-width: 780px){
	.footer-menu ul{
		 align-items: center;
	}
	.footer-p p{
		text-align: center;
	}
}
.site-content .ast-container{
	padding: 0 !important;
	flex-direction: column;
}
.full-price-front div p ins{
	display: none;
}
.sale-price-cont del{
	display: none;
}
.location-button{
	display: none !important;
}
.main-cont-prices{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #606060;
    padding: 10px;
    flex-direction: row-reverse;
}
.main-cont-prices div{
	position: relative;
}
.price-holders{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-holder{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.first-p{
    color: #FAED96;
    font-size: 16px;
    margin: 0;
    padding-bottom: 15px !important;
}
.second-p{
   	color: white;
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    transition: 0.3s all linear;
    border: 1px solid #ef4f2a;
    padding: 0px 15px;
    border-radius: 10px;
    background-color: #ef4f2a;
}
.second-p-clicked{
    color: white;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    transition: 0.3s all linear;
    border: 1px solid #faed96;
    padding: 0px 15px;
    border-radius: 10px;
    background-color: #0ba50b;
    box-shadow: 0px 0px 15px 2px gray inset;
}
.sale-price-cont{
    width: 80px;
    height: 80px;
    background-color: #414042;
    border-radius: 50%;
    border: 1px solid #FAED96;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sale-price-cont .sale-price{
	color: #FAED96;
	font-size: 34px;
	position:relative;
	top: 10px;
	font-weight: bold;
}
.sale-price-cont .sale-currency{
	color: #FAED96;
	font-size: 20px;
	position: relative;
	bottom: 10px;
	font-weight: bold;
}
.full-price-cont{
    width: 80px;
    height: 80px;
    background-color: #FAED96;
    border-radius: 50%;
    border: 1px solid #FAED96;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.full-price-cont::before{
	content: "";
    width: 70px;
    height: 1px;
    display: flex;
    position: absolute;
    top: 40px;
    right: 6px;
    background-color: red;
    transform: rotate(45deg);
}

.full-price-cont .full-price{
	color: #FF0000;
	font-size: 34px;
	position: relative;
	top: 10px;
	font-weight: bold;
}
.full-price-cont .full-currency{
	color: #FF0000;
	font-size: 20px;
	position: relative;
	bottom: 10px;
	font-weight: bold;
}
.free-delivery, .dev-splash{
	color: #4b4b4b;
	font-size: 13px;
	font-weight: 500;
}
.three-p-cont{
	color:#000000;
	font-size: 16px;
}
.field-type-submit-field{
	display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse !important;
}
.field-type-submit-field div, .field-type-submit-field p{
	width: 100%;
}
.field-type-submit-field p{
	color: #000000;
	font-size: 16px;
	margin: 0 8px;
}

.main-rev-cont{
    width: 100%;
    height: fit-content;
    direction: rtl;
}
.rot-child{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
	margin: 10px 0 !important;
}
.img-rev-cont{
    width: 20%;
}
.img-rev-cont div{
    color: #000000;
    font-size: 17px;
    background-color: #FF77F1;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed black;
    padding: 5px;
    outline: 5px solid white;
    outline-offset: -5px;
}

.not-img-rev-cont{
    width: 80%;
    border: 1px dashed black;
    border-radius: 15px;
    padding: 5px 18px;
}
.rev-name{
    color: #000000;
    font-size: 14px;
	margin: 0 !important;
}
.rev-text-holder{
    color: #676767;
    font-size: 14px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* Adjust as necessary */
    background-color: #fff; /* Optional: To prevent content underneath from showing through */
}
.price-html-cont{
	position: fixed;
    z-index: 200;
    bottom: 0;
	width: 100%;
}
.price-html-cont::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #faed96;
	position: absolute;
	top: 40px;
	left: 0px;
}
.alteeb-description div div p{
	margin: 0px !important; 
}
.first-f, .second-f, .third-f, .first-name, .second-name, .third-name{
	display: none;
}
.per-detail, .per-detail div h2{
	margin: 0;
	padding: 0;
}
.star-rating{
	display: none !important;
}
.products li{
	padding: 18px !important;
    border: 1px solid #515C6F;
    border-radius: 10px;
}
.products li .price del, .ast-woo-product-category{
	display: none !important;
}
.ast-builder-html-element p{
	font-weight: 600 !important;
}
.entry-title{
	padding: 5px 30px;
    margin: 0;
}
.woocommerce-cart-form__cart-item{
	display: flex !important;
	justify-content: space-between;
    align-items: center;
}

td{
	padding: 0 !important;
}
td::before{
	display: none !important
}
.product-name a{
	color: #707070;
	font-size: 16px;
}.
.product-price span {
	color: #707070;
	font-size: 16px;
}
.product-details{
	 width: 50%;
/* 	height: 100px !important; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.incr-cart, .decr-cart{
	background-color: #414042;
    color: white;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.quantity input{
	margin: 0 !important;
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #414042 !important;
    border-radius: 6px !important;
}
.product-quantity div{
	 margin: 0 6px;
}
.add_to_cart_button{
	margin: 0 !important;
    padding: 10px 20px !important;
	width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #2f2e2e !important;
}
.add-cart{
	position: fixed;
	top: 40vh;
	left: 13vw;
	z-index: 1000;
	border-radius: 15px !important;
}
.cart-item-cont{
	display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin: 10px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 5px 0px #c1c1c1 !important;
}
.thumb-and-name-price-remove{
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.thumb-and-name-price-remove .product-thumbnail{
	width: 30% !important;
}
.thumb-and-name-price-remove .thumb-cont-child{
	width: 60% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}
.product-name a{
	font-size: 18px !important;
    font-weight: 700 !important;
}
.product-remove{
	display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 10% !important;
}
.subtotal-and-qty{
	width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important ;
	border-top: 1px solid #dfdddd;
    padding-top: 12px;
}

.product-quantity{
	 width: 35% !important;
    display: none !important;
    justify-content: center  !important;
    align-items: center !important;
}
.product-subtotal{
	width: 20% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.product-subtotal span bdi{
	font-size: 18px !important;
    font-weight: 600 !important;
}
.full-price-cont-cart{
	color: red;
    font-weight: 600;
}
.full-price-cont-cart::before{
	content: "";
	background-color: red;
	position: relative;
	top: 14px;
	left: 0px;
	width: 60px;
	height: 1px;
	display: block;
}
.coupon{
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 0px !important;
    margin: 0 15px !important;
    border-top: 1px solid #bdb0b0 !important;
}
.coupon input{
	width: 60% !important;
    height: 100% !important;
    border: 1px solid black !important;
    border-radius: 8px !important;
    padding: 20px 15px !important;
}
.coupon button{
	padding: 10px 15px !important; 
}
.methods-cont{
	display: flex;
    justify-content: flex-start;
	align-content:center;
    width: 100%;
    margin-top: 20px;
	gap: 15px;
	padding: 0 12px;
}
#order-form .elementor-widget-container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.sel-add-cont{
	border: 1px solid #8d8d8d;
    border-radius: 5px;
    padding: 16px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	flex-direction: column;
}
.sel-cart-form{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
	margin: 0;
	flex-wrap: wrap;
	width: 100%;
	
}
.sel-cart-form button, .buy-directly button{
	margin: 0 !important;
	color: #414141 !important;
    background-color: #f8e180 !important;
	border-radius: 10px !important;
}
.sel-cart-form button{
	width: 45% !important;
    margin-left: auto !important;
	z-index: 100;
}
.sel-cart-cont{
	width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
	margin: 0 !important;
	margin-bottom: 42px !important;
}
.before-and-after-dis{
	position: absolute;
	top: 52px;
}
.before-dis{
	font-size: 15px !important;
}
.after-dis{
	margin: 0 16px !important;
}
.buy-directly{
	width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-directly button{
	width: 90%;
	padding: 10px !important;
}
.incr, .decr{
	width: 38px !important;
	height: 35px !important;
}
.sel-divider{
	width: 10%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sel-divider div{
	width:1px;
	height: 100%;
	border: 1px solid #8d8d8d;
}
.form-close-button{
    display: flex;
    justify-content: flex-end;
}
.form-close-button i{
	color: black;
    font-size: 32px;
	align-items: center;
}
.{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #faed96;
}
.add_to_cart_button::after, .ast-onsale-card{
	display: none !important;
}
.sel-sale-price{
	font-size: 22px;
}
.sel-full-price{
	font-size: 22px;
	color: red;
}
.sel-full-price::before{
	content: "";
    position: absolute;
    top: 35px;
    right: 35px;
    width: 70px;
    height: 1px;
    background-color: red;
}
.sale-currency{
	margin: 0 6px;
}

.full-currency{
	margin: 0 6px;
}
.sel-buttons-cont{
	width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
}
.sel-buttons-cont .single_add_to_cart_button{
	width: 45% !important;
}
.prices-banner .e-con-inner{
	display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    padding: 10px 15px;
    border-top: 1px solid #696868;
    border-bottom: 1px solid #696868;
    margin-top: 23px;
    justify-content: space-evenly !important;
}
.prices-banner .e-con-inner .banner-price-cont{
	width: 30%;
}
.banner-price-cont div{
	text-align: center !important;
}
.cart_totals h2{
	margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    margin-bottom: 10px !important;
}
.cart_totals td h2{
	font-size: 18px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.checkout-button{
	padding: 10px 15px !important;
    width: 50% ;
    margin: auto !important;
}
.cart-subtotal td, .order-total td, .delivery-tr td{
	display: flex !important;
    justify-content: space-between;
    padding: 12px 0px !important;
    margin: 8px 0px;
    border-top: 1px solid #c3c1c1 !important;
	border-bottom: 1px solid #c3c1c1 !important;
	flex-wrap: wrap !important;
}
.order-total td{
	flex-direction: row-reverse !important;
}
.cart-subtotal td h2{
	margin:0;
	padding: 0;
}
.order-total td strong span bdi, .cart-subtotal td span bdi, .delivery-tr td span bdi{
	font-size: 18px;
    font-weight: 600;
    color: black;
}
.order-total td strong h2{
	padding: 0 !important;
}
.before-and-after-dis{
	width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 18px;
}
.woocommerce-form-coupon-toggle, #billing_last_name_field, #billing_company_field, #billing_country_field, #billing_address_2_field, #billing_city_field, #billing_state_field, .woocommerce-shipping-fields, .woocommerce-additional-fields, .woocommerce-checkout-review-order-table, .woocommerce-terms-and-conditions-wrapper{
	display: none !important;
}
.woocommerce-billing-fields{
	padding: 0 22px;
}
#billing_first_name_field{
	width: 100%;
}
.woocommerce-input-wrapper input{
	border: 1px solid #7d7d7d !important;
    border-radius: 8px !important;
}
.form-total{
	font-size: 17px !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
.total-value{
	color: #C18000 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}
.form-total-delivery{
	color: #C18000;
}
.ast-on-card-button{
	display: none !important;
}
.wc-proceed-to-checkout{
	display: none; 
}
.cart-form-cont{
	padding: 5px 30px;
}
.cart-form-cont .form-total{
	display: none;
}
.cart-form-cont div form div div input, .cart-form-cont div form div div textarea{
	border: 1px solid #676565 !important;
    border-radius: 8px !important;
    margin-top: 2px !important;
}
.coupon-cont{
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 0 10px;
}
.coupon-input, .coupon-input:focus{
	width: 60%;
    padding: 5px 3px;
    border-radius: 5px;
    border: 1px solid gray;
}
.coupon-cont button{
	width: 35%;
    padding: 10px;
}
.astra-shop-thumbnail-wrap a img{
	transform: scale(1.1) !important;
}
.coupon-cont div{
	width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2b2b2b;
    padding: 6px;
    border-radius: 11px;
    color: #EF4F2A;
    font-size: 18px;
    font-weight: 600;
}
.remain-del{
	display: none;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
	color: red;
	text-align: center;
	margin: 0 !important;
	font-weight: 600;
	padding-top: 10px;
}
.addedToCart{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #272626f5;
}
.addedToCart i{
	font-size: 85px;
    color: #faed96;
    margin-bottom: 50px;
}
.addedToCart h2{
	font-size: 30px;
	color: white;
}
.wpml-ls-flag, .custom-logo, .icon-cart svg{
	transform: scale(1.2) !important;
}
.rev-cont-space{
	position: relative;
	bottom: 30px;
}
.main-thanks{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.main-thanks h1{
	font-size: 24px;
	color: #373737;
}
.reciept{
	 width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
	padding: 20px 0px;
}
.reciept ul{
	margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
	padding: 16px 0;

}
.prod-cont{
	width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.prod-cont div{
	display: flex;
}
.prod-cont div:nth-child(1){
	width: 50%;
}
.prod-cont div:nth-child(2){
	width: 25%;
}
.prod-cont div:nth-child(3){
	width: 25%;
	display:flex;
	justify-content: flex-end;
}
.prod-cont div p{
	color: #414042;
    margin: 5px 0px;
}
.client-cont{
	margin: 28px 0;
}
.rec-cont{
	width: 95%;
    border: 1px solid black;
    padding: 20px;
	border-bottom: 1px solid black;
    padding-bottom: 15px;
	height: 120px;
	overflow: hidden;
}
.rec-openeing h1{
	color: black;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
.date-and-logo{
	width: 30%;
}
.client-information{
	width: 70%;
}
.rec-openeing{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid black;
    padding-bottom: 15px;
}
.firstTot{
	border-bottom: 1px solid black;
    padding-bottom: 10px;
}
.twenfiveper{
	width: 25% !important;
}
.fiftyper{
	width:50% !important;
}
.rec-totals{
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.twenfiveperflex{
	display:flex !important;
	justify-content: flex-end !important;
}
.rec-totals div{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}
.finalMainTotal{
	border-top: 1px solid black;
	padding-top: 5px;
    margin-top: 10px;
}
.date-info{
	width: 100%;
    display: flex;
    justify-content: space-between;
	flex-direction: row-reverse;
}
.added-coupon{
	width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    color: red;
    font-size: 18px;
    font-weight: 600;
}
.added-coupon p{
	margin: 0 !important;
}
.added-coupon div{
	display: flex;
    flex-direction: row;
}
.couponed{
	padding: 0px 3px;
}
.price-after-coupon{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 15px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid gray;
    box-sizing: border-box;
    width: 90%;
    margin: auto;
}
.price-after-coupon p:nth-child(1), .price-after-coupon p:nth-child(2){
	color: black;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.price-after-coupon p:nth-child(3){
	color: red;
	text-align: center;
	margin: 0;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
}
.delete-coupon{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 15px 25px;
    padding-top: 0px;
}
.delete-coupon p{
	margin: 0;
	color: red;
	font-size: 18px;
	font-weight: 600;
}
.date-and-logo{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.rev-name1 , .rev-name2 , .rev-name3{
	margin: 0 !important;
    font-size: 18px !important;
}
#menu-2-fdc28a2{
	display: none !important;
}
/*old code */
/*phone number error message*/
.phone-error-message, .phone-error-message-starter{
	color: white;
	background-color: red; 
	border-radius: 10px;
		padding: 3px;
		margin: 3px 0;
}
.iti--separate-dial-code{
	width: 100%;
}
#phoneErrorMsg{
	width: 100%;
    display: block;
    background-color: #ff7a7a;
    color: black;
}

/*adding the stype for the phone error message*/
.phone-error-message, .button-error-message{
	background-color: #fb4b4b;
    color: white;
    padding: 2px 10px;
}
.input-wrappers-abd {
    position: relative;
    width: 100%;
}

/* Style for the after pseudo-element */
#phone::after {
    content: '+966';
    position: absolute;
    top: 21px;
    right: 15px;
    transform: translateY(-50%);
    color: #000;
    display: flex;
    z-index: 500000;
    width: 100%;
    height: 100%;
}
.input-wrappers-abd-en {
    position: relative;
    width: 100%;
}

/* Style for the after pseudo-element */
#phone::after {
    content: '+966'; /* You can customize the content here */
    position: absolute;
    top: 21px;
    right: 15px;
    transform: translateY(-50%);
    color: black; /* You can customize the color here */
}
.three-cont	.elementor-widget-wrap{
	padding: 0 !important;
}
.three-p-cont div{
	display: flex;
	flex-wrap: wrap;
}
.three-p-cont div p{
	margin: 0 8px !important;
}
.jet-form-builder button{
	width: 100%;
    text-align: center;
    display: flex !important;
    justify-content: center !important;
    height: 7vh;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
.three-p-cont{
	background-color: gainsboro;
    padding: 5px 13px;
    border: 2px solid #9d9d9d;
    border-radius: 15px;
	margin-bottom: 12px !important;
}
.three-radio{
	margin: 0 3px;
}
/*adding the code fot the landing page products*/
.main-cont-prices-w{
	padding: 4px 10px !important;
}
.text-holder-w{
	 display: flex !important;
    justify-content: flex-start !important;
	flex-direction: row !important;
	width: 70% !important;
}
.price-holders-w{
	width: 30% !important;
}
.second-p-w{
	font-size: 16px !important;
	width: 94% !important;
}
.sale-price-cont-w{
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	border: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sale-price-cont-w .sale-price{
	color: #FAED96;
	font-size: 28px;
	font-weight: bold;
	margin: 0 8px;
}
.sale-price-cont-w .sale-currency{
	color: #FAED96;
	font-size: 20px;
	font-weight: bold;
}
.full-price-cont-w{
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	border: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.full-price-cont-w::before{
	content: "";
    width: 100px;
    height: 1px;
    display: flex;
    position: absolute;
    top: 30px;
    left: 18px;
    background-color: red;
}

.full-price-cont-w .full-price{
	color: #FF0000;
	font-size: 30px;
	font-weight: bold;
	margin: 0 8px;
}
.full-price-cont-w .full-currency{
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
}
.full-price-holder-w{
	width: 100% !important;
}
.less-main-1{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
	background-color: #FAED96;
	padding: 4px 10px !important;
}
.add-cont{
	width: 70%;
}
.not-add-cont{
	width: 30%;
}
.price-html-cont-w::before{
	display: none !important;
}
.cart-w{
	display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}
.cart-w button{
	background-color: #414042 !important;
	margin: 0 !important;
	color: #FAED96 !important;
	font-size: 16px !important;
    padding: 8px 15px !important;
}
.qty-w{
	margin: 0px 5px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.qty-w input{
	background-color: transparent !important;
    border: 1px solid #414042 !important;
    border-radius: 8px !important;
    width: 50px !important;
    height: 30px !important;
	margin: 0px 6px !important;
}
.incr, .decr{
	font-size: 31px;
    height: fit-content;
/*     width: 30px !important; */
	font-size: 31px;
    width: 30px;
    color: #FAED96;
    background-color: #414042;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 30px;
}
/*adding the style for the custom form*/
#custom-checkout-form , #custom-checkout-form-drop{
	width: 100%;
    display: flex;
    flex-direction: column;
	border: 1px solid #9d9c9c;
    padding: 18px;
}
.insertAf{
	margin-bottom: 22px;
}
#custom-checkout-form input[type='submit'] , #custom-checkout-form-drop input[type="submit"]{
	width: 50%;
    margin: auto;
    background-color: #facd00;
    color: black;
    font-size: 20px;
    font-weight: 700;
    border-radius: 14px;
}

#custom-checkout-form label, #custom-checkout-form-drop label{
	margin-bottom: 5px;
}

.clickme-dis{
	display: flex;
    justify-content: center;
    color: red;
    font-weight: 600;
}
.matajerTotal{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
	margin-bottom: 20px;
}
.matajerTotal div{
	width: 100%;
    display: flex;
	padding: 12px 0;
}
.matajerTotal div p{
	margin: 0;
	font-size: 16px;
    font-weight: 600;
}
.matajerTotal div p:nth-child(1){
	width: 70%;
}
.matajerTotal div p:nth-child(2), .matajerTotal div p:nth-child(3){
	width: 15%;
}
.totDivider{
	margin: 0;
    padding: 0 !important;
    width: 100%;
    background-color: black;
    height: 1px;
}
.disValue{
	color: red;
}
.cover-rec{
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 50px 20px;
}
.online-form-cont{
	padding: 20px;
}

/*adding the style for the custom form*/
#custom-checkout-form{
	width: 100%;
    display: flex;
    flex-direction: column;
	border: 1px solid #9d9c9c;
    padding: 18px;
}
.insertAf{
	margin-bottom: 22px;
}
#custom-checkout-form input[type='submit']{
	width: 50%;
    margin: auto;
    background-color: #facd00;
    color: black;
    font-size: 20px;
    font-weight: 700;
    border-radius: 14px;
}

#custom-checkout-form label{
	margin-bottom: 5px;
}

.clickme-dis{
	display: flex;
    justify-content: center;
    color: red;
    font-weight: 600;
}
.matajerTotal{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
	margin-bottom: 20px;
}
.matajerTotal div{
	width: 100%;
    display: flex;
	padding: 12px 0;
}
.matajerTotal div p{
	margin: 0;
	font-size: 16px;
    font-weight: 600;
}
.matajerTotal div p:nth-child(1){
	width: 70%;
}
.matajerTotal div p:nth-child(2), .matajerTotal div p:nth-child(3){
	width: 15%;
}
.totDivider{
	margin: 0;
    padding: 0 !important;
    width: 100%;
    background-color: black;
    height: 1px;
}
.disValue{
	color: red;
}
.cover-rec{
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 50px 20px;
}
.landing-loader-cont div div div{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d3d3de6;
    z-index: 1000;
}
.landing-loader-cont div div div img{
	animation: spinner 2s linear infinite;
}
 @keyframes spinner {
   from {
        transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}
.direct-cont{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1000;
    background-color: white;
	overflow: scroll;
}
.direct-cont .e-con-inner{
	display: flex;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
}
.cod-cont, .online-cont , .tabby-cont{
	transition: 0.3s ease-in all;
	background-color: white;
    padding: 8px 18px;
    border-radius: 10px;
    border: 1px solid black;
    color: black;
    font-size: 16px;
    font-weight: bold;
	width: 38%;
}
.active-method{
	background-color: #f8e180 ;
    border: 1px solid #f8e180 ;
}

/*afghani oil style*/
.afghani-oil-header{
	margin: 0!important;
}
.three-div-cont .e-con-inner {
    display: flex;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto; 
    width: 100vw;
    scroll-snap-type: x mandatory;
}

.three-div-cont .e-con-inner > div {
    flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.three-div-cont .e-con-inner div img {
    width: 375px;
    height: auto;
    object-fit: cover;
	border-radius: 15px;
}
.img-car-afghani h2{
	margin: 0 !important;
}
.flipped-bottle-image{
	height: 250px !important;
}
.flipped-bottle-image img{
	width: 100% !important;
}
.how-to-use-oil h2{
	margin: 0 !important;
}
.image-round-oild img{
	border-radius: 25px !important;
}
.remove-margin-header-oil{
	margin: 0 !important;
}
.price-two, .price-one, .price-three{
	text-wrap: nowrap !important;
	margin: 0 !important;
}
.clickme-dis{
	text-align: center;
}
.landing-loader-cont div div div{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d3d3de6;
    z-index: 1000;
}
.landing-loader-cont div div div img{
	animation: spinner 2s linear infinite;
}
 @keyframes spinner {
   from {
        transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}

/*adding the code for the counter*/
.counter-cont{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    padding: 12px 0px;
}
.time-label{
    font-size: 17px;
    font-weight: 700;
    color: black;
    margin-top: 6px;
}
.counter-cont div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 16%;
}
.counter-cont div .time{
    color: #414141;
    font-size: 29px;
    font-weight: 700;
    padding-bottom: 2px;
    background-color: #f8e180;
    width: 80%;
    border-radius: 7px;
}
/*code for the stock*/
.stock-cont{
	display: flex;
    justify-content: center;
    box-shadow: 0px 0px 5px 0px gray;
    align-items: center;
    width: 80%;
    margin: auto;
    padding: 7px 0px;
}
.stock-cont h1{
	font-size: 19px;
	font-weight:700;
	padding: 0;
	margin: 0 5px;
}
.left-stock{
	color: #c51920;
}
/*adding the code for the payment methods */
.cod-cont , .online-cont , .tabby-cont{
	width: 16%;
	height: fit-content;
}
@media only screen and (max-width:800px){
	.cod-cont , .online-cont , .tabby-cont{
		width: 32% !important;
		height: fit-content;
	}	
}
/*styling the header in the form*/
form h1{
	font-size: 25px;
    margin-bottom: 8px;
}
input[type="submit"] , .woocommerce-mini-cart__buttons a{
	color: #414141 !important;
	background-color: #f8e180 !important;
}
.product-title-abd div h2{
	margin: 0px !important;
}
.online-offer-string{
	color: #ff3a3a;
    font-size: 18px;
    margin-top: 14px;
}
.similar-products div div ul li div .add_to_cart_button{
    display: none !important;
}
/*adding the style for the progress bar*/
.progress-bar-container {
  width: 100%;
  max-width: 400px;
  background-color: #f8e180;
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
}
.progress-bar {
  height: 20px;
  background-color: #939393;
  width: 0; /* Start with 0 and update via jQuery */
  transition: width 1s ease;
}
/*styling the three prices*/
.savedAndDevCont{
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
}
.saved-cont{
	background-color: #414141;
    color: #f8e180;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 10px;
    position: relative;
    top: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	justify-content: center;
}
.add-to-cart a[href="https://salla-gcc.com/cart-page/"]{
	display: none !important;
}

.stock-main-cont{
	height: 78px !important;
}
/*adding the style for the cart and cart drawer*/
.product-thumbnail{
	padding: 12px;
}
.product-thumbnail a img{
	border-radius: 10px !important;
}
.three-qty-cont{
	display: flex;
    justify-content: flex-start;
    width: 40%;
	padding: 0 10px;
}
.three-qty-cont div{
	border: 1px solid black;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
	transition: 0.3s all ease-in;
	margin: 0 3px;
}
.active-qty-button{
	background-color: #f8e180;
    color: #414141;
    border: 1px solid #f8e180 !important;
}
.dev-charge-phrase{
	margin: 0;
    color: #414141;
    width: 100%;
}
.quantity-selector-title{
	padding: 0 !important;
    margin: 0;
    font-size: 19px;
    padding-bottom: 9px;
}
.price-span{
	font-weight: 700;
    color: #414141;
    font-size: 20px;
}
.second-system-span{
	color: #ee4e2a;
}
.saved-cont span{
	padding: 0 4px;
}

.saved-cont span::before{
	content: "";
    position: absolute;
    top: 17px;
    left: 36px;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 24%;
    height: 1px;
    background-color: #f8e180;
}
.formDisCont{
	color: #ff3d3d;
}
/*adding the hidden of hte loaded on the load of the page*/
.landing-loader-cont{
	display: none;
}
/*adding the calss for attention fiels*/
.needsAtt{
	border: 3px solid black !important;
}
/*addding the code for the categoris in the home page */
.categories-list{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-bottom: 15px;
}
.categories-list a{
	color: #ed4f2a;
	font-weight: bold;
	font-size: 15px;
}
.categories-list a:hover{
	color: #ed4f2a;
	font-weight: bold;
}
input, textarea{
	background-color: #d1d1d1 !important;
}
/*adding the style for the new offers*/
.saved-cont p{
	color: white !important;
}
.saved-cont p span , .saved-cont p strong{
	color: #f8e180 !important;;
}
.saved-cont p strong{
	font-weight: 600 !important;
	font-size: 20px !important;
}
.hideTheBefore{
	display: none !important;
}
.saved-cont p span::before{
	display: none !important;
}
.cart-offer-message{
	margin: 0;
    background-color: #5d5d5d;
    color: white;
    padding: 2px 8px;
}
.woocommerce-message{
	display: none !important;
}
/*addinng the code for the new three prices section*/
.priceInputCont1, .priceInputCont2, .priceInputCont3{
	flex-wrap: nowrap !important;
}
.priceInputCont1 p , .priceInputCont2 p , .priceInputCont3 p{
	text-wrap: nowrap !important;
}
/*adding the code for the bottom order button*/
.bottom-order-now-button{
	background-color: #414042;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.bottom-order-now-button div{
	color: #414141;
    background-color: #f8e180;
    font-size: 22px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 10px;
    margin: 10px;
}
/*adding the style for the please choose the qty */
.choose-qty{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #04b304;
    color: white;
    width: 72%;
    margin: auto;
    height: fit-content;
    padding: 8px;
    border-radius: 10px;
	margin-bottom: 10px;
	font-weight: 600;
}
/*adding the code for the loaded*/
.cod-loader{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000cf;
    z-index: 100000;
}
.cod-loader img{
	width: 70px;
	animation: spin 2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}