/* Reset + Base */
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 
 body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   background-color: #ffffff;
   color: #333;
   line-height: 1.6;
 }
 
 /* Header */
 
 header {
   background-color: white;
   color: #0074cc;
   padding: 1rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   
   
 }
 
 .logo-area {
   display: flex;
   align-items: center;
   gap: 1rem;
   justify-content: center;
 }
 
 .logo {
   width: 90px;
   margin: 16px;
   height: auto;
   display: inline-block;
   transition: transform 0.3s ease;
   
 }

 .logo:hover{
   transform: scale(1.1);
   
 }
 
 header h1 {
   font-size: 1.8rem;
   font-family: 'Montserrat Alternates';
   font-weight: 500;
 }
 
 nav {
   margin-top: 1rem;
   
 }
 
 .nav-links {
   list-style: none;
   display: flex;
   justify-content: center;
   gap: 2rem;

 }
 
 .nav-links a {
   text-decoration: none;
   color: #0074cc;
   transition: color 0.3s ease;
   font-size: 1rem;
   font-family: 'Montserrat Alternates';
   font-weight: 500;
   display: inline-block;
 }
 
 .nav-links a:hover {
   color: #aee1ff;
   transform: scale(1.1);
   transition: ease 0.3s;
   
 }
 /* Hero Section */
.hero {
   display: flex;
   
   align-items: center;
   padding: 2rem;
   background-image: url("pictures/banner.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   min-height: 600px;
   position: relative;
   border-radius: 10px;
 }
 
 .hero-text {
   
   color: black;
   padding: 2rem;
   border-radius: 10px;
   max-width: 800px;
   font-size: 1.5rem;
   font-family: 'Montserrat Alternates';
   
 }
 
 /* Gallery */

 
 .gallery h2 {
   margin-bottom: 1rem;
   color: #0074cc;
 }
 
 .gallery {
   overflow-x: auto;
   white-space: nowrap;
   padding: 1rem 0;
 }
 
 .gallery img {
   display: inline-block;
   width: 200px;
   height: auto;
   margin-right: 1rem;
   border-radius: 8px;
   object-fit: cover;
   transition: transform 0.3s ease;
 }
 
 .gallery img:hover {
   transform: scale(1.05);
 }
 
 
 
/*Pricing*/
.pricing {
   padding: 2rem;
   background-color: #f0f8ff;
   text-align: center;
 }
 
 .pricing h2 {
   color: #0074cc;
   margin-bottom: 1.5rem;
   font-size: 2rem;
 }
 
 .price-category {
   margin-bottom: 2rem;
 }
 
 .price-category h3 {
   color: #0074cc;
   margin-bottom: 1rem;
   font-size: 1rem;
   text-align: center;
   color: #0074cc;
   font-family: 'Montserrat Alternates';
   font-weight: 500;
    
 }
 
 .price-list {
   list-style: none;
   max-width: 600px;
   margin: 0 auto 1rem auto;
   padding: 0;
 }
 
 .price-list li {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #ddd;
   padding: 0.5rem 0;
   font-size: 1rem;
 }
 
 .price-list li span:last-child {
   font-weight: bold;
 }
 
 .price-notes {
   text-align: center;
   margin-top: 20px;
 }
 
 .price-notes p {
   font-weight: bold;
   margin-bottom: 10px;
   font-family: 'Montserrat Alternates';
   font-weight: 300;
 }
 
 .price-notes ul {
   list-style: disc;         
   padding-left: 1.5rem;     
   display: inline-block;
   text-align: left;
   color: #007BFF;        
 }
 








 /* Call to Action */
 .cta {
   padding: 2rem;
   text-align: center;
   background-color: #e6f2fb;
 }
 
 .btn-book {
   background-color: #0074cc;
   color: white;
   padding: 0.75rem 1.5rem;
   border: none;
   border-radius: 5px;
   font-size: 1.5rem;
   cursor: pointer;
   text-decoration: none;
   display: inline-block; 
   transition: background-color 0.3s ease, transform 0.3s ease;
 }
 
 .btn-book:hover {
   background-color: #005fa3;
   transform: scale(1.07); 
 }
 
 /* Booking */
 body {
   font-family: Arial, sans-serif;
   
   margin: 0 auto;
   background: #f9f9f9;
 }
 
 h2 {
   text-align: center;
   color: #0074cc;
   margin-bottom: 1rem;
   font-size: 1.5rem;
   font-family: 'Montserrat Alternates';
   font-weight: 500;
 }
 
 
 
 /* Footer */
 footer {
   background-color: #0074cc;
   color: white;
   text-align: center;
   padding: 1rem;
   margin-top: 2rem;
   font-size: 0.9rem;
   font-size: 1rem;
   font-family: 'Montserrat Alternates';
   font-weight: 300;
 }
 
 footer a {
   color: #aee1ff;
   text-decoration: none;
 }
 
 footer a:hover {
   text-decoration: underline;
 }


 .book-now-mobile {
   display: none;
   text-align: center;
   margin: 2rem auto;
 }
 
 
 @media (max-width: 768px) {
   .book-now-mobile {
     display: block;
   }
 
   .btn-book {
     font-size: 1.2rem;
     padding: 0.6rem 1.2rem;
   }
 }
 




 /* Responsive Design */
@media (max-width: 1024px) {
   header {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }
 
   .nav-links {
     flex-direction: column;
     gap: 1rem;
     margin-top: 1rem;
   }
 
   .hero {
     padding: 1rem;
     min-height: 400px;
     background-position: center;
   }
 
   .hero-text {
     font-size: 1.2rem;
     padding: 1rem;
   }
 
   .gallery img {
     width: 150px;
   }
 
   .price-list li {
     flex-direction: column;
     align-items: flex-start;
     gap: 0.25rem;
   }
 
   .price-list li span:last-child {
     align-self: flex-end;
   }
 
   .btn-book {
     font-size: 1.2rem;
     padding: 0.5rem 1rem;
   }
 
   footer {
     font-size: 0.85rem;
     padding: 1.5rem 1rem;
   }
 }
 
 @media (max-width: 600px) {
   .logo {
     width: 70px;
     margin: 8px;
   }
 
   header h1 {
     font-size: 1.2rem;
   }
 
   .hero-text {
     font-size: 1rem;
   }
 
   .gallery img {
     width: 120px;
     margin-right: 0.5rem;
   }
 
   .price-list {
     width: 100%;
     padding: 0 1rem;
   }
 
   .price-list li {
     font-size: 0.95rem;
   }
 
   .btn-book {
     width: 90%;
     max-width: 300px;
     margin: 1rem auto;
   }
   .calendly-inline-widget {
      height: 850px !important; 
    }

 }


 @media (max-width: 768px) {
   .hero {
     background-image: none !important;
     flex-direction: column;
     padding: 1rem 1rem;
   }
 
   .hero-image {
     display: none;
   }
 
   .hero-text {
     text-align: center;
     font-size: 1.2rem;
     padding: 0;
   }

   .nav-links{
      display: none;
   }
 }

  
 @media (max-width: 768px) {
   .book-now-mobile {
     display: block;
   }
 
   .btn-book {
     font-size: 1.2rem;
   }
 }