#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(17) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(20) > div {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }


@media (min-width: 768px) {
    .s-block__title
 {
        margin-bottom: 1rem !important;
    }
}

.flex.flex-col.gap-4.shrink-0 {
    display: none !important;
}
a.flex.items-center.m-0.logo-footer.in-view {
    display: none;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.da-bgm > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.md\:max-w-xs.footer-profile > p:nth-child(3){

display: none;

}

@media (min-width: 1024px) {
  .flex.items-center.justify-start.w-1\/3 {
    display: none;
  }

  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(3) .container {
    display: flex;
    flex-direction: column; 
    width: 75%; 
    margin-left: 2%;
    margin-right: auto;
  }

  .side-menu {
    width: 20%;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    font-family: "Tajawal", sans-serif;
    direction: rtl;
  }

  .side-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .side-menu li {
    position: relative;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.2s;
  }

  .side-menu li:hover {
    background-color: #f9f9f9;
  }

  .side-menu li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
  }
}
.logo-container {
  display: flex;
  align-items: center;
  gap: 30px; 
  margin-bottom: 20px;
}

.logo-image {
  max-width: 200px; /* adjust size as needed */
}

.separator {
  width: 2px;       /* thickness of the line */
  height: 80px;     /* height of the line */
  background-color: #000; /* color of the line */
}

.logo-text {
  display: flex;
  flex-direction: column;
}

  .logo-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
  }

  .logo-text h1 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #1a1a1a;
  }

  .logo-text p {
    margin: 0;
    font-size: 16px;
    color: #1a1a1a;
    direction: rtl; /* Arabic text */
  }
  .to-top.flex.justify-center.da-tm.overflow-hidden.in-view {
    display: none;
}
@media (max-width: 768px) {
  .logo-container {
    flex-direction: column;      
    text-align: center;
    margin-top: 20px
  }
  .separator {
    width: 80px;                 
    height: 2px;                 
  .logo-text {
    align-items: center;         
  }
}