.elementor-1469 .elementor-element.elementor-element-7def16a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1469 .elementor-element.elementor-element-effee6c{--display:flex;}.elementor-1469 .elementor-element.elementor-element-cbb02f0{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#004B85;--border-color:#004B85;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-1469 .elementor-element.elementor-element-e3e6ff6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-1469 .elementor-element.elementor-element-dc5c123{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1469 .elementor-element.elementor-element-06f7edd .elementor-button{background-color:#FFFFFF7D;font-family:"Roboto", Sans-serif;font-size:32px;font-weight:500;fill:#004B85;color:#004B85;}.elementor-1469 .elementor-element.elementor-element-4a03007{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1469 .elementor-element.elementor-element-e3e6ff6{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1469 .elementor-element.elementor-element-dc5c123{--width:120px;}.elementor-1469 .elementor-element.elementor-element-06f7edd{margin:0px -66px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1469 .elementor-element.elementor-element-06f7edd .elementor-button{font-size:36px;}.elementor-1469 .elementor-element.elementor-element-4a03007{--width:120px;}.elementor-1469 .elementor-element.elementor-element-1bee7d6 img{max-width:43%;height:57px;}}/* Start custom CSS for html, class: .elementor-element-0f58343 */<nav class="top-menu">
<ul class="menu-links" >
            <li><a href="https://hotelparsi.ir/home/"> صفحه اصلی </a></li>
            <li><a href="https://hotelparsi.ir/reserve/">رزرو </a></li>
    <li><a href="#parsi">امکانات</a></li>
         
           <li><a href="https://hotelparsi.ir/contact-us/">تماس با ما  </a></li> 
             <li><a href="https://hotelparsi.ir/contact-us-1/">contact us  </a></li>
        </ul>
         <div class="search-container">
       <input type="text" placeholder="جستجو..." class="search-input"> 
       
        
     <button class="search-button">
  <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
    <path d="M21 21L15.8 15.8M18 10.5C18 14.0899 14.866 17 11 17C7.13401 17 4 14.0899 4 10.5C4 6.91015 7.13401 4 11 4C14.866 4 18 6.91015 18 10.5Z" 
    stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
</button>
    
</div>
<img class="logo" src="https://hotelparsi.ir/wp-content/uploads/2025/11/logo.png"
>
<p class="text">HOTEL PARSI</p>
    </nav>
 <style>
.top-menu{
  margin-top: -10px;
  width: 90%;
  height: 90px;
  background-image:url('https://hotelparsi.ir/wp-content/uploads/2025/11/100.png'); ;
  background-size: 85% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top:0;
  left:0;
  z-index: 20;
}


.top-menu .menu-links {
 
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: start;
  margin:100px;
 
}



.top-menu .menu-links li a{
 display: inline-block;
 width: 90px;
  color: #003460;
  text-decoration:none ;
  font-size: 15px;
  font-family: 'ایران یکان', sans-serif !important;
    font-weight: 600 !important;
  transition: 0.3 ease;
 padding: 10px;
  text-align: center;
  
}

.top-menu .menu-links li a:hover{
  color: white;
  background-color:#003460 ;
  border-radius: 10px;
 padding: 10px;
 

} 
</style>/* End custom CSS */