.body{
	    font-family: "Noto Sans Display", sans-serif !important;
		}
        .hero-gradient {
            background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
        }
        .amenity-icon {
            width: 48px;
            height: 48px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 12px;
        }
        .booking-card {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .testimonial-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
        }
		.logo-img {
		  max-width: 50%;
		  }
		  .menu{
		  padding: 20px;
		  }
		  .text-indigo-600 {
		  font-size: 40px;
		  
		  }
		  
		  .justify-content-center{
		  justify-content: center;
		  }
		  .bg-indigo-600 {
  
  background-color: #1b5261 !important;
}
   .text-green{
   color: #1b5261}
   
   .bg-indigo-100{
     background-color: #1b5261 !important;
	color: #fff !important;}
	
	.icon-color {
	 color: #1b5261 !important;
	 }
	 .bg-green {
	 background-color: #1b5261 !important;
	 }
	 
	 .hover\:text-indigo-600:hover {
  
  color: #1b5261 !important;
}
.font-sans{
	font-family: "Noto Sans Display", sans-serif !important;
}
   
   #mobile-menu {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
}

#mobile-menu.block {
    max-height: 500px;
}

#menu-icon path {
    transition: all 0.3s ease-in-out;
}

.hidden {
    display: none;
}

.block {
    display: block;
}

/* Βεβαιώσου ότι το mobile menu έχει σωστό πλάτος */
#mobile-menu {
    width: 100vw;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
}

/* Smooth animations για τα icons */
#menu-icon path {
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

/* X animation */
.menu-open #line1 {
    transform: rotate(45deg) translate(5px, 5px);
}

.menu-open #line2 {
    opacity: 0;
}

.menu-open #line3 {
    transform: rotate(-45deg) translate(7px, -6px);
}

.hidden {
    display: none;
}

.block {
    display: block;
}

.py-28 {
  padding-top: 8rem !important;
  padding-bottom: 4rem !important;
}

.text-white{
	color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}