.navbar-brand img {
    max-height: 9rem !important;
}
.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: white;
font-size: 28px;
padding: 11px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease-in-out;
text-align: center;
}

.whatsapp-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background-color: rgba(37, 211, 102, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
50% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

.whatsapp-icon\:hover {
transform: scale(1.1);
}




salla-slider.photos-slider .swiper-slide {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
    }
    .rounded-md {
        border-radius: 0 !important;
    }
    #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
        padding: 0;
    } 
    #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
    margin:0;
    }


@media(max-width:780px){
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid.md\:grid-cols-3.two-row.grid-flow-row {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
}

salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding: 0;
}
.section-1 {
    margin: 0;
}
.index .rounded-md {
    border-radius: 0.375rem;
}
.banner-entry {

  height: 100px;
    width:31%;
    }
}
.banner-entry {
    
    background: transparent;
   
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: span 1 / span 1;
        grid-row: 1 / 1;
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(بعدل الرقم علي حسب الصور الي موجوده, minmax(4, 1fr));
    }
}