/* Add custom CSS styles below */ 
section.B_Improved_banner {
    margin-top: 5rem;
}
footer img.max-w-24.mb-2 {
    filter: brightness(0) invert(1);
}
span.copyright-text {
    color: #fff;
}
.navbar-brand img {
    max-height: 5rem;
}
section#section-3 h3:after {
    content: "نظارات تليق بمظهرك وتظهر شخصيتك" !important;
}
section#section-3 h3 span {
    font-size:0px;
}
section.image-text {
    margin-bottom: 56px;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: unset;
}
.index .s-block--best-offers {
    margin-bottom: 4rem;
}
@media (min-width:1000px){
section.banner-image {
    height: 95vh;
}
.content_improved {
    grid-template-rows: repeat(1, 1fr);
}
.content_improved #cat-0 {
    grid-column: span 3;
      grid-row: 2;
}
.content_improved {
    grid-template-columns: repeat(9, 1fr);
}}

@media (max-width:768px){
  .top-navbar {
    display: none;
}
.banner-image .container.h-full {
    align-content: flex-end;
    padding-bottom: 5%;
}
.banner-text-container.flex.flex-col.h-full.items-center.md\:items-start.md\:justify-center.pt-5.md\:pt-0.md\:items-start {
    justify-content: end;
    padding-bottom: 12%;
    background: #2c346bbf;
    height: fit-content;
    border-radius: 35px;
    width: 80%;
    margin: auto;
}
.content_improved {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 180px);
}
.content_improved #cat-2 {
    grid-row: 2;
    grid-column: span 8;
}
.content_improved #cat-0 {
    grid-column: span 4;
    grid-row: 1/2;
}
.content_improved #cat-1 {
    grid-row: 1/2;
}
.content_improved #cat-0 img {
    width: 65px;
}
.content_improved #cat-2 img {
        width: 100px;
}
.sq-images .text-title-size {
    filter: drop-shadow(2px 1px 5px #0000008f);
}
.banner-image .main-heading {
    font-size: 20px;
  line-height: 25px;
}
.banner-image .px-12 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.box-text-cat {
    padding-right: 10px;
    padding-top: 10px;
}}