﻿
 
/* ===== Reset & Fonts ===== */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Roboto', sans-serif; }
body { background:#f7f7f7; color:#333; line-height:1.6; }

/* ===== Hero Section ===== */
.hero {
    background: url('img/tirupati-hero.jpg') center/cover no-repeat;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}
.hero::after {
    content:"";
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0,0.5);
}
.hero-content {
    position: relative;
    z-index: 1;
}
.hero-content h1 { font-size: 2.5rem; margin-bottom: 10px; }
.hero-content p { font-size: 1.2rem; }

/* ===== Container ===== */
.container { width:90%; max-width:1200px; margin:40px auto; }

/* ===== Day Itinerary Cards ===== */
.day-card {
    background:#fff; border-radius:10px; padding:20px; margin-bottom:20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.day-card h3 { color:#0d6efd; margin-bottom:10px; font-size:1.4rem; }
.day-card p { margin-bottom:8px; font-size:1rem; }

/* ===== Pricing Table ===== */
table { width:100%; border-collapse:collapse; margin-bottom:30px; font-size:0.95rem; }
table th, table td { border:1px solid #ddd; padding:10px; text-align:center; }
table th { background:#0d6efd; color:#fff; font-weight:500; }
table tr:nth-child(even) { background:#f2f2f2; }

/* ===== Inclusion / Exclusion ===== */
.section-title { font-size:1.8rem; color:#0d6efd; margin-bottom:15px; }
ul { list-style: disc inside; margin-bottom:20px; font-size:1rem; }
ul li { margin-bottom:8px; }

/* ===== CTA Buttons ===== */
.cta-buttons { display:flex; gap:15px; margin:30px 0; flex-wrap:wrap; justify-content:center; }
.cta-buttons a {
    text-decoration:none; color:#fff; background:#25D366; padding:12px 25px; border-radius:50px;
    transition: all 0.3s ease; display:inline-block; font-weight:500; text-align:center;
}
.cta-buttons a.call { background:#0d6efd; }
.cta-buttons a:hover { transform: scale(1.05); }

/* ===== Floating WhatsApp & Call Buttons ===== */
.whatsapp-left-img, .call-right-img {
    position: fixed;
    bottom: 40%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    box-shadow:0 4px 12px rgba(0,0,0,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.whatsapp-left-img img, .call-right-img img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.whatsapp-left-img:hover, .call-right-img:hover { transform: scale(1.1); }

/* Position */
.whatsapp-left-img { left: 15px; }
.call-right-img { right: 15px; }

/* ===== Responsive Media Queries ===== */
@media (max-width:992px){
    .hero-content h1 { font-size:2rem; }
    .hero-content p { font-size:1rem; }
    .day-card h3 { font-size:1.3rem; }
    .day-card p, ul li, table th, table td { font-size:0.9rem; }
    .cta-buttons { flex-direction:column; gap:10px; }
    table { font-size:0.85rem; }
}
@media (max-width:576px){
    .hero { height:50vh; }
    .hero-content h1 { font-size:1.6rem; }
    .hero-content p { font-size:0.9rem; }
    .day-card { padding:15px; }
    .cta-buttons a { padding:10px 20px; font-size:0.9rem; }
    .whatsapp-left-img, .call-right-img { width:50px; height:50px; bottom:35%; }
}