/* Add custom CSS styles below */@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";
html,
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
button {
	font-family:"IBM Plex Sans Arabic", sans-serif!important
}
.main-nav-container.fixed-pinned .inner {
	border-radius:0 0 32px 32px;
	box-shadow:0 0 25px #0000000d;
	opacity:1
}
.s-slider-v-centered .s-slider-block__title-nav{
	display:none
}
.s-block__title{
	text-align:center
}
.s-block__title h2{
	position:relative;
	width:fit-content;
	margin:auto;
	font-size:32px!important;
	font-weight:700!important;
	color:#012533;
	line-height:1.2!important
}
.s-block__title h2::after{
	content:'';
	position:absolute;
	width:100%;
	height:8px;
	border-radius:4px;
	background-color:#8ae830;
	bottom:0;
	left:0;
	transform-origin:left;
	transform:scaleX(0);
	transition:transform .3s ease-in-out;
	z-index:-1
}
.s-block:hover .s-block__title h2::after{
	transform-origin:right;
	transform:scaleX(1)
}
.s-block__title p{
	font-size:16px!important;
	font-weight:500!important;
	overflow:visible;
	margin-top:8px
}
@media (max-width: 768px){
	.s-block__title h2{
		font-size:24px!important
	}
	.s-block__title p{
		font-size:14px!important;
		margin-top:2px
	}
}
.categories-icons .square-grid{
	gap:0!important
}
.categories-icons .s-block__title{
	margin-bottom:auto
}
.categories-icons .banner-square.zoomed-img.grayscaled-img{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:auto;
	margin-top:24px;
	background:transparent;
	border-radius:16px;
	padding:16px 0;
	transition:all .3s ease
}
@media (max-width: 768px){
	.categories-icons .banner-square.zoomed-img.grayscaled-img{
		padding:8px 0;
		margin-top:12px
	}
	.categories-icons .banner-square.zoomed-img.grayscaled-img:hover{
		box-shadow:none!important
	}
}
.categories-icons .banner-square.zoomed-img.grayscaled-img:hover{
	box-shadow:0 0 30px #0000001a
}
.categories-icons .banner-square.zoomed-img.grayscaled-img img{
	width:40%;
	transform:scale(0.9));
	border-radius:50%;
	transition:all .3s ease;
	background:#8ae830;
	border:1px solid #8ae830
}
.categories-icons .banner-square.zoomed-img.grayscaled-img:hover img{
	transform:scale(1.0);
	border:3px solid #012533
}
.categories-icons .banner-square.zoomed-img.grayscaled-img{
	position:relative;
	overflow:hidden
}
.categories-icons .banner-square.zoomed-img.grayscaled-img img{
	display:block;
	height:auto;
	position:relative;
	z-index:1
}
.categories-icons .banner-square.zoomed-img.grayscaled-img::after{
	content:'';
	position:absolute;
	top:0;
	right:-120%;
	width:50%;
	height:100%;
	background:linear-gradient(120deg,#fff0 0%,#ffffffb3 50%,#fff0 100%);
	transform:skewX(45deg);
	z-index:2;
	pointer-events:none
}
.categories-icons .banner-square.zoomed-img.grayscaled-img:hover::after{
	animation:shine .6s forwards
}
@keyframes shine{
	0%{
		right:-120%
	}
	100%{
		right:120%
	}
}
@media (max-width: 768px){
	.categories-icons .banner-square.zoomed-img.grayscaled-img img{
		width:60%
	}
}
.categories-icons a.btn{
	position:relative;
	background:none;
	border:none;
	font-size:20px!important;
	font-weight:700!important;
	line-height:1.5;
	color:#012533!important;
	transition:all .3s ease;
	padding:0!important
}
.categories-icons a.btn:hover{
	opacity:1
}
.categories-icons .px-2{
	padding:0!important
}
.categories-icons a.btn span{
	font-size:18px!important;
	font-weight:700!important
}
@media (max-width: 768px){
	.categories-icons a.btn span{
		font-size:14px!important;
		font-weight:700!important
	}
}
@media (max-width: 425px){
	.categories-icons a.btn span{
		font-size:12px!important;
		font-weight:700!important
	}
}
@media (max-width: 320px){
	.categories-icons a.btn span{
		font-size:10px!important;
		font-weight:700!important
	}
}
.categories-icons a.btn::before{
	content:'';
	position:absolute;
	width:100%;
	height:3px;
	border-radius:4px;
	background-color:#8ae830;
	bottom:-4px;
	left:0;
	transform-origin:left;
	transform:scaleX(0);
	transition:transform .3s ease-in-out;
	z-index:-1
}
.categories-icons .banner-square.zoomed-img.grayscaled-img:hover a.btn::before{
	transform-origin:right;
	transform:scaleX(1)
}
.offers-slider .swiper-pagination{
	position:relative
}
.goals:before{
	content:"";
	display:block;
	background-image:url(https://i.ibb.co/ZzrFTWcy/sections.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	width:100%;
	height:80px
}
.goals:after{
	content:"";
	display:block;
	background-image:url(https://i.ibb.co/ZzrFTWcy/sections.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	width:100%;
	height:80px;
	transform:rotate(180deg)
}
@media (max-width: 768px){
	.goals:before{
		height:28px
	}
	.goals:after{
		height:28px
	}
}
.goals{
	padding-top:0;
	padding-bottom:0;
	box-shadow:none;
	transition:all .3s ease;
	background-color:#012533;
	background-image:url(https://i.ibb.co/sJXnB487/pattern.png);
	background-attachment:fixed;
	background-blend-mode:overlay
}
.goals h2:before{
	content:"";
	display:block;
	margin:auto;
	background-image:url(https://i.ibb.co/5gjtwj8J/target-1.png);
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain
}
.goals:hover h2{
	color:#fff!important;
	transition:all .3s ease
}
.goals h2{
	color:#8ae830!important;
	position:relative;
	width:fit-content;
	margin:auto;
	font-size:32px!important;
	font-weight:700!important;
	color:#012533;
	line-height:1.2!important;
	transition:all .3s ease;
	z-index:0
}
@media (max-width: 768px){
	.goals h2{
		font-size:24px!important
	}
}
.goals h2::after{
	content:'';
	position:absolute;
	width:100%;
	height:8px;
	border-radius:4px;
	background-color:#8ae830;
	bottom:0;left:0;
	transform-origin:left;
	transform:scaleX(0);
	transition:transform .3s ease-in-out
}
.goals:hover h2::after{
	transform-origin:right;
	transform:scaleX(1)
}
.goals .square-grid.grid.grid-cols-4.md\:grid-cols-4.md\:grid-cols-4.items-center.gap-2.sm\:gap-6.lg\:gap-4{
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:0
}
.goals .box-img.rounded-none{
	width:32px;
	height:32px
}
.goals .banner-square.zoomed-img.grayscaled-img{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	border:3px solid #012533;
	transition:all .3s ease;
	transform:scale(0.95);
	background:#8ae830;
	border-radius:48px
}
.goals .banner-square.zoomed-img.grayscaled-img:hover{
	background:#fff;
	transform:scale(1.0);
	transition:all .1s ease
}
.goals .text-wrapper.relative.px-2.text-center.rounded-none{
	padding:0
}
.goals a.btn.btn-primary.\!py-1.\!px-2.btn-text.mt-2{
	background:transparent;
	color:#012533!important;
	border:none;
	margin:auto;
	border-radius:0;
	padding:12px 18px!important
}
.goals a.btn.btn-primary.\!py-1.\!px-2.btn-text.mt-2:hover{
	opacity:1
}
.goals span.w-full.text-xxs.md\:text-xs{
	font-size:24px;
	font-weight:700!important;
	line-height:1.5
}
@media (max-width: 991px){
	.goals .md\:grid-cols-4{
		grid-template-columns:repeat(2,minmax(0,1fr))!important
	}
}
@media (min-width: 640px){
	.goals .sm\:gap-6{
		gap:8px
	}
}
@media (max-width: 620px){
	.goals .box-img.rounded-none{
		width:24px;
		height:24px
	}
	.goals a.btn.btn-primary.\!py-1.\!px-2.btn-text.mt-2{
		padding:8px!important
	}
	.goals span.w-full.text-xxs.md\:text-xs{
		font-size:18px;
		font-weight:700!important;
		line-height:1.5
	}
}
@media (max-width: 375px){
	.goals .box-img.rounded-none{
		width:24px;
		height:24px
	}
	.goals a.btn.btn-primary.\!py-1.\!px-2.btn-text.mt-2{
		padding:8px!important
	}
	.goals span.w-full.text-xxs.md\:text-xs{
		font-size:16px;
		font-weight:700!important;
		line-height:1.5
	}
}
@media (max-width: 320px){
	.goals .banner-square.zoomed-img.grayscaled-img{
		flex-direction:column
	}
	.goals .box-img.rounded-none{
		width:32px;
		height:32px;
		margin-top:6px
	}
	.goals a.btn.btn-primary.\!py-1.\!px-2.btn-text.mt-2{
		padding:0!important
	}
}
img.\!absolute.top-0.left-0.transition-opacity.duration-300.\!opacity-0.group-hover\:\!opacity-100.s-product-card-image-contain.lazy__bg.lazy_img.lazy.loaded{
		transition:0s
	}
	.s-product-card-entry{
		border:1px solid #eee!important;
		transition:all .3s ease
	}
	.s-product-card-entry:hover{
		border:1px solid #8ae830!important;
		transition:all .1s ease
	}
	.s-product-card-content{
		padding:0!important
	}
	.s-product-card-content-main{
		padding:8px
	}
	.s-product-card-content-sub{
		padding:0 8px
	}
	.s-product-card-content-title a{
		color:#012533;
		font-size:14px;
		font-weight:600!important
	}
	.s-product-card-content-footer .s-button-btn{
		padding:8px;
		border-radius:0!important
	}
	.s-product-card-content-footer salla-add-product-button .s-button-primary{
		color:#012534;
		font-weight:500!important
	}
	.s-product-card-entry .s-button-primary:hover{
		background:#012533;
		color:#8ae830
	}
	.s-button-btn:hover{
		opacity:1
	}
	@media (min-width: 768px){
		.s-products-list-wrapper{
			grid-template-columns:repeat(4,minmax(0,1fr));
			gap:8px
		}
	}
	.features .container{
		padding:0
	}
	.features{
		background:#012533;
		padding-top:0;
		padding-bottom:0;
		background-color:#012533;
		background-image:url(https://i.ibb.co/sJXnB487/pattern.png);
		background-attachment:fixed;
		background-blend-mode:overlay
	}
	.features:before{
		content:"";
		display:block;
		background-image:url(https://i.ibb.co/ZzrFTWcy/sections.png);
		background-repeat:no-repeat;
		background-position:top;
		background-size:contain;
		width:100%;height:80px
	}
	.features:after{
		content:"";
		display:block;
		background-image:url(https://i.ibb.co/ZzrFTWcy/sections.png);
		background-repeat:no-repeat;
		background-position:top;
		background-size:contain;
		width:100%;
		height:80px;
		transform:rotate(180deg)
	}
	@media (max-width: 768px){
		.features:before{
			height:28px
		}
		.features:after{
			height:28px
		}
	}
	.features .grid-cols-2{
		grid-template-columns:repeat(4,minmax(0,1fr))
	}
	.features .gap-2{
		gap:0
	}
	@media (max-width: 320px){
		.features .grid-cols-2{
			grid-template-columns:repeat(2,minmax(0,1fr))
		}
		.features .gap-2{
			gap:8px
		}
	}
	.features h2{
		color:#8ae830;
		z-index:1;
		transition:all .3s ease
	}
	.features:hover h2{
		color:#fff
	}
	.features .angel-feature{
		background:transparent;
		cursor:pointer;
		transition:all .3s ease
	}
	.features .angel-feature:hover h4{
		color:#8ae830
	}
	.features .lazy__bg.lazy_avatar{
		border-radius:50%
	}
	.features .angel-feature:hover .lazy__bg.lazy_avatar{
		border:3px solid #8ae830
	}
	.features .hover\:scale-110:hover{--tw-scale-x:1;--tw-scale-y:1}.features h4{
		font-size:14px!important;
		font-weight:700!important;
		color:#fff;transition:all .3s ease
	}
	@media (min-width: 320px) and (max-width: 450px){
		.features h4{
			font-size:12px!important
		}
	}
	@media (max-width: 768px){
		.s-block--testimonials .min--3{
			width:50%;
			max-width:50%
		}
	}
	.s-block--testimonials .w-24{
		width:48px
	}
	.s-block--testimonials .h-24{
		height:48px
	}
	.s-block--testimonials h4{
		font-size:12px;
		font-weight:700
	}
	.s-block--testimonials p{
		overflow:hidden;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:4;
		font-size:14px
	}
	.s-block--testimonials .swiper-pagination{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		position:relative;
		height:8px;
		margin-top:12px
	}
	.s-block--testimonials .swiper-pagination-bullet{
		height:3px;
		width:6px;
		background:#ddd;
		border-radius:9px;
		opacity:1;
		margin:0 2px!important
	}
	.s-block--testimonials .swiper-pagination-bullet-active{
		width:18px!important;
		height:9px!important;
		background:#8ae830!important;
		border-radius:9px!important
	}
	@media (min-width: 768px){
		.brands .min--4{
			width:15%;
			max-width:15%
		}
	}
	.brands img{
		border-radius:50%;
		transition:all .3s ease!important
	}
	.brands a{
		transition:all .3s ease!important
	}
	.brands a:hover img{
		border:3px solid #8ae830
	}
	.store-footer__inner{
		background-color:#012533;
		background-image:url(https://i.ibb.co/sJXnB487/pattern.png);
		background-attachment:fixed;
		background-blend-mode:overlay
	}
	.store-footer__inner:before{
		content:"";
		display:block;
		background-image:url(https://i.ibb.co/ZzrFTWcy/sections.png);
		background-repeat:no-repeat;
		background-position:top;
		background-size:contain;
		width:100%;
		height:80px
	}
	@media (max-width: 768px){
		.store-footer__inner:before{
			height:28px!important
		}
	}
	.store-footer .footer-container .logo-footer img{
		display:none
	}
	.store-footer .footer-container .logo-footer{
		content:"";
		display:block;
		background-image:url(https://s14.gifyu.com/images/bK7Yg.gif);
		background-repeat:no-repeat;
		background-position:top;
		background-size:contain;
		width:100px;
		height:100px;
		margin:auto
	}
	.bottom-header{
		opacity:1;
		border-radius:64px;
		box-shadow:0 0 40px #0003
	}