@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body, body * {
  font-family: "Cairo", sans-serif!important;

}

body::before 
{
    background-color: #000 !important;
}

body:after 
{
  background-size: 40%;  
}


p.olla-components-text-text.mt-5 {
 display:none;
}

.py-10.xl\:px-28.lg\:px-18.px-5.px-1.flex.justify-center.items-center {
 padding-top:0!important;
}

.olla-components-text.relative.py-3.md\:py-3.md\:px-20.text-center {
    margin-top: 3rem;
    padding-bottom: 0;
}

#app > div.app-inner.flex.flex-col.min-h-full > div.py-10.xl\:px-28.lg\:px-18.px-5.px-1.flex.justify-center.items-center > div > div {    padding-top: 15px !important;
}


nav div.w-32 {width:28rem}

nav > div {
    padding-left: 10px;
    padding-right: 15px;
}

.swiper-slide.slide--one-fourth.m-1 
{
    margin-left: 20px;
    margin-right: 20px;
}


@media(max-width:767px) 
{
.swiper-slide.slide--one-fourth.m-1 
{
    width:150px;
}

}



footer .logo.w-32 {
    width: 16rem;
}