/* Add custom CSS styles below */ 
/*footer*/
.kayan-footer,.kayan-footer ul li a{
color:#000!important;
font-size:14px!important;}
.kayan-footer i:before{
color:#336cad!important;}
.kayan-footer .w-24 a img{
min-width:180px!important;
object-fit: contain!important;}




.kayan-copyright p {
    color: #000!important;
    font-size:0px;
    margin-bottom:-5px!important;
 }
.kayan-copyright .text-gray-400:before{
 padding-top:5px!important;
content:"جميع الحقوق محفوظة 2024";
font-size:13px;
display:inline-block;
text-align:center!important}
.kayan-footer h5{
font-size:20px!important;}
/*header*/
.sicon-shopping-bag2:before{
color:#336cad!important;}
.kayan-header .w-24 {
width: 14rem!important;}
.kayan-header .w-24 a img{
width:210px!important;
object-fit: contain!important;}
@media(max-width:768px){
.kayan-header .w-24 a img{
width:110px!important;
object-fit: contain!important;}
}
.kayan-header li:hover , .dropdown-menu {
border-color:#C4963C!important;}
/*buttons*/
button {
border-radius:0px!important;
border-width:1px!important;
font-size:14px!important;}
button span {
font-size:13px!important;}
.s-button-btn, .s-quantity-input-container {
    border-radius: 0px !important;}
/*button .text-black{
line-height: 1.5rem!important;}
button .text-white {
line-height: 1.5rem!important;}
.hover\:bg-black:hover {
background-color:#005430!important;
border-color:#005430!important;}
button:hover .block{
    visibility: hidden!important;
}
button .block{
line-height: 1.8rem!important;}*/
/*product card*/
.kayan-card img {
    height: 300px!important;
    object-fit: cover!important;}
.s-products-list-wrapper{
grid-template-columns: repeat(4, minmax(0, 1fr));}
/*banners*/
.kayan-banners .grid .group span{
border-radius:0px!important;}
/*tabs*/
.s-block-tabs .tabs salla-button button{
border-radius:0px!important;}
.s-block-tabs .tabs salla-button button:hover,.s-block-tabs .tabs salla-button .is-active{
background:#C4963C!important;
border-color:#C4963C!important}

/*featuers*/
.border-y-2 {
border-width:0px!important;}
.border-y-2 .flex-wrap .flex-col{
background:#fff!important;
padding:20px!important;
    width: 400px!important;
     gab:20px!important;}
.border-y-2 .gap-0 {
    gap: 20px!important;}
.border-y-2 .flex-wrap .flex-col i:before{
color:#336cad!important;}
/*statistics*/
.craffo-components-statistics i:before{
color:#336cad!important;}
/*gallary*/
.border-t {
    border-top-width: 0px!important;}
/*maps*/
.craffo-components-maps h3{
  line-height: 3.5rem!important;
  margin-bottom: 15px!important;}
/*banner full*/
.craffo-components-hero-image{
height:300px!important;}
/*banners*/
.craffo-components-banners-2 .md\:grid-cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}
.craffo-components-banners-2 .aspect-square{
    height: 350px;
}
.craffo-components-banners-2 .aspect-square:nth-child(1){justify-self: end;}
.craffo-components-banners-2 .aspect-square:nth-child(2){justify-self: start;}
/*body*/
@media screen and (max-width:767px)
{
/*banners*/
.craffo-components-banners-2 .md\:grid-cols-3 {
grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}
.craffo-components-banners-2 .aspect-square{
justify-self: center!important;}
/*footer*/
.kayan-footer h5{
font-size:18px!important;}
.kayan-footer,.kayan-footer ul li a{
font-size:13px!important;
text-align: center;}
.kayan-footer .w-24 {
width: 10rem!important;
text-align:center!important;}
.kayan-footer .w-24 a img{
width:180px!important;
object-fit: contain!important;}
/*product card*/
.s-products-list-wrapper{
grid-template-columns: repeat(1, minmax(0, 1fr));}
.product-index .s-products-list-wrapper{
grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
.kayan-card img {
    height: 200px!important;
    object-fit: contain!important;}
/*gallary*/
.grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.product-index .s-products-list-wrapper{
grid-template-columns: repeat(3, minmax(0, 1fr));}

.s-product-card-price{
    font-family: sans-serif !important;
}
/*login*/
.s-login-modal-wrapper div:nth-child(2) .s-login-modal-link{
font-size:0px!important;}
.s-login-modal-wrapper div:nth-child(2) .s-login-modal-link:before{
content:"تسجيل الدخول برقم الجوال";
font-size:14px;
display:inline-block;}
salla-verify .s-verify-message{
font-size:0px!important;}
salla-verify .s-verify-message:before{
content:"رمز التحقق مطلوب لإكمال العملية لقد تم إرسال رمز التحقق برسالة نصية";
font-size: .875rem!important;
display:inline-block;}
.s-verify-resend:before{
content:"إعادة ";
display:inline-block;
padding-left:3px;}


span.absolute.top-4.right-4.py-2.px-4.bg-red-500.text-white.flex.justify-center.items-center.duration-300.font-bold.uppercase.text-sm.rounded-full {
    z-index: 999;
    background: #005430 !important;
}