/* General Styles */
body {margin:0; padding:0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:#f0f2f5; color:#333;}
a {text-decoration:none;}

/* Header / Hero */
header .hero {
  background: linear-gradient(135deg, #ff7f50, #ff4500);
  color:white;
  text-align:center;
  padding:120px 20px;
}
header .hero h1 {font-size:3rem; margin-bottom:10px;}
header .hero p {font-size:1.4rem; margin-bottom:20px;}
header .hero .btn {background:linear-gradient(135deg,#00c6ff,#0072ff); color:white; padding:14px 30px; border-radius:50px; font-weight:bold; transition:0.3s;}
header .hero .btn:hover {background:linear-gradient(135deg,#ff6a00,#ee0979);}

/* Packages Section */
section {padding:60px 20px; max-width:1200px; margin:0 auto;}
h2 {text-align:center; margin-bottom:50px; font-size:2.5rem; color:#ff4500;}

.packages-container {display:flex; flex-wrap:wrap; justify-content:space-around; gap:30px;}
.package-card {
  border-radius:15px; 
  padding:25px; 
  flex:1 1 300px; 
  max-width:350px; 
  color:white; 
  transition:transform 0.3s, box-shadow 0.3s;
}
.package-card:hover {transform:translateY(-10px); box-shadow:0 15px 25px rgba(0,0,0,0.2);}
.package-card h3 {margin-bottom:15px; font-size:1.6rem;}
.package-card p {margin-bottom:15px;}
.package-card ul {list-style:none; padding:0; margin-bottom:20px;}
.package-card ul li {margin-bottom:8px; font-weight:500;}
.package-card .btn {display:inline-block; padding:10px 20px; border-radius:50px; font-weight:bold; color:white; background:linear-gradient(135deg,#00ff6a,#00cfff); transition:0.3s;}
.package-card .btn:hover {background:linear-gradient(135deg,#ff6a00,#ee0979);}

/* Card Colors */
.card1 {background:linear-gradient(135deg,#ff7f50,#ff4500);}
.card2 {background:linear-gradient(135deg,#0072ff,#00c6ff);}
.card3 {background:linear-gradient(135deg,#ff6a00,#ee0979);}

/* Footer */
footer {background:#333; color:white; text-align:center; padding:20px 0; margin-top:40px; font-size:0.95rem;}

/* Responsive */
@media(max-width:900px){.packages-container{flex-direction:column; align-items:center;}}