/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
.top-navbar {
display:none;
}
.slider-banner-main-0 .container {
    max-width: 900px !important;
    margin-right: 17%;
}
.slider-banner-main-7 .container {
    max-width: 600px !important;
}
@media(min-width:768px){

    .slider-banner-main-7 .container {
    margin-right:5% !important;
}
}

@media(max-width:768px){
.slider-banner-main-7 h1 {
    color: #ffffff !important;
    background-color: #56215ca6;
    border-radius: 10px;
    padding: 10px;
}
}

.copyright-text p {
    
    color: rgb(255 255 255) !important;
  
}

.banner-entry {
    height: 600px !important;
}

section:nth-child(2 of .ads) .img {

  max-height:600px!important;
}
.image-title .title-heade {
    background-color: transparent !important;
    color: #ffffff !important;
    margin-top: 22%;
}
.image-title .title-heade {
    
    padding: 0px 40px !important;
  
}

@media(max-width:768px){
  .g_cat  .md\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
 .g_cat .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.slider-banner-main-0 .container {
    max-width: 900px !important;
    margin-right: unset;

}
.slider-banner-main-0 >div >div {
background-color:#ffffff91 ;
border-radius:10px;


    
}
}
@media (max-width: 1199px) {
    a#cart-button, a.hidden.lg\:block.cursor-pointer {
        display: block;
        padding: 12px;
        margin: 0 10px;
        background:rgba(255, 255, 255, 0.7098039216) !important;
        border-radius: 50%;
        stroke: black;
    }
}

.slider-top-tag {
  display: flex;
  flex-direction: row;
  align-items: center;       /* Vertically centers icon + text */
  justify-content: center;   /* Horizontally centers the whole block */
  gap: 9px;
  text-align: center;        /* Optional: centers text inside <p> */
}

.swiper-backface-hidden .swiper-slide {
    display: flex !important;
}