@font-face {
  font-family: "Adlery Pro";
  src: url("../assets/fonts/Adlery-Pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Ubuntu", "Helvetica Neue";
}

body {
  font-family: "Arial", sans-serif;
  line-height: 1.6;
  color: #333;
  background: linear-gradient(135deg, #e8f5e8 0%, #d4f1d4 100%);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px;
}

/* Header Section */
header {
  background: linear-gradient(135deg, #2d5016 0%, #4a7c59 100%);
  color: white;
  padding: 2rem 0;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.logo {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ff6b35, #f7931e);
  border-radius: 50%;
  margin: 20px auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  animation: pulse 2s infinite;
  border: 65px solid white;
  box-shadow: 0 0 3px black;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

h1 {
  font-size: 3rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  background: linear-gradient(45deg, #fff, #e8f5e8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tagline {
  font-size: 1.2rem;
  opacity: 0.9;
  font-style: italic;
}

/* Description Section */
.description {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  padding: 4rem 0;
  text-align: center;
  margin: 2rem 0;
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.description h2 {
  /* font-size: 2.5rem; */
  color: #2d5016;
  margin-bottom: 1.5rem;
  position: relative;
}

.description h2::after {
  content: "";
  width: 100px;
  height: 4px;
  background: linear-gradient(45deg, #ff6b35, #f7931e);
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.description p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
  text-align: justify;
  width: calc(100% - 50px);
  margin: 0 25px;
}

/* Itineraries Section */
.itineraries {
  padding: 0;
}

.itineraries h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #2d5016;
  margin-bottom: 3rem;
  position: relative;
}

.itineraries h2::after {
  content: "";
  width: 100px;
  height: 4px;
  background: linear-gradient(45deg, #ff6b35, #f7931e);
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
}

.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.card-image {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    rgba(45, 80, 22, 0.7),
    rgba(74, 124, 89, 0.5)
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card:hover .card-image::before {
  opacity: 1;
}

.card1 {
  background-image: url("../assets/images/girl.jpg");
}
.card2 {
  background-image: url("../assets/images/couples.jpg");
}
.card3 {
  background-image: url("../assets/images/kerala-culture.jpg");
}

.card4 {
  background-image: url("../assets/images/backwaters.jpg");
}
.card5 {
  background-image: url("../assets/images/munnar.jpg");
}
.card6 {
  background-image: url("../assets/images/varkala.jpeg");
}
.card-content {
  padding: 2rem;
}

.card h3 {
  font-size: 1.5rem;
  color: #2d5016;
  margin-bottom: 1rem;
  font-weight: bold;
}

.card p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.card-price {
  font-size: 1.25rem;
  font-weight: bold;
  color: #ff6b35;
  margin-bottom: 1rem;
}

.card-btn {
  background: linear-gradient(45deg, #ff6b35, #f7931e);
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.card-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

/* Footer */
footer {
  background: linear-gradient(135deg, #2d5016 0%, #4a7c59 100%);
  color: white;
  padding: 3rem 0 2rem;
  text-align: center;
  margin-top: 4rem;
}

.footer-content h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #fff;
}

.contact-info {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 2rem 0;
  flex-wrap: wrap;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: white;
}

.contact-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.social-icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.facebook {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');
}

.instagram {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>');
}

.gmail {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"/></svg>');
}

.whatsapp {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.472-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.298-.018-.458.13-.606.134-.133.298-.347.447-.52.149-.174.198-.298.298-.497.099-.198.05-.372-.025-.521-.075-.149-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.008-.372-.01-.571-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.099 3.205 5.077 4.372.709.306 1.262.489 1.694.626.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.617h-.001a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.455 4.436-9.89 9.893-9.89 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.896 6.994c-.003 5.456-4.438 9.891-9.893 9.891m8.413-18.306A11.815 11.815 0 0 0 12.05.001C5.495 0 .049 5.444.047 12c0 2.122.555 4.199 1.607 6.032L.057 24l6.184-1.646A11.933 11.933 0 0 0 12.051 24c6.555 0 11.901-5.444 11.903-12 .002-3.182-1.237-6.174-3.49-8.411"/></svg>');
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 2rem;
  padding-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
}

/* Responsive Design */
@media (max-width: 768px) {
  .title-name {
    font-size: 35px !important;
  }
  .cover-image {
    height: 220px !important;
  }
  .tagline {
    font-size: 12px !important;
  }

  .cards-container {
    grid-template-columns: 1fr;
  }

  .contact-info {
    flex-direction: column;
    align-items: center;
  }

  .itineraries h2 {
    font-size: 30px !important;
  }
}

/* Scroll animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.first-row .card {
  animation: fadeInUp 0.6s ease forwards;
}

.first-row .card:nth-child(2) {
  animation-delay: 0.2s;
}

.first-row .card:nth-child(3) {
  animation-delay: 0.4s;
}

.second-row .card {
  animation: fadeInUp 0.6s ease forwards;
}

.second-row .card:nth-child(1) {
  animation-delay: 0.6s;
}

.second-row .card:nth-child(2) {
  animation-delay: 0.8s;
}

.second-row .card:nth-child(3) {
  animation-delay: 1s;
}