/* Add custom CSS styles below */
@keyframes rotateAnimation {
    0% {
    transform: scale(1) ;
    }
    50% {
    transform: scale(1.5)  ;
    }
    100% {
    transform: scale(1)  ;
    }
    }
header div#mainnav{
background-color:#170e73 !important;
color:white;}
img.w-full.object-contain.rounded-md{border-radius:40px !important;}
 header div#mainnav button.header-btn i { 
     color:white !important;
     }
  header div#mainnav div#s-cart-icon i{
    color:white;}
.banner--fixed img, .banner-entry{
  border-radius:40px ;
}
footer div.store-footer__inner,.md\:flex.items-center.justify-between.py-4.container.text-center
{
  background-color:#170e73 !important;
}
p.text-gray-400.mb-2\.5.md\:mb-0{color:white !important;}
.topnav-is-dark .top-navbar
  {background-color:white !important;
color:black !important;}
input.s-search-input{color: #170e73 !important;}
 header input.s-search-input{
   border: 1px dashed #170e73 !important;}       
 header  span span.s-search-icon svg{
   animation: rotateAnimation 3s linear infinite;
    transition: 1s;
   width: 20px !important;   /* يمكنك تغيير الرقم لزيادة الحجم */
    height: 20px !important;
   fill: #170e73 !important ;}