.booking-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:25px;border-radius:12px;box-shadow:0 0 25px #00000040;z-index:9999;max-width:420px;width:90%;text-align:center}.booking-form h3{margin-bottom:15px;color:#055}.booking-form p{margin-top:10px;color:#055}.booking-form form{display:flex;flex-direction:column;gap:10px}.booking-form input,.booking-form textarea,.booking-form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.datetime-wrapper{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:13px;color:#044}.booking-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.booking-buttons button{padding:10px;border:none;border-radius:6px;background-color:#00a6a6;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s}.booking-buttons button:hover{background-color:#007c7c}.booking-buttons button:nth-child(2){background-color:#999}.booking-buttons button:nth-child(2):hover{background-color:#777}:root{--turquoise-primary: #40E0D0;--turquoise-dark: #116062;--turquoise-tiffany: #0ABAB5;--turquoise-light: #AFEEEE;--turquoise-accent: #2A9D8F;--text-dark: #333333;--text-light: #ffffff;--background-light: #f8f8f8;--gray-light: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;color:var(--text-dark);line-height:1.6;background:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--text-light);box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:20px;max-width:100%}.logo-text{font-family:Tajawal,sans-serif;font-weight:400;letter-spacing:1px;line-height:1;white-space:nowrap;font-size:2.8rem;color:var(--turquoise-dark);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.header-social{display:flex;gap:10px}.header-social-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:2px solid #000;color:#000;text-decoration:none;transition:all .3s ease;font-size:1rem}.header-social-icon:hover{transform:scale(1.1);border-color:var(--turquoise-primary);background:rgba(64,224,208,.1)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--turquoise-primary)}.mobile-menu{display:none}.menu-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--turquoise-dark);padding:.5rem}.mobile-nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1rem;z-index:1001}.mobile-nav-links a{padding:.8rem 1rem;text-decoration:none;color:var(--text-dark);border-bottom:1px solid var(--gray-light);transition:background-color .3s}.mobile-nav-links a:hover{background-color:var(--turquoise-light)}.mobile-nav-links a:last-child{border-bottom:none}.hero{background:linear-gradient(to bottom,#55D3C9 0%,#8BE4DB 25%,#E8FAF4 60%,#ffffff 100%);padding:100px 20px 60px;margin-top:60px;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content{padding-top:0;display:flex;flex-direction:column;align-items:center;gap:.3rem}.hero h1{font-size:3rem;margin-bottom:1rem;color:var(--turquoise-dark)}.hero-description{color:#000;font-weight:400;font-size:1.3rem;margin-bottom:1.5rem;margin-top:-15px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{background-color:var(--turquoise-dark);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.cta-button:hover{background-color:#0a4d4f}.main-logo{max-width:250px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));margin-bottom:.3rem}.services{padding:80px 20px;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--turquoise-dark)}.section-subtitle{text-align:center;font-size:1.2rem;margin-bottom:3rem;color:var(--text-dark)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{background:white;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s;border-top:4px solid var(--turquoise-primary)}.service-card:hover{transform:translateY(-5px)}.service-icon{display:none}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--turquoise-dark)}.service-description{color:var(--text-dark);margin-bottom:1.5rem}.service-price{font-size:1.3rem;font-weight:700;color:var(--turquoise-accent)}.gallery-section{padding:80px 20px;background-color:var(--background-light)}.gallery-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:white;border:2px solid var(--turquoise-primary);color:var(--turquoise-dark);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s;font-weight:500}.filter-btn.active,.filter-btn:hover{background-color:var(--turquoise-primary);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.gallery-item{background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.gallery-image-wrapper{aspect-ratio:1 / 1;position:relative;overflow:hidden}.gallery-image-wrapper:before{content:"";display:block;padding-top:0}@supports not (aspect-ratio: 1 / 1){.gallery-image-wrapper:before{padding-top:100%}.gallery-image-wrapper{position:relative}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-caption{padding:1rem;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;background:white}.gallery-caption h4{margin:0;font-size:1.1rem;color:var(--text-dark);line-height:1.4;font-weight:600}#about{padding:80px 20px;background-color:var(--background-light);display:flex;justify-content:center;align-items:center}.about-content-wrapper{display:flex;align-items:center;gap:4rem;max-width:1200px;width:100%;margin:0 auto}.about-image{flex:0 0 50%;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a}.about-photo{width:100%;height:auto;display:block;object-fit:cover}.about-text-block{flex:0 0 50%;padding:2rem;background:white;border-radius:12px;box-shadow:0 4px 15px #0000001a}.about-title{font-size:2.2rem;color:var(--turquoise-dark);margin-bottom:1rem;font-weight:600}.about-divider{width:100%;height:2px;background-color:var(--gray-light);margin:1rem 0}.about-text{color:var(--text-dark);line-height:1.6;margin-bottom:1.5rem;font-size:1.1rem}.footer{background-color:#116062;color:#fff;padding:3rem 2rem;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem;color:#afeeee;font-size:1.3rem}.footer-section p{margin-bottom:.5rem;line-height:1.5}.footer-section a{color:#fff;text-decoration:none;transition:color .3s,border-bottom-color .3s;border-bottom:1px solid transparent}.footer-section a:hover{color:#afeeee;border-bottom-color:#afeeee}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffffb3}.footer-bottom p{margin:0;font-size:.9rem}@media (hover: hover){.service-card:hover{transform:translateY(-5px)}.nav-links a:hover{color:var(--turquoise-primary)}}@media (hover: none){.service-card:active{transform:scale(.98)}}@media (max-width: 768px){.header-social-icon{width:38px;height:38px;font-size:1.3rem}.main-logo{max-width:200px}.hero{padding:80px 20px 40px;min-height:50vh}.hero h1{font-size:2rem}.mobile-menu{display:block}.desktop-menu{display:none}.header-left{max-width:70%}.logo-text{font-size:1.8rem;line-height:1.2}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}#about{padding:60px 15px}.about-title{font-size:2rem}.about-text{font-size:1rem}}@media (max-width: 480px){.header-social-icon{width:36px;height:36px;font-size:1.2rem}.main-logo{max-width:150px}.hero{padding:70px 15px 30px;min-height:40vh}.hero h1{font-size:1.8rem}.hero-description{font-size:1rem;margin-top:0}.header-left{max-width:65%}.logo-text{font-size:1.6rem}.header-social{gap:6px}.gallery-grid{grid-template-columns:1fr}.footer{padding:2rem 1rem}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 414px){.header-left{max-width:55%!important}.logo-text{font-size:1.3rem!important}.header-social{gap:3px!important}.header-social-icon{width:32px!important;height:32px!important;font-size:1rem!important}.nav-content{padding:.8rem 1rem!important}}@media (max-width: 375px){.header-left{max-width:50%!important}.logo-text{font-size:1.2rem!important}.header-social-icon{width:30px!important;height:30px!important;font-size:.9rem!important}.nav-content{padding:.7rem .8rem!important}}@media (max-width: 768px){.about-content-wrapper{flex-direction:column;gap:2rem;text-align:center}.about-image,.about-text-block{flex:1 1 100%;width:100%}.about-photo{width:100%;max-width:380px;margin:0 auto;display:block}.about-text-block{text-align:left}}.service-link{margin-top:.8rem;font-size:.9rem;color:var(--turquoise-accent);cursor:pointer;text-decoration:underline;transition:color .3s;display:none}.service-link:hover{color:var(--turquoise-primary)}@media (max-width: 768px){.service-link{display:inline-block}}.service-link{margin-top:.8rem;font-size:.9rem;color:var(--turquoise-accent);cursor:pointer;text-decoration:underline;transition:color .3s,opacity .3s;display:inline-block;opacity:.85}.service-link:hover{color:var(--turquoise-primary);opacity:1}@media (max-width: 768px){.service-link{font-size:1rem}}.services .service-grid{display:grid;gap:24px;max-width:1200px;margin:0 auto}@media (min-width: 1024px){.services .service-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 640px) and (max-width: 1023.98px){.services .service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639.98px){.services .service-grid{grid-template-columns:1fr}}.service-desc-left{text-align:left;line-height:1.6}.service-desc-left p{margin-bottom:12px}