#mainnav > div > div.header-container.container > div > div.flex.items-center.justify-start > a > i{
	color: var(--dark-text-main) !important;
}


.s-block--fixed-banner .container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr)!important;
}
.s-block--fixed-banner .container {
    justify-content: center !important;
    align-items: center !important;    
}
.s-block--fixed-banner .banner {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 100% !important;
}

@media (min-width: 1024px) {
    .s-block--features .grid {
        grid-template-columns: repeat(5, 1fr); /* ديسكتوب */
    }
}