/* Add custom CSS styles below */ 


.text-\[14px\] {
    font-size: 20px !important;}
    
    div.main-content.ronaq-main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.flex.flex-col.gap-4.py-2.border-b-\[1px\].border-gray-200 > div {
    flex-wrap: wrap;
}
.banner>img.lazy {
    background: #fff !important;
}

.ronaq-categories .swiper-wrapper {
    justify-content: center;
}

.swiper .s-slider-container .swiper-initialized .swiper-horizontal .swiper-rtl .swiper-backface-hidden{
 
}
.swiper .ronaq-slides-text{
align-items: end;
}

/**/ .swiper .ronaq-slides-text>div { 
margin-bottom: 15%;
}

@media only screen and (max-width: 600px) {
section.ronaq-slider{
    padding-top: 10;
    height: 320px !important;
    background: var(--color-upper-background);
}
section.ronaq-slider img{
    object-fit: cover;
    /* background-position: center; */
    height: 88%;
}
.swiper .ronaq-slides-text .ronaq-slide-button{
    font-size: .75rem;
    padding: 5px 35px;
  }
}