header h1,nav a{font-weight:600}.cta,header{text-align:center}footer,header{background-color:#036}footer a,nav a:hover{color:#ff4d6a}footer img,nav{margin-top:1rem}.contact-btn,.cta a,footer a,nav a{text-decoration:none}.gallery-section h2,.stat-label,.testimonials h2,nav a{text-transform:uppercase}body{margin:0;font-family:Poppins,sans-serif;background-color:#f0f0f0;color:#444}header{color:#fff;padding:2rem 1rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}header img{max-width:200px;margin-bottom:1rem}header h1{margin:0;font-size:3rem;letter-spacing:1px}nav a{color:#fff;margin:0 1.5rem;font-size:1.1rem;transition:color .3s}.content{padding:3rem 2rem;max-width:1200px;margin:auto}.gallery-item,.keywords{border-radius:12px;padding:1.5rem}.keywords{background:#e5e5e5;margin:2rem 0;font-size:1.2rem;font-weight:700;color:#036}.gallery,.location-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.gallery-item{background:#fff;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.gallery-item:hover,.location-item:hover,.package:hover{transform:translateY(-10px)}.gallery-item img{width:100%;height:auto;border-radius:10px}.gallery-section h2{text-align:center;color:#036;font-size:2rem;margin-bottom:2rem;font-weight:600}.gallery-item h3,.location-item h3{color:#036;font-size:1rem;font-weight:600;margin-bottom:1rem}.gallery-item p,.privacy-policy ul li,.terms-of-service ul li{font-size:1.1rem;color:#555;margin-bottom:.8rem}.cta{margin:3rem 0}.cta a{background-color:#ff4d6a;color:#fff;padding:1.2rem 2.5rem;font-weight:600;border-radius:8px;transition:background .3s;font-size:1.1rem}.cta a:hover{background-color:#e60073}.testimonials{margin:3rem 0;background:#f9f9f9;padding:2.5rem;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.testimonials h2{color:#036;font-size:2rem;margin-bottom:2rem;font-weight:600}.testimonial-item{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 5px rgba(0,0,0,.05);margin-bottom:1.5rem;transition:box-shadow .3s}.location-item,.privacy-policy,.terms-of-service,.testimonial-item:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}#whatsapp-float img,.location-item,.package{transition:transform .3s}.testimonial-text{font-size:1.2rem;color:#555;font-style:italic;margin-bottom:1rem}.testimonial-author{text-align:right;font-size:1rem;color:#036;font-weight:600}.location-item,.locations,.package,.packages-section,.stat-item,footer{text-align:center}.locations h2{color:#036;font-size:2rem;margin-bottom:1.5rem}.location-item{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.location-item img{width:100%;height:auto;border-radius:10px;margin-bottom:1rem}footer{padding:2rem;font-size:1rem;color:#ddd;border-top:1px solid #ff4d6a}footer a{margin:0 1rem;font-weight:600}footer img{max-width:120px}.privacy-policy,.terms-of-service{background-color:#fff;padding:3rem 2rem;border-radius:15px;max-width:1200px;margin-left:auto;margin-right:auto}.contact-btn:hover,.packages-section{background-color:#036}.privacy-policy h2,.terms-of-service h2{color:#036;font-size:2.2rem;margin-bottom:1.5rem;font-weight:600;text-align:center}.privacy-policy p,.terms-of-service p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.privacy-policy h3,.terms-of-service h3{font-size:1.5rem;color:#036;margin-top:1.5rem}.privacy-policy ul,.terms-of-service ul{list-style-type:disc;padding-left:20px}.privacy-policy a,.terms-of-service a{color:#ff4d6a;text-decoration:none}.privacy-policy a:hover,.terms-of-service a:hover{text-decoration:underline}#whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:9999}#whatsapp-float img{width:60px;height:60px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);background-color:#25d366;padding:15px}#whatsapp-float img:hover{transform:scale(1.1)}.packages-section{color:#fff;padding:3rem 2rem}.packages-section h2{font-size:2.5rem;color:#fff;margin-bottom:1.5rem}.packages-section p{font-size:1.1rem;color:#e5e5e5;margin-bottom:2rem}.package h3,.package-icon svg,.price{margin-bottom:1rem}.packages-container{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.package{background-color:#1f1f1f;border-radius:10px;padding:2rem;width:250px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.package-icon svg{width:60px;height:60px;color:#fc0}.package h3{font-size:1.8rem;color:#fff}.price{font-size:2rem;color:#fff;font-weight:700}.package-details p{font-size:1.1rem;color:#e5e5e5;margin:.5rem 0}.contact-btn{background-color:#048;color:#fff;padding:.5rem 4rem;font-weight:600;border-radius:8px;transition:background .3s}.stats-container{display:flex;justify-content:space-around;align-items:center;background-color:#1e1e1e;color:#fff;padding:20px}.stat-number{font-size:32px;font-weight:700;margin-bottom:10px}.stat-label{font-size:14px;font-weight:400}

.float-left{
  float: left;
}
.right-mark{
  color: green; 
  font-size: 24px;
}


/* Common styles for both contact buttons */
.contact-btn-theme {
  background-color: #ff4d6a;
  color: white;
  padding: 12px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px; /* Set both buttons to the same width */
  text-align: center; /* Center text inside the buttons */
}

.whatsapp-btn-glow{
  background-color: #25d366;
}
.model-wp-icon{
  width: 20px !important; 
  margin-right: 5px;
  vertical-align: middle;
  display: inline-table !important;
}

.header-contact {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

/* Common styles for both contact buttons */
.header-contact .contact-btn, .header-contact .whatsapp-btn {
  background-color: #25d366; /* WhatsApp Green */
  color: white;
  padding: 12px 20px; /* Same padding for equal size */
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px; /* Set both buttons to the same width */
  text-align: center; /* Center text inside the buttons */
}

.header-contact .whatsapp-btn img {
  margin-right: 8px;
}

/* Styling for CTA (Call to Action) buttons */
.cta .contact-btn, .cta .whatsapp-btn {
  background-color: #25d366; /* WhatsApp Green */
  color: white;
  padding: 12px 20px; /* Same padding for equal size */
  margin: 10px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px; /* Fixed width to make both buttons equal */
}

/* Floating WhatsApp Button */
.floating-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

/* Styling for contact banner */
.contact-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  display: none;
}

.contact-banner a {
  color: #25d366;
  font-weight: bold;
}

.header-contact .whatsapp-icon-header{
  margin-bottom: 0rem !important;
}


/* Responsive Design */
@media screen and (max-width: 768px) {
  /* Adjust header for small screens */

  header h1 {
    font-size: 18px; /* Smaller font for smaller screens */
  }

  nav {
    flex-direction: column;
    gap: 10px;
  }

  nav a {
    font-size: 14px; /* Smaller font for navigation */
  }

  /* Stack contact buttons vertically for small screens */
  .header-contact {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  /* Adjust button width for smaller screens */
  .header-contact .contact-btn, .header-contact .whatsapp-btn {
    width: 180px; /* Slightly narrower width */
  }
}

/* For mobile screens */
@media screen and (max-width: 480px) {
  header h1 {
    font-size: 25px; /* Even smaller font on very small screens */
  }

  nav a {
    font-size: 12px; /* Even smaller font for navigation */
  }

  .header-contact .contact-btn, .header-contact .whatsapp-btn {
    width: 100%; /* Full width buttons on very small screens */
    padding: 12px;
  }
}


.packages-section {
  text-align: center;
  padding: 20px;
  border-radius: 10px;
}

.packages-section h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.packages-section p {
  font-size: 16px;
  margin-bottom: 20px;
}

/* Container for the packages */
.packages-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Default: 3 columns */
  gap: 20px;
  justify-items: center;
}

/* Styling for individual package */
.package {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.package h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.package .price {
  font-size: 22px;
  margin: 10px 0;
}

.package-details p {
  margin: 5px 0;
}

/* Contact button style */
.package .contact-btn {
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  margin-top: 10px;
  display: inline-block;
  transition: background-color 0.3s ease;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
  /* For tablets and medium-sized screens */
  .packages-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media screen and (max-width: 768px) {
  /* For smaller screens, stack packages vertically */
  .packages-container {
    grid-template-columns: 1fr; /* 1 column on small screens */
  }

  .packages-section h2 {
    font-size: 24px; /* Smaller header */
  }

  .packages-section p {
    font-size: 14px; /* Smaller description text */
  }
  
  .package {
    padding: 15px;
    margin-bottom: 20px; /* Space between stacked packages */
  }

  .package .price {
    font-size: 20px; /* Adjust price font size */
  }
}

/* Basic styling for the paragraph */
.intro-paragraph {
  background-color: #fff;         /* Clean white background */
  padding: 20px;                  /* Space around text */
  border-left: 4px solid #4CAF50; /* Green left border for emphasis */
  font-size: 18px;                /* Regular font size */
  line-height: 1.7;               /* Improved line spacing for readability */
  color: #333;                    /* Dark gray text for readability */
  font-family: 'Poppins', sans-serif; /* Clean, modern font */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
  border-radius: 8px;             /* Rounded corners for a soft look */
}

/* Add emphasis on key points */
.intro-paragraph span {
  color: #4CAF50; /* Green color for key phrases */
  font-weight: bold; /* Make key phrases bold */
}
@media screen and (max-width: 1440px) {
  a.whatsapp-btn-glow {
    width: 15% !important;
  }
}

@media screen and (max-width: 1024px) {
  a.whatsapp-btn-glow {
    width: 21% !important;
  }
}

/* Responsive styling for smaller screens */
@media screen and (max-width: 768px) {
  .intro-paragraph {
    font-size: 16px;  /* Slightly smaller font for mobile */
    padding: 15px;    /* Less padding on mobile */
  }

  a.whatsapp-btn-glow {
    width: 30% !important;
  }
}
@media screen and (max-width: 425px) {
  a.whatsapp-btn-glow {
    width: 55% !important;
  }
}


/* Container for the WhatsApp logo */
.whatsapp-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* The WhatsApp logo styling */
.whatsapp-logo {
  width: 150px; /* Adjust the size */
  height: 150px; /* Same as width to keep it circular */
  border-radius: 50%; /* Make it round */
  object-fit: cover; /* Ensures the logo fits inside the circular shape */
  animation: heartbeat 3s ease-in-out infinite; /* Increase duration and apply smooth easing */
}
a.whatsapp-btn-glow {
  margin-top: 10px;
  display: flex;
  width: 12%;
  height: 215px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/* Animation for smooth "wave" effect */
@keyframes heartbeat {
  0% {
    transform: scale(1) rotate(0deg); /* Normal size */
  }
  25% {
    transform: scale(1.1) rotate(10deg); /* Slight increase with rotation */
  }
  50% {
    transform: scale(1.15) rotate(-10deg); /* Maximum size with opposite rotation */
  }
  75% {
    transform: scale(1.1) rotate(10deg); /* Slight decrease with rotation */
  }
  100% {
    transform: scale(1) rotate(0deg); /* Back to original size and rotation */
  }
}