@keyframes blink {
                    0%,50%,100%{opacity: 1;}
                    25%,75%{opacity: 0;}
                    
                }
                .page{
                    animation: blink 6s infinite !important;
                }
            body{
                display: flex !important;
                flex-direction: column !important;
                scroll-behavior: smooth !important;

                
            }
            i{
              color: beige !important;
            }
            .btn{
                
                font-weight: bold;
                font-size: 15px;
            }
            #header{
                  background-image:url(./img/header/top-view-cup-coffee-with-copy-space.jpg) !important;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: 20% center;
                  
                  position: absolute;
                  color: rgb(255, 255, 255);
                  z-index: 0;  
                  height: 100%;
                  width: 100%;
                  margin-bottom: 2rem;
                  filter: blur(1px) brightness(0.7);
                  inset: 0;

                }
                .parent{
                  position: relative;
                  width: 100%;
                  height: 40%;
                  overflow: hidden;
                }

                /* #backgroundd {
                    position: absolute;
                    inset: 0;
                    background-image: url(/img/nav/pizza_1274505.png) !important;
                    background-size: cover;
                    background-position: center;
                    filter: blur(8px) brightness(0.7);
                    z-index: 0;
                  } */

                  
                      .contentt {
                        position: relative;
                        z-index: 1;
                        color: rgb(20, 19, 19);
                        font-size: 2rem;

                        height: 100%;
                        

                      }
                      nav {
                      position: sticky;
                      top: 0;
                      z-index: 999; /* تا روی بقیه عناصر بمونه */
                       /* یا رنگ موردنظر */
                      }
                      .scroll-menu {
                    display: flex;
                    overflow-x: auto;
                    white-space: nowrap;
                    scrollbar-width: thin !important;
                    gap: 2px;
                    margin-right:0px !important ;
                    padding: 10px 5px !important;
                    
                        }

                  .scroll-menu::-webkit-scrollbar {
                    display: none; /* Chrome/Safari */
                       }
                       ul{
                        scroll-margin-bottom: 500px !important;
                       }
                  .menu-item {
                    flex: 0 0 auto;
                    width: 90px;
                    margin: 0 3px;
                    text-align: center;
                    cursor: pointer;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    
                    
                  }
  html{
    scroll-behavior: smooth !important;
  }
                  .menu-item img {
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    object-fit: cover;
                    margin-bottom: 5px;
                    border: 2px solid #eee;
                    transition: transform 0.2s;

                  }

                  section{
                    
                    scroll-margin-top: 130px
                  }

                  .menu-item:hover img {
                    transform: scale(1.2);
                    border-color: #f9fd03;
                    
                    
                  }
                  .menu-item img.active {
                    transform: scale(1.2);
                    border-color: #f9fd03;
                  }


                  .menu-item span {
                    font-size: 0.85rem !important;
                    white-space: nowrap;
                    color: #0e0d0d;
                    text-align: center !important;
                    font-weight: 790;
                  }
                  body{
                    font-weight: 500 !important;
                  }

                      .section-title {
                    position: relative;
                    text-align: center;
                    font-size: 1.8rem;
                    font-weight: bold;
                    color: #fefefe;
                    margin: 5px ;
                       
                    
                  }

                  .section-title::before {
                    content: "";
                    position: absolute;
                    top: 50%;           /* وسط ارتفاع متن */
                    left: 0;
                    width: 100%;
                    height: 2px;        /* ضخامت خط */
                    background:rgba(245, 245, 245, 0.793); /* رنگ خط */
                    z-index: -1;        /* پشت متن */
                    
                  }

                  .section-title span {
                    background-color:rgb(52, 55, 55);    
                    padding: 0 7px !important;     /* فاصله متن با خط */
                    position: relative;  /* روی خط قرار گیرد */
                    z-index: 1;
                    font-size: 18px !important;
                  }
                

                  .section-title-first::before {
                    content: "";
                    position: absolute;
                    top: 68%;           /* وسط ارتفاع متن */
                    left: 0;
                    width: 100%;
                    height: 2px;        /* ضخامت خط */
                    background:rgba(255, 255, 255, 0.793); /* رنگ خط */
                    z-index: 1;        /* پشت متن */
                  }

                  .section-title-first span {
                    background: #fff;    /* رنگ پس‌زمینه متن روی خط */
                    padding: 0 10px;     /* فاصله متن با خط */
                    position: relative;  /* روی خط قرار گیرد */
                    z-index: 1;
                    font-size: 18px !important;
                  }
                  .active-section {
                  display: flex !important;
                  flex-direction: column;
                  opacity: 1;
                  transform: translateY(0);
                  transition: all 0.4s ease-in-out;
                }