/* Add custom CSS styles below */ 
.s-block--features-store::after{

background: #fff !important;

}

.features--div {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center;    /* Horizontally center items */
    justify-content: center; /* Vertically center items */
    text-align: center;      /* Center the text inside each element */
}
    
    .features--div img[alt="روز لاند logo"] {
    display: none;
}

/* Style the QR code container to center the content */
.qr-code-container {
    display: flex;            /* Enable flexbox */
    justify-content: center;  /* Center horizontally */
    align-items: center;      /* Center vertically */
    padding-top: 10px;        /* Add 10px padding above the QR code */
}

/* Set the size of the QR code image */
.qr-code-img {
    width: 100px;
    height: 100px;
}

@media (max-width: 450px) {
    #photos-0-slider .swiper-wrapper > div {
        width: 550px; /* Change the width only for this specific slider */
    }
}


/* Header top bar background color */
#mainnav .ps-header__middle.inner {
  background-color: #728873 !important;
}
/* Make all top header content white */
#mainnav .ps-header__middle.inner,
#mainnav .ps-header__middle.inner a,
#mainnav .ps-header__middle.inner span,
#mainnav .ps-header__middle.inner i,
#mainnav .ps-header__middle.inner button,
#mainnav .ps-header__middle.inner .ps-header__item,
#mainnav .ps-header__middle.inner .menu-btn,
.ps-header__search input,
.ps-header__search input::placeholder {
  color: #ffffff !important;
}
/* White border for the search box */
.ps-header__search input {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* White icons (SVGs) */
#mainnav .ps-header__middle.inner svg,
#mainnav .ps-header__middle.inner svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}