@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
*{
font-family: Cairo !important;
}

/* 
ffb909
2795af
2884ad
*/

.kayan-header .w-24{
width: 6rem;
}
.w-24{
width: 16rem;
}
@media(min-width:720px){
.kayan-header .w-24{
width: 16rem;
}
}
.px-10 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.mt-10{
margin:0px;
}
.kayan-title{
font-size: 24px !important;
padding: 0 15px;
}
.show_menu a {
color:#fff !important;
}
#page-main-title{
padding: 0 15px 5px;
}
.kayan-title,  #page-main-title{
    //background: black;//#2795af;
    text-align: center;
    background: radial-gradient(circle, rgb(66, 55, 27) 0%, rgb(0, 0, 0) 33%, rgb(255, 120, 0) 100%);
    width: 100%;
    display: inline-block;
    color: #fff;
    border-radius: 8px;
}
.s-slider-block__title-right{
    text-align: center;
    background: radial-gradient(circle, rgb(66, 55, 27) 0%, rgb(0, 0, 0) 33%, rgb(255, 120, 0) 100%);
    width: 100%;
    display: inline-block;
    color: #fff;
    border-radius: 8px;
    padding:10px
}

.navbar{
background:black !important;
}

.navbar li{
 color: white;
}

.navbar li:hover{
 background: #000;
 color: #ffb909;
}

.wide-placeholder{
padding: 0;
}
.kayan-menu-close{
color:#fff !important;
}
.wide-placeholder .container{
max-width: 100%;
padding: 0 !important;
}
.wide-placeholder .banner--fixed img{
border-radius: 0;
}

.s-block--photos-slider{
margin-top: 10px;
}
.kayan-card {
border: 4px solid black;
overflow: hidden;
border-radius: 20px;
}
.kayan-card img{
border-radius: 20px 20px 0 0;
max-height: 260px;
height: 100%;
}
.kayan-card-button{
    background: black;
    color: #fff !important;
    border: 0;
}
.sicon-shopping-bag{
 color: #ff7c09;
}
.sicon-shopping-bag:before{
content: "\e96b" !important;
}
.kayan-features{
background: #000;
border: 0;
color: #fff !important;
}
.kayan-features p{
color: #fff !important; 
}
.sicon-back:before, .sicon-shipping-fast:before,.sicon-shopping-bag2:before,.sicon-cool:before,.sicon-dollar-cash:before {
color: #ffb909 !important;
}

.craffo-components-maps{
padding-bottom: 0 !important;
}

footer{
//margin-top: 200px !important;
/*background: linear-gradient(180deg, rgba(250, 74, 1) 20%, rgba(0, 0, 0));
*/
background: url("https://zoomoptical.sa/wp-content/uploads/2024/10/footer-bg_2-scaled.webp");
background-size: cover;
color: #fff !important;
}

footer a, footer li, footer p, footer h5, .kayan-copyright p{
color: #fff !important;
}

footer i{
background: #333;
color: #fff;
width: 35px;
height: 35px;
text-align: center;
font-size: 20px;
padding: 6px;
border-radius: 50%;
}

@media(min-width: 1440px){
footer{
//margin-top: 300px !important;
}
}

@media(max-width: 640px){
footer{
background-position: 650px;
}
}

/*
footer::before {
    content: url(https://zoomoptical.sa/wp-content/uploads/2024/10/footer-waves-colored-3.svg);
    position: absolute;
    transform: rotate(180deg);
    right: 0;
    bottom: calc(100% - 5vw);
    z-index: -1;
    width: 100%;
    height: 21vw;
}
*/