/**
Theme Name: Child theme
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: child-theme
Template: astra
*/

.has-after::before{
	width: 50px;
	height: 50px;
	display: block;
	position:relative;
	top: 0;
	left: 0;
}
.star-rating{
	display: none !important;
}
ul .ajax_add_to_cart{
	display:none !important;
}
ul del{
	display: none !important;
}
@media only screen and (min-width: 786px){
	.bottom-order{
		display: none;
	}
}
.bottom-order{
	position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0px;
    margin: 0;
    padding: 0;
}
.bottom-order .e-con-inner{
	flex-wrap: nowrap !important;
	padding: 0;
}
.bottom-order .price del .woocommerce-Price-currencySymbol{
	display: none !important;
}
.bottom-order .price del{
	margin-left: 10px !important;
}
.bottom-title h2{
	margin: 0 !important;
}
.three-p-cont{
	background-color: gainsboro;
    padding: 5px 13px;
    border: 2px solid #9d9d9d;
    border-radius: 25px;
	margin-bottom: 12px !important;
}
.three-radio{
	margin: 0 3px;
}
.storage-cont h4{
	display: flex;
	justify-content: center;
	padding: 8px;
}
.storag{
	margin: 0 5px;
	color: #ffa907;
}
.first-f, .second-f, .third-f, .first-name, .second-name, .third-name{
	display: none;
}
.end-of-sale h2{
	margin: 0 !important;
}
.saved-price{
	color: red;
}
.time-cont .e-con-inner{
	gap: 0 !important;
}
ul li img{
	border-radius: 15px !important;
}
.three-cont	.elementor-widget-wrap{
	padding: 0 !important;
}
.three-p-cont div{
	display: flex;
	flex-wrap: nowrap;
}
.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;
}
.smsa-cont{
	border-top: 2px solid black !important;
}
@media only screen and (max-width: 780px){
	.wpml-ls-flag{
		position: absolute;
		bottom: -5px;
		z-index: 10;
	}
}
.bottom-order-en{
	flex-direction: row-reverse !important;
}
.price-en{
	display: flex;
	justify-content: space-around;
}
.del-en{
	margin: 0 !important;
}
.count-class .elementor-countdown-wrapper{
	flex-direction: row !important;
}

.location-button div, .location-button div a{
	width: 100% !important;
}
.location-button a{
	background-color: gainsboro;
	color: #7A7A99;
	border: 1px solid gray !important;
	margin-top: 10px;
	display: flex;
}
.not-alteeb-location{
	background-color: gainsboro !important;
	color: #7A7A99 !important;
}
.location-button a input{
	margin-left: 7px;
}
.location-button a p{
	margin: 0;
	margin-right: auto;
}
.locaion-error{
	margin: 7px 0;
    background-color: red;
    text-align: center;
    padding: 3px;
    color: white;
    border-radius: 8px;
}
/*styling the counter*/
.counter-cont{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.counter-cont h2{
	margin: 0 10px;
	font-size: 50px;
	color: white;
}
.counter-cont div{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.counter-cont h3{
	margin: 0;
    color: white;
    font-size: 16px;
}
/*review image*/
.elementor-testimonial__image{
	background-color: #ff1aea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 780px){
	.elementor-testimonial__image{
		width: 10vw;
    	height: 10vw;
	}
}
.elementor-swiper-button-prev, .elementor-swiper-button-next{
	display: none !important;
}

/*the new coutner style */ 

  
  .countdown {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-family: sans-serif;
	  margin-top: 12px;
  }
  
  .time-section {
    text-align: center;
    width: 23%;
  }
  
  .time-group {
    display: flex;
	  flex-direction: row-reverse;
    gap: 5px;
  }
  
  .time-segment {
    display: block;
    font-size: 42px;
    font-weight: 900;
    width: 47%;
  }
  
  .segment-display {
    position: relative;
    height: 100%;
  }
  
  .segment-display__top,
  .segment-display__bottom {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 50%;
    position: relative;
  }
  
  .segment-display__top {
    line-height: 1.5;
    color: #eee;
    background-color: rgb(152, 2, 2);
  }
  
  .segment-display__bottom {
    line-height: 0;
    color: #fff;
    background-color: rgb(190, 1, 1);
  }
  
  .segment-overlay {
    position: absolute;
    top: 0;
    perspective: 400px;
    height: 100%;
    width: 100%;
  }
  
  .segment-overlay__top,
  .segment-overlay__bottom {
    position: absolute;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 50%;
  }
  
  .segment-overlay__top {
    top: 0;
    line-height: 1.5;
    color: #fff;
    background-color: rgb(152, 2, 2);
    transform-origin: bottom;
  }
  
  .segment-overlay__bottom {
    bottom: 0;
    line-height: 0;
    color: #eee;
    background-color: rgb(190, 1, 1);
    /* border-top: 2px solid rgb(190, 1, 1); */
    transform-origin: top;
  }
  
  .segment-overlay.flip .segment-overlay__top {
    animation: flip-top 0.8s linear;
  }
  
  .segment-overlay.flip .segment-overlay__bottom {
    animation: flip-bottom 0.8s linear;
  }
  
  @keyframes flip-top {
    0% {
      transform: rotateX(0deg);
    }
    50%,
    100% {
      transform: rotateX(-90deg);
    }
  }
  
  @keyframes flip-bottom {
    0%,
    50% {
      transform: rotateX(90deg);
    }
    100% {
      transform: rotateX(0deg);
    }
  }
  .daysP,.hoursP,.minsP,.secondP{
  	  color: rgb(190, 1, 1);
	  margin: 0;
	  font-size: 20px;
	  margin-top: 5px;
	  font-weight: 500;
  }
.ast-onsale-card{
	display: none !important;
}
.ast-woo-product-category{
	display: none !important;
}
/*alteeb almakki*/
.makki-saved{
	color: #FF0000 !important;
	margin: 0 auto;
}
.alteeb-three, .location-alteeb{
	background-color: #E9C78A !important;
	color: #1D191A !important;
	
}
.active-alteeb{
	background-color: #efad36 !important;
}
.alteeb-form-header{
	text-align: center !important;
    color: #E9C78A !important;
}
.alteeb-price-cont{
	padding: 0 12vw;
/* 	position: absolute;
	bottom: 150px;
	right: 0;
	left: 0; */
}
.alteeb-price-cont h2 span{
	font-size: 20px;
	font-weight: 400;
}
.alteeb-price-cont div .e-child{
	padding: 10px;
	background-size: 140px;
}
/*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 */
.input-wrappers-abd::after {
    content: '966+'; /* You can customize the content here */
    position: absolute;
    top: 30px;
    left: 15px;
    transform: translateY(-50%);
    color: black; /* You can customize the color here */
}
.input-wrappers-abd-en {
    position: relative;
    width: 100%;
}

/* Style for the after pseudo-element */
.input-wrappers-abd-en::after {
    content: '+966'; /* You can customize the content here */
    position: absolute;
    top: 30px;
    right: 15px;
    transform: translateY(-50%);
    color: black; /* You can customize the color here */
}
/*acf colors*/
.acf-color div{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	color:transparent;
}
.acf-color div div{
	width: 50px;
	height: 50px;
	margin: 0 10px;
	color: transparent;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #d6ad60;
}
.before-color, .after-color{
	color: #4B4F58 !important;
	width: 100% !important;
	border: 0px !important;
	font-size: 20px;
	cursor: auto !important;
}

.color-selected{
	box-shadow: 0px 0px 5px 0px gray;
	transform: translatey(-5px);
	background: linear-gradient(to bottom , #b1adad54, #b1adad54), url(https://ontime-shop.com/wp-content/uploads/2023/02/icons8-double-tick-30.png);
	background-position: center;
	background-repeat: no-repeat;
}
.acf-red{
	background-color: red;
}
.acf-blue{
	background-color: blue;
}
.acf-green{
	background-color: green;
}
.acf-brown{
	background-color: #5f4937;
}
.acf-black{
	background-color: #000000;
}

/*payment methods style*/
.option-cont{
	 width: 100%;
    display: flex;
    justify-content: flex-start;
}
.option-cont .optio{
/*     padding: 2vh 3vw; */
    font-size: 16px;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #bd9c34;
	transition: 0.2s all linear;
/* 	margin-left: 15px !important; */
}
.option-cont .optio:nth-child(1){
	margin: 0;
}
.option-cont .optio:nth-child(2){
 margin: 0 20px;
}
/* .option-cont .optio:nth-child(3){
 	border: 0px !important;
 	background-color: white !important;
}
.tabby-select{
	filter: drop-shadow(0px 5px 4px #bd9c34);
} */
.active-o{
	color: white !important;
	background-color: #bd9c34 !important;
}
/*active form*/
.form-2, .form-3{
	display: none;
}
/*design tabby logo*/
.option-cont .optio:nth-child(3){
	padding: 5px;
}
.tabby-log img, .tabby-log{
	width: 85px;
}
.payment_method_tabby_installments label img{
	max-width: 50px !important; 
	max-height: 30px !important;
}
.online-tn{
	display: none;
}

/*adding the style for the eye drop colors*/
.eye-drop-colors-blue, .eye-drop-colors-green{
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: fit-content !important;
	padding: 0 8px !important;
}
.eye-drop-colors-blue img, .eye-drop-colors-green img{
	width: 30px;
}
.eye-drop-colors-blue h3, .eye-drop-colors-green h3{
	font-size: 18px;
}
.eye-drop-colors-blue{
	background-color: #3db8fe;
}
.eye-drop-colors-green{
	background-color: #7bfe58;
}
.eye-drop-after-color div{
	display: flex !important;
    width: fit-content !important;
    border: 0 !important;
    color: black !important;
    justify-content: center !important;
    align-items: center !important;
}
.eye-drop-after-color div p{
	margin: 0 10px;
}
.eye-drop-after-color div span{
	color: red;
}