/* Add custom CSS styles below */
.s-block {
        margin-top: 1rem;
    }
.top-navbar {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(248, 248, 248, 1);
    border-color: rgba(248, 248, 248, var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgba(248, 248, 248, 1);
    background-color: rgb(129 29 125);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.s-contacts-topnav-link::before {
    position: absolute;
    top: 0px;
    display: flex;
    height: 1.25rem;
    width: 1.25rem;
    align-items: center;
    justify-content: center;
    font-family: "sallaicons";
    font-size: 1rem;
    line-height: 1.5rem;
    color: #414042;
    color: #ffffff;
}
@media (min-width: 768px) {
    div.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    div.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  
    }
  .banner-entry__text {
    position: relative;
    z-index: 1;
    display: none;
}

div.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .lazy_bg {
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
}

div.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
    height: auto !important;
    aspect-ratio: 1 / 1; 
}