{"id":1088,"date":"2026-06-17T07:04:17","date_gmt":"2026-06-17T07:04:17","guid":{"rendered":"https:\/\/flmdm19.in\/konetiraghavendra\/?p=1088"},"modified":"2026-06-17T07:13:56","modified_gmt":"2026-06-17T07:13:56","slug":"elementor-1088","status":"publish","type":"post","link":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/","title":{"rendered":"Elementor #1088"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1088\" class=\"elementor elementor-1088\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be394d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"9be394d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cb85b0 elementor-widget elementor-widget-html\" data-id=\"7cb85b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n  \n  \n  <title>Vamsi Agency - Explore the World with Premium Travel Experiences<\/title>\n  \n  \n  \n  \n  \n  \n    :root {\n      --primary: #1a1a2e;\n      --secondary: #e94560;\n      --accent: #16213e;\n      --gold: #d4a853;\n      --gold-light: #f0d68a;\n      --cream: #faf6f0;\n      --white: #ffffff;\n      --dark: #0f0f1a;\n      --glass-bg: rgba(255, 255, 255, 0.08);\n      --glass-border: rgba(255, 255, 255, 0.18);\n      --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n      --shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.4);\n      --radius: 20px;\n      --radius-sm: 12px;\n      --font-heading: 'Playfair Display', serif;\n      --font-body: 'Inter', sans-serif;\n      --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n    html { scroll-behavior: smooth; overflow-x: hidden; }\n    body {\n      font-family: var(--font-body);\n      background: var(--dark);\n      color: var(--white);\n      overflow-x: hidden;\n      -webkit-font-smoothing: antialiased;\n    }\n    ::selection { background: var(--secondary); color: var(--white); }\n    ::-webkit-scrollbar { width: 8px; }\n    ::-webkit-scrollbar-track { background: var(--dark); }\n    ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 4px; }\n    img { max-width: 100%; height: auto; display: block; }\n    a { text-decoration: none; color: inherit; }\n    .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n    .section {\n      padding: 120px 0;\n      position: relative;\n    }\n    .section-label {\n      font-family: var(--font-body);\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 12px;\n      display: block;\n    }\n    .section-title {\n      font-family: var(--font-heading);\n      font-size: clamp(2.2rem, 5vw, 3.5rem);\n      font-weight: 700;\n      line-height: 1.15;\n      margin-bottom: 20px;\n    }\n    .section-title span { color: var(--gold); }\n    .section-sub {\n      font-size: 1.05rem;\n      color: rgba(255, 255, 255, 0.7);\n      max-width: 600px;\n      line-height: 1.7;\n    }\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 36px;\n      border-radius: 50px;\n      font-family: var(--font-body);\n      font-size: 0.95rem;\n      font-weight: 600;\n      border: none;\n      cursor: pointer;\n      transition: var(--transition);\n      position: relative;\n      overflow: hidden;\n    }\n    .btn-primary {\n      background: linear-gradient(135deg, var(--gold), var(--gold-light));\n      color: var(--dark);\n    }\n    .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(212, 168, 83, 0.4); }\n    .btn-outline {\n      background: transparent;\n      color: var(--white);\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n    .btn-outline:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-3px); }\n    .btn-whatsapp { background: #25D366; color: white; }\n    .btn-whatsapp:hover { background: #1da851; transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(37, 211, 102, 0.4); }\n    .btn-phone { background: var(--secondary); color: white; }\n    .btn-phone:hover { background: #d63850; transform: translateY(-3px); }\n    .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n    .fade-up.visible { opacity: 1; transform: translateY(0); }\n\n    \/* ===== NAVIGATION ===== *\/\n    nav {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 1000;\n      padding: 20px 40px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      transition: var(--transition);\n    }\n    nav.scrolled {\n      background: rgba(15, 15, 26, 0.92);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      padding: 14px 40px;\n      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n    }\n    .nav-logo {\n      font-family: var(--font-heading);\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: var(--gold);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .nav-logo i { font-size: 1.3rem; }\n    .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }\n    .nav-links a {\n      font-size: 0.85rem;\n      font-weight: 500;\n      color: rgba(255, 255, 255, 0.8);\n      transition: var(--transition);\n      position: relative;\n    }\n    .nav-links a::after {\n      content: '';\n      position: absolute;\n      bottom: -4px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--gold);\n      transition: var(--transition);\n    }\n    .nav-links a:hover::after { width: 100%; }\n    .nav-links a:hover { color: var(--gold); }\n    .nav-toggle {\n      display: none;\n      background: none;\n      border: none;\n      color: var(--white);\n      font-size: 1.5rem;\n      cursor: pointer;\n    }\n    .mobile-menu {\n      display: none;\n      position: fixed;\n      top: 0;\n      right: -100%;\n      width: 300px;\n      height: 100vh;\n      background: rgba(15, 15, 26, 0.98);\n      backdrop-filter: blur(20px);\n      padding: 100px 40px 40px;\n      transition: var(--transition);\n      z-index: 999;\n      list-style: none;\n    }\n    .mobile-menu.active { right: 0; }\n    .mobile-menu li { margin-bottom: 24px; }\n    .mobile-menu a {\n      font-size: 1.1rem;\n      color: rgba(255, 255, 255, 0.8);\n      transition: var(--transition);\n    }\n    .mobile-menu a:hover { color: var(--gold); }\n    .mobile-overlay {\n      display: none;\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 998;\n    }\n    .mobile-overlay.active { display: block; }\n\n    \/* ===== HERO ===== *\/\n    .hero {\n      position: relative;\n      height: 100vh;\n      min-height: 700px;\n      display: flex;\n      align-items: center;\n      overflow: hidden;\n    }\n    .hero-slider {\n      position: absolute;\n      inset: 0;\n    }\n    .hero-slide {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      transition: opacity 1.5s ease;\n      background-size: cover;\n      background-position: center;\n    }\n    .hero-slide.active { opacity: 1; }\n    .hero-slide::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, \n        rgba(15, 15, 26, 0.85) 0%, \n        rgba(15, 15, 26, 0.4) 50%, \n        rgba(15, 15, 26, 0.2) 100%\n      );\n    }\n    .hero-content {\n      position: relative;\n      z-index: 2;\n      max-width: 750px;\n      padding: 0 40px;\n    }\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      padding: 8px 20px;\n      border-radius: 50px;\n      font-size: 0.8rem;\n      color: var(--gold-light);\n      margin-bottom: 24px;\n    }\n    .hero h1 {\n      font-family: var(--font-heading);\n      font-size: clamp(2.8rem, 7vw, 5rem);\n      font-weight: 700;\n      line-height: 1.08;\n      margin-bottom: 20px;\n    }\n    .hero h1 span { color: var(--gold); }\n    .hero p {\n      font-size: clamp(1rem, 2vw, 1.2rem);\n      color: rgba(255, 255, 255, 0.8);\n      line-height: 1.7;\n      margin-bottom: 36px;\n      max-width: 560px;\n    }\n    .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n    .hero-indicators {\n      position: absolute;\n      bottom: 40px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 10px;\n      z-index: 3;\n    }\n    .hero-indicators span {\n      width: 40px;\n      height: 3px;\n      background: rgba(255, 255, 255, 0.3);\n      border-radius: 2px;\n      cursor: pointer;\n      transition: var(--transition);\n    }\n    .hero-indicators span.active { background: var(--gold); width: 60px; }\n    .hero-scroll {\n      position: absolute;\n      bottom: 80px;\n      right: 40px;\n      z-index: 3;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      color: rgba(255, 255, 255, 0.5);\n      font-size: 0.7rem;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      writing-mode: vertical-lr;\n    }\n    .hero-scroll .mouse {\n      width: 20px;\n      height: 32px;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n      border-radius: 10px;\n      position: relative;\n    }\n    .hero-scroll .mouse::after {\n      content: '';\n      position: absolute;\n      top: 6px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 3px;\n      height: 8px;\n      background: var(--gold);\n      border-radius: 2px;\n      animation: scrollWheel 2s infinite;\n    }\n    @keyframes scrollWheel {\n      0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n      100% { opacity: 0; transform: translateX(-50%) translateY(10px); }\n    }\n\n    \/* ===== STATS ===== *\/\n    .stats {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 30px;\n      margin-top: -60px;\n      position: relative;\n      z-index: 5;\n      padding: 0 24px;\n      max-width: 1100px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .stat-card {\n      background: rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: var(--radius);\n      padding: 32px 24px;\n      text-align: center;\n      transition: var(--transition);\n    }\n    .stat-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.1); }\n    .stat-number {\n      font-family: var(--font-heading);\n      font-size: 2.4rem;\n      font-weight: 700;\n      color: var(--gold);\n      margin-bottom: 6px;\n    }\n    .stat-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); }\n\n    \/* ===== PACKAGES ===== *\/\n    .packages-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 28px;\n      margin-top: 50px;\n    }\n    .package-card {\n      background: rgba(255, 255, 255, 0.04);\n      border-radius: var(--radius);\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      transition: var(--transition);\n      cursor: pointer;\n      position: relative;\n    }\n    .package-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-lg); border-color: rgba(212, 168, 83, 0.3); }\n    .package-img {\n      height: 220px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n    .package-img .badge {\n      position: absolute;\n      top: 16px;\n      left: 16px;\n      background: var(--secondary);\n      padding: 6px 14px;\n      border-radius: 50px;\n      font-size: 0.75rem;\n      font-weight: 600;\n    }\n    .package-img .rating {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      background: rgba(0, 0, 0, 0.7);\n      backdrop-filter: blur(10px);\n      padding: 4px 12px;\n      border-radius: 50px;\n      font-size: 0.8rem;\n      color: var(--gold);\n    }\n    .package-body { padding: 24px; }\n    .package-body h3 {\n      font-family: var(--font-heading);\n      font-size: 1.2rem;\n      margin-bottom: 8px;\n    }\n    .package-meta {\n      display: flex;\n      gap: 16px;\n      font-size: 0.85rem;\n      color: rgba(255, 255, 255, 0.6);\n      margin-bottom: 12px;\n    }\n    .package-meta i { margin-right: 6px; color: var(--gold); }\n    .package-body p {\n      font-size: 0.9rem;\n      color: rgba(255, 255, 255, 0.65);\n      line-height: 1.6;\n      margin-bottom: 16px;\n    }\n    .package-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding-top: 16px;\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n    }\n    .package-price {\n      font-family: var(--font-heading);\n      font-size: 1.3rem;\n      font-weight: 700;\n      color: var(--gold);\n    }\n    .package-price small {\n      font-family: var(--font-body);\n      font-size: 0.75rem;\n      font-weight: 400;\n      color: rgba(255, 255, 255, 0.5);\n    }\n\n    \/* ===== WHY US ===== *\/\n    .why-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n      margin-top: 50px;\n    }\n    .why-card {\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      border-radius: var(--radius);\n      padding: 40px 32px;\n      text-align: center;\n      transition: var(--transition);\n    }\n    .why-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.07); border-color: rgba(212, 168, 83, 0.2); }\n    .why-icon {\n      width: 70px;\n      height: 70px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(212, 168, 83, 0.15), rgba(212, 168, 83, 0.05));\n      border-radius: 50%;\n      font-size: 1.8rem;\n      color: var(--gold);\n    }\n    .why-card h3 { font-family: var(--font-heading); font-size: 1.2rem; margin-bottom: 10px; }\n    .why-card p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.6); line-height: 1.6; }\n\n    \/* ===== GALLERY ===== *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      grid-auto-rows: 240px;\n      gap: 16px;\n      margin-top: 50px;\n    }\n    .gallery-item {\n      border-radius: var(--radius-sm);\n      overflow: hidden;\n      position: relative;\n      cursor: pointer;\n      transition: var(--transition);\n    }\n    .gallery-item:hover { transform: scale(1.03); }\n    .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition); }\n    .gallery-item:hover img { transform: scale(1.1); }\n    .gallery-item .overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\n      display: flex;\n      align-items: flex-end;\n      padding: 20px;\n      opacity: 0;\n      transition: var(--transition);\n    }\n    .gallery-item:hover .overlay { opacity: 1; }\n    .gallery-item .overlay span {\n      font-weight: 600;\n      font-size: 0.95rem;\n    }\n    .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 2; }\n    .gallery-item:nth-child(4) { grid-column: span 2; }\n    .gallery-item:nth-child(7) { grid-column: span 2; grid-row: span 2; }\n\n    \/* ===== REVIEWS ===== *\/\n    .reviews-slider {\n      margin-top: 50px;\n      position: relative;\n      overflow: hidden;\n    }\n    .reviews-track {\n      display: flex;\n      gap: 28px;\n      transition: transform 0.5s ease;\n    }\n    .review-card {\n      min-width: calc(33.333% - 19px);\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      border-radius: var(--radius);\n      padding: 32px;\n      flex-shrink: 0;\n    }\n    .review-stars { color: var(--gold); margin-bottom: 16px; font-size: 1.1rem; }\n    .review-card p {\n      font-size: 0.95rem;\n      color: rgba(255, 255, 255, 0.75);\n      line-height: 1.7;\n      margin-bottom: 20px;\n      font-style: italic;\n    }\n    .review-author { display: flex; align-items: center; gap: 14px; }\n    .review-author .avatar {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--gold), var(--secondary));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 1.1rem;\n    }\n    .review-author h4 { font-size: 0.95rem; }\n    .review-author span { font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); }\n    .review-nav {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 32px;\n    }\n    .review-nav button {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      background: transparent;\n      color: var(--white);\n      cursor: pointer;\n      transition: var(--transition);\n      font-size: 1rem;\n    }\n    .review-nav button:hover { border-color: var(--gold); color: var(--gold); }\n\n    \/* ===== ABOUT \/ CONTACT ===== *\/\n    .about-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: center;\n      margin-top: 40px;\n    }\n    .about-text p {\n      font-size: 1.05rem;\n      color: rgba(255, 255, 255, 0.7);\n      line-height: 1.8;\n      margin-bottom: 20px;\n    }\n    .about-image {\n      border-radius: var(--radius);\n      overflow: hidden;\n      height: 400px;\n      position: relative;\n    }\n    .about-image img { width: 100%; height: 100%; object-fit: cover; }\n    .about-image::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border: 2px solid rgba(212, 168, 83, 0.2);\n      border-radius: var(--radius);\n      top: 12px; left: 12px; right: -12px; bottom: -12px;\n      z-index: -1;\n    }\n\n    \/* Features marquee *\/\n    .features-marquee {\n      background: rgba(255, 255, 255, 0.03);\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\n      border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n      padding: 20px 0;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n    .features-marquee-inner {\n      display: inline-flex;\n      gap: 60px;\n      animation: marquee 30s linear infinite;\n    }\n    .features-marquee-inner span {\n      font-size: 0.9rem;\n      color: rgba(255, 255, 255, 0.5);\n      letter-spacing: 1px;\n    }\n    .features-marquee-inner span i { color: var(--gold); margin-right: 8px; }\n    @keyframes marquee {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n\n    \/* ===== CONTACT ===== *\/\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      margin-top: 50px;\n    }\n    .contact-form {\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      border-radius: var(--radius);\n      padding: 40px;\n    }\n    .form-group { margin-bottom: 20px; }\n    .form-group label {\n      display: block;\n      font-size: 0.85rem;\n      font-weight: 500;\n      margin-bottom: 6px;\n      color: rgba(255, 255, 255, 0.7);\n    }\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n      width: 100%;\n      padding: 14px 18px;\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: var(--radius-sm);\n      color: var(--white);\n      font-family: var(--font-body);\n      font-size: 0.95rem;\n      transition: var(--transition);\n      outline: none;\n    }\n    .form-group input:focus,\n    .form-group select:focus,\n    .form-group textarea:focus { border-color: var(--gold); background: rgba(255, 255, 255, 0.1); }\n    .form-group input::placeholder,\n    .form-group textarea::placeholder { color: rgba(255, 255, 255, 0.3); }\n    .form-group select { cursor: pointer; }\n    .form-group select option { background: var(--dark); color: var(--white); }\n    .form-group textarea { resize: vertical; min-height: 100px; }\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n    .contact-info { display: flex; flex-direction: column; gap: 24px; justify-content: center; }\n    .contact-info-item {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n    .contact-info-item .icon {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      background: rgba(212, 168, 83, 0.1);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--gold);\n      font-size: 1.2rem;\n      flex-shrink: 0;\n    }\n    .contact-info-item h4 { font-size: 1rem; margin-bottom: 4px; }\n    .contact-info-item p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.6); }\n    .contact-btns {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-top: 16px;\n    }\n    .contact-btns .btn { flex: 1; min-width: 140px; justify-content: center; }\n\n    \/* ===== FOOTER ===== *\/\n    footer {\n      background: rgba(255, 255, 255, 0.02);\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n      padding: 80px 0 0;\n    }\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1.5fr;\n      gap: 40px;\n    }\n    .footer-brand h3 {\n      font-family: var(--font-heading);\n      font-size: 1.6rem;\n      color: var(--gold);\n      margin-bottom: 16px;\n    }\n    .footer-brand p {\n      font-size: 0.9rem;\n      color: rgba(255, 255, 255, 0.6);\n      line-height: 1.7;\n      margin-bottom: 20px;\n    }\n    .footer-social { display: flex; gap: 14px; }\n    .footer-social a {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: rgba(255, 255, 255, 0.6);\n      transition: var(--transition);\n    }\n    .footer-social a:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-3px); }\n    .footer-col h4 {\n      font-size: 0.95rem;\n      font-weight: 600;\n      margin-bottom: 20px;\n      color: var(--white);\n    }\n    .footer-col ul { list-style: none; }\n    .footer-col ul li { margin-bottom: 12px; }\n    .footer-col ul li a {\n      font-size: 0.88rem;\n      color: rgba(255, 255, 255, 0.5);\n      transition: var(--transition);\n    }\n    .footer-col ul li a:hover { color: var(--gold); padding-left: 4px; }\n    .footer-newsletter p {\n      font-size: 0.88rem;\n      color: rgba(255, 255, 255, 0.5);\n      margin-bottom: 16px;\n      line-height: 1.6;\n    }\n    .newsletter-form { display: flex; gap: 8px; }\n    .newsletter-form input {\n      flex: 1;\n      padding: 12px 16px;\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 50px;\n      color: var(--white);\n      font-size: 0.85rem;\n      outline: none;\n    }\n    .newsletter-form input:focus { border-color: var(--gold); }\n    .newsletter-form button {\n      width: 46px;\n      height: 46px;\n      border-radius: 50%;\n      border: none;\n      background: var(--gold);\n      color: var(--dark);\n      cursor: pointer;\n      transition: var(--transition);\n      font-size: 1rem;\n    }\n    .newsletter-form button:hover { background: var(--gold-light); transform: scale(1.05); }\n    .footer-bottom {\n      margin-top: 60px;\n      padding: 24px 0;\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      font-size: 0.85rem;\n      color: rgba(255, 255, 255, 0.4);\n    }\n\n    \/* ===== CHATBOT ===== *\/\n    .chatbot-toggle {\n      position: fixed;\n      bottom: 28px;\n      right: 28px;\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--gold), #b8893a);\n      border: none;\n      color: var(--dark);\n      font-size: 1.5rem;\n      cursor: pointer;\n      z-index: 100;\n      box-shadow: 0 8px 30px rgba(212, 168, 83, 0.4);\n      transition: var(--transition);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .chatbot-toggle:hover { transform: scale(1.1); }\n    .chatbot-window {\n      position: fixed;\n      bottom: 100px;\n      right: 28px;\n      width: 360px;\n      max-height: 520px;\n      background: rgba(20, 20, 35, 0.98);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 20px;\n      z-index: 100;\n      display: none;\n      flex-direction: column;\n      overflow: hidden;\n      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n    }\n    .chatbot-window.open { display: flex; }\n    .chatbot-header {\n      background: linear-gradient(135deg, var(--gold), #b8893a);\n      padding: 18px 22px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .chatbot-header h4 { color: var(--dark); font-size: 1rem; }\n    .chatbot-close { background: none; border: none; color: var(--dark); cursor: pointer; font-size: 1.2rem; }\n    .chatbot-messages {\n      flex: 1;\n      padding: 20px;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    .chatbot-messages::-webkit-scrollbar { width: 4px; }\n    .chatbot-messages::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }\n    .msg {\n      max-width: 80%;\n      padding: 12px 16px;\n      border-radius: 16px;\n      font-size: 0.85rem;\n      line-height: 1.5;\n      animation: msgIn 0.3s ease;\n    }\n    @keyframes msgIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n    .msg.bot {\n      background: rgba(255, 255, 255, 0.08);\n      align-self: flex-start;\n      border-bottom-left-radius: 4px;\n    }\n    .msg.user {\n      background: var(--gold);\n      color: var(--dark);\n      align-self: flex-end;\n      border-bottom-right-radius: 4px;\n    }\n    .chatbot-input {\n      display: flex;\n      gap: 8px;\n      padding: 14px 18px;\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n    }\n    .chatbot-input input {\n      flex: 1;\n      padding: 10px 14px;\n      border-radius: 50px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      background: rgba(255, 255, 255, 0.06);\n      color: var(--white);\n      outline: none;\n      font-size: 0.85rem;\n    }\n    .chatbot-input input:focus { border-color: var(--gold); }\n    .chatbot-input button {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      border: none;\n      background: var(--gold);\n      color: var(--dark);\n      cursor: pointer;\n    }\n\n    \/* ===== DESTINATION MAP ===== *\/\n    .destinations-bar {\n      display: flex;\n      gap: 16px;\n      overflow-x: auto;\n      padding: 20px 0;\n      margin-top: 40px;\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n    }\n    .destinations-bar::-webkit-scrollbar { display: none; }\n    .dest-chip {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 24px;\n      background: rgba(255, 255, 255, 0.04);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: 50px;\n      font-size: 0.9rem;\n      transition: var(--transition);\n      cursor: pointer;\n    }\n    .dest-chip:hover { border-color: var(--gold); background: rgba(212, 168, 83, 0.1); color: var(--gold); }\n    .dest-chip img {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    \/* ===== OFFERS ===== *\/\n    .offer-banner {\n      background: linear-gradient(135deg, rgba(212, 168, 83, 0.12), rgba(233, 69, 96, 0.08));\n      border: 1px solid rgba(212, 168, 83, 0.2);\n      border-radius: var(--radius);\n      padding: 50px 40px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n      flex-wrap: wrap;\n      margin-top: 50px;\n    }\n    .offer-banner h3 {\n      font-family: var(--font-heading);\n      font-size: 1.8rem;\n    }\n    .offer-banner h3 span { color: var(--gold); }\n    .offer-banner p { color: rgba(255, 255, 255, 0.7); margin-top: 8px; }\n    .offer-timer {\n      display: flex;\n      gap: 20px;\n    }\n    .offer-timer div {\n      text-align: center;\n    }\n    .offer-timer .num {\n      font-family: var(--font-heading);\n      font-size: 2rem;\n      color: var(--gold);\n      font-weight: 700;\n    }\n    .offer-timer .label {\n      font-size: 0.7rem;\n      color: rgba(255, 255, 255, 0.5);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* ===== BACK TO TOP ===== *\/\n    .back-top {\n      position: fixed;\n      bottom: 100px;\n      left: 28px;\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.08);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      color: var(--white);\n      cursor: pointer;\n      z-index: 99;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: var(--transition);\n      font-size: 1rem;\n    }\n    .back-top.visible { opacity: 1; transform: translateY(0); }\n    .back-top:hover { border-color: var(--gold); color: var(--gold); }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 1024px) {\n      .why-grid { grid-template-columns: repeat(2, 1fr); }\n      .footer-grid { grid-template-columns: 1fr 1fr; }\n      .gallery-grid { grid-template-columns: repeat(2, 1fr); }\n      .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }\n      .gallery-item:nth-child(7) { grid-column: span 2; grid-row: span 1; }\n    }\n    @media (max-width: 900px) {\n      .about-content { grid-template-columns: 1fr; }\n      .contact-grid { grid-template-columns: 1fr; }\n      .reviews-track .review-card { min-width: calc(50% - 14px); }\n    }\n    @media (max-width: 768px) {\n      .section { padding: 80px 0; }\n      nav { padding: 16px 20px; }\n      nav.scrolled { padding: 12px 20px; }\n      .nav-links { display: none; }\n      .nav-toggle { display: block; }\n      .mobile-menu { display: block; }\n      .stats { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: -40px; }\n      .hero-content { padding: 0 20px; }\n      .hero-scroll { display: none; }\n      .why-grid { grid-template-columns: 1fr; }\n      .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 200px; }\n      .gallery-item:nth-child(1),\n      .gallery-item:nth-child(4),\n      .gallery-item:nth-child(7) { grid-column: auto; grid-row: auto; }\n      .footer-grid { grid-template-columns: 1fr; }\n      .packages-grid { grid-template-columns: 1fr; }\n      .reviews-track .review-card { min-width: 100%; }\n      .contact-form { padding: 24px; }\n      .form-row { grid-template-columns: 1fr; }\n      .offer-banner { flex-direction: column; text-align: center; padding: 30px 20px; }\n      .chatbot-window { width: calc(100% - 40px); right: 20px; bottom: 90px; }\n      .back-top { bottom: 100px; left: 16px; }\n    }\n    @media (max-width: 480px) {\n      .stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n      .stat-card { padding: 20px 16px; }\n      .stat-number { font-size: 1.8rem; }\n      .hero-btns .btn { width: 100%; justify-content: center; }\n      .contact-btns .btn { min-width: 100%; }\n    }\n\n    \/* ===== LOADER ===== *\/\n    .loader {\n      position: fixed;\n      inset: 0;\n      background: var(--dark);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n      transition: opacity 0.6s ease, visibility 0.6s ease;\n    }\n    .loader.hidden { opacity: 0; visibility: hidden; }\n    .loader-spinner {\n      width: 50px;\n      height: 50px;\n      border: 3px solid rgba(255, 255, 255, 0.05);\n      border-top-color: var(--gold);\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n    }\n    @keyframes spin { to { transform: rotate(360deg); } }\n  \n\n\n\n  <!-- LOADER -->\n  <div class=\"loader\" id=\"loader\">\n    <div class=\"loader-spinner\"><\/div>\n  <\/div>\n\n  <!-- NAVIGATION -->\n  <nav id=\"navbar\">\n    <a href=\"#\" class=\"nav-logo\"><img decoding=\"async\" src=\"logo.png\" alt=\"Vamsi Agency\" style=\"width:36px;height:36px;border-radius:50%;object-fit:cover\">Vamsi Holidays&nbsp;<\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"index.html\">Home<\/a><\/li>\n      <li><a href=\"pages\/international.html\">International<\/a><\/li>\n      <li><a href=\"pages\/india-tours.html\">India Tours<\/a><\/li>\n      <li><a href=\"pages\/gallery.html\">Gallery<\/a><\/li>\n      <li><a href=\"pages\/reviews.html\">Reviews<\/a><\/li>\n      <li><a href=\"pages\/contact.html\">Contact<\/a><\/li>\n    <\/ul>\n    <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Menu\"><i class=\"fas fa-bars\"><\/i><\/button>\n  <\/nav>\n\n  <ul class=\"mobile-menu\" id=\"mobileMenu\">\n    <li><a href=\"index.html\">Home<\/a><\/li>\n    <li><a href=\"pages\/international.html\">International<\/a><\/li>\n    <li><a href=\"pages\/india-tours.html\">India Tours<\/a><\/li>\n    <li><a href=\"pages\/gallery.html\">Gallery<\/a><\/li>\n    <li><a href=\"pages\/reviews.html\">Reviews<\/a><\/li>\n    <li><a href=\"pages\/contact.html\">Contact<\/a><\/li>\n  <\/ul>\n  <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\n\n  <!-- HERO -->\n  <section class=\"hero\" id=\"home\">\n    <div class=\"hero-slider\" id=\"heroSlider\">\n      <div class=\"hero-slide active\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n      <div class=\"hero-slide\" style=\")\"><\/div>\n    <\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\"><i class=\"fas fa-medal\"><\/i> Award-Winning Travel Agency<\/div>\n      <h1>Explore the World with <span>Vamsi Holidays<\/span><\/h1>\n      <p>Affordable Luxury Travel Experiences Across India and International Destinations<\/p>\n      <div class=\"hero-btns\">\n        <a href=\"pages\/international.html\" class=\"btn btn-primary\"><i class=\"fas fa-search\"><\/i> Explore Packages<\/a>\n        <a href=\"pages\/contact.html\" class=\"btn btn-outline\"><i class=\"fas fa-calendar-check\"><\/i> Book Now<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-indicators\" id=\"heroIndicators\"><\/div>\n    <div class=\"hero-scroll\">\n      <div class=\"mouse\"><\/div>\n      <span>Scroll<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- STATS -->\n  <div class=\"stats fade-up\" id=\"stats\">\n    <div class=\"stat-card\"><div class=\"stat-number\" data-target=\"10000\">0<\/div><div class=\"stat-label\">Happy Travelers<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-number\" data-target=\"500\">0<\/div><div class=\"stat-label\">Tour Packages<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-number\" data-target=\"50\">0<\/div><div class=\"stat-label\">Countries Covered<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-number\" data-target=\"49\">0<\/div><div class=\"stat-label\">Star Customer Rating<\/div><\/div>\n  <\/div>\n\n  <!-- FEATURES MARQUEE -->\n  <div class=\"features-marquee\">\n    <div class=\"features-marquee-inner\">\n      <span><i class=\"fas fa-check-circle\"><\/i> Best Price Guarantee<\/span>\n      <span><i class=\"fas fa-headset\"><\/i> 24\/7 Travel Support<\/span>\n      <span><i class=\"fas fa-shield-alt\"><\/i> Trusted by Thousands<\/span>\n      <span><i class=\"fas fa-route\"><\/i> Custom Tour Planning<\/span>\n      <span><i class=\"fas fa-passport\"><\/i> Easy Visa Assistance<\/span>\n      <span><i class=\"fas fa-lock\"><\/i> Secure Online Booking<\/span>\n      <span><i class=\"fas fa-plane\"><\/i> Premium Airlines<\/span>\n      <span><i class=\"fas fa-hotel\"><\/i> 5-Star Accommodations<\/span>\n      <span><i class=\"fas fa-check-circle\"><\/i> Best Price Guarantee<\/span>\n      <span><i class=\"fas fa-headset\"><\/i> 24\/7 Travel Support<\/span>\n      <span><i class=\"fas fa-shield-alt\"><\/i> Trusted by Thousands<\/span>\n      <span><i class=\"fas fa-route\"><\/i> Custom Tour Planning<\/span>\n      <span><i class=\"fas fa-passport\"><\/i> Easy Visa Assistance<\/span>\n      <span><i class=\"fas fa-lock\"><\/i> Secure Online Booking<\/span>\n      <span><i class=\"fas fa-plane\"><\/i> Premium Airlines<\/span>\n      <span><i class=\"fas fa-hotel\"><\/i> 5-Star Accommodations<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- INTERNATIONAL PACKAGES -->\n  <section class=\"section\" id=\"international\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Explore the World<\/span>\n      <h2 class=\"section-title fade-up\">Popular <span>International<\/span> Packages<\/h2>\n      <p class=\"section-sub fade-up\">Handpicked premium international destinations with the best travel experiences at affordable prices.<\/p>\n      <div class=\"packages-grid fade-up\">\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Popular<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Thailand Explorer<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 5D \/ 4N<\/span><span><i class=\"fas fa-utensils\"><\/i> Meals<\/span><\/div>\n            <p>Flights + Hotel + Sightseeing. Visit Bangkok, Pattaya &amp; Phuket.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b939,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Bestseller<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Singapore Delight<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 6D \/ 5N<\/span><span><i class=\"fas fa-ticket-alt\"><\/i> Universal<\/span><\/div>\n            <p>Universal Studios, Marina Bay, Sentosa &amp; City Tour included.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b959,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Malaysia Escape<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 5D \/ 4N<\/span><span><i class=\"fas fa-mountain\"><\/i> Highlands<\/span><\/div>\n            <p>Kuala Lumpur, Genting Highlands, and cultural experiences.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b949,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.6<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>China Discovery<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 7D \/ 6N<\/span><span><i class=\"fas fa-landmark\"><\/i> Heritage<\/span><\/div>\n            <p>Beijing, Shanghai, Great Wall &amp; modern city tours.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b989,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Luxury<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Dubai Luxury Tour<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 5D \/ 4N<\/span><span><i class=\"fas fa-city\"><\/i> City Tour<\/span><\/div>\n            <p>Desert Safari, Burj Khalifa, Dubai Mall &amp;\u66f4\u591a.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b954,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Honeymoon<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Bali Paradise<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 6D \/ 5N<\/span><span><i class=\"fas fa-umbrella-beach\"><\/i> Beach<\/span><\/div>\n            <p>Beaches, temples, resorts &amp; adventure activities.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b964,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Premium<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 5.0<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Switzerland Premium<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 8D \/ 7N<\/span><span><i class=\"fas fa-mountain\"><\/i> Alps<\/span><\/div>\n            <p>Swiss Alps, scenic train tours, Lucerne &amp; Interlaken.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b91,99,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Romantic<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Maldives Honeymoon<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 4D \/ 3N<\/span><span><i class=\"fas fa-water\"><\/i> Water Villa<\/span><\/div>\n            <p>Luxurious water villa stay, snorkeling &amp; sunset cruises.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b989,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- DESTINATIONS CHIPS -->\n      <div class=\"destinations-bar fade-up\">\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Thailand<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1525625293386-3f8f99389edd?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Singapore<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579335271344-32c42045c06a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Malaysia<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547981609-4b6bfe67ca0b?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> China<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Dubai<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537996194471-e657df975ab4?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Bali<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530122037265-a5f1f91d3b99?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Switzerland<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514282401047-d79a71a590e8?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Maldives<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593693397690-362cb9666fc2?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Kerala<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596541223196-c99ce9ab44c3?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Kashmir<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512343879784-a960bf40e7f2?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Goa<\/span>\n        <span class=\"dest-chip\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580587771525-78b9dba3b914?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" alt=\"\"> Himachal<\/span>\n      <\/div>\n\n      <!-- OFFER BANNER -->\n      <div class=\"offer-banner fade-up\" id=\"offerBanner\">\n        <div>\n          <h3>\ud83c\udf89 Early Bird <span>Summer Special!<\/span><\/h3>\n          <p>Book before June 30 &amp; get up to 30% off on all international packages.<\/p>\n        <\/div>\n        <div class=\"offer-timer\">\n          <div><div class=\"num\" id=\"days\">00<\/div><div class=\"label\">Days<\/div><\/div>\n          <div><div class=\"num\" id=\"hours\">00<\/div><div class=\"label\">Hours<\/div><\/div>\n          <div><div class=\"num\" id=\"minutes\">00<\/div><div class=\"label\">Min<\/div><\/div>\n          <div><div class=\"num\" id=\"seconds\">00<\/div><div class=\"label\">Sec<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INDIA TOURS -->\n  <section class=\"section\" id=\"india\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Discover India<\/span>\n      <h2 class=\"section-title fade-up\"><span>India<\/span> Tour Packages<\/h2>\n      <p class=\"section-sub fade-up\">Explore the most beautiful destinations across India with our affordable tour packages.<\/p>\n      <div class=\"packages-grid fade-up\" style=\"margin-top:50px\">\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Popular<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Kerala Backwaters<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 5D \/ 4N<\/span><span><i class=\"fas fa-ship\"><\/i> Houseboat<\/span><\/div>\n            <p>Backwater cruises, Munnar tea gardens &amp; beach relaxation.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b924,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Romantic<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Jammu &amp; Kashmir Paradise<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 6D \/ 5N<\/span><span><i class=\"fas fa-snowflake\"><\/i> Snow<\/span><\/div>\n            <p>Shikara rides, Gulmarg skiing, and Mughal gardens.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b934,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Beach<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Goa Beach Vacation<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 4D \/ 3N<\/span><span><i class=\"fas fa-umbrella-beach\"><\/i> Beach<\/span><\/div>\n            <p>Sun, sand, sea &amp; nightlife at India's party capital.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b918,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Himachal Adventure<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 6D \/ 5N<\/span><span><i class=\"fas fa-hiking\"><\/i> Adventure<\/span><\/div>\n            <p>Manali, Shimla, Dharamshala &amp; thrilling adventure sports.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b929,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Heritage<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Rajasthan Heritage Tour<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 7D \/ 6N<\/span><span><i class=\"fas fa-fort\"><\/i> Forts<\/span><\/div>\n            <p>Jaipur, Jodhpur, Udaipur &amp; desert safari experience.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b939,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"package-card\">\n          <div class=\"package-img\" style=\")\">\n            <span class=\"badge\">Island<\/span>\n            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\n          <\/div>\n          <div class=\"package-body\">\n            <h3>Andaman Island Escape<\/h3>\n            <div class=\"package-meta\"><span><i class=\"far fa-clock\"><\/i> 5D \/ 4N<\/span><span><i class=\"fas fa-water\"><\/i> Beaches<\/span><\/div>\n            <p>Cellular Jail, Ross Island, water sports &amp; beach resorts.<\/p>\n            <div class=\"package-footer\">\n              <span class=\"package-price\"><small>from<\/small> \u20b932,999<\/span>\n              <a href=\"pages\/contact.html\" class=\"btn btn-primary\" style=\"padding: 10px 24px;font-size:0.8rem\">Book Now<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHY US -->\n  <section class=\"section\" id=\"why\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Why Choose Us<\/span>\n      <h2 class=\"section-title fade-up\">Why <span>Vamsi Agency<\/span><\/h2>\n      <p class=\"section-sub fade-up\">We are committed to making your travel dreams come true with unmatched service and expertise.<\/p>\n      <div class=\"why-grid fade-up\">\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-tag\"><\/i><\/div>\n          <h3>Best Price Guarantee<\/h3>\n          <p>We ensure you get the best prices on all tour packages with our price match guarantee.<\/p>\n        <\/div>\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n          <h3>24\/7 Travel Support<\/h3>\n          <p>Our dedicated support team is available round the clock to assist you during your travels.<\/p>\n        <\/div>\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n          <h3>Trusted by Thousands<\/h3>\n          <p>With over 10,000 happy travelers, we are one of the most trusted travel agencies.<\/p>\n        <\/div>\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-route\"><\/i><\/div>\n          <h3>Custom Tour Planning<\/h3>\n          <p>Get personalized itineraries tailored to your preferences, budget, and travel style.<\/p>\n        <\/div>\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-passport\"><\/i><\/div>\n          <h3>Easy Visa Assistance<\/h3>\n          <p>We provide hassle-free visa processing and documentation support for all destinations.<\/p>\n        <\/div>\n        <div class=\"why-card\">\n          <div class=\"why-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\n          <h3>Secure Online Booking<\/h3>\n          <p>Book with confidence with our encrypted payment gateway and secure booking system.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- GALLERY -->\n  <section class=\"section\" id=\"gallery\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Travel Gallery<\/span>\n      <h2 class=\"section-title fade-up\">Beautiful <span>Moments<\/span><\/h2>\n      <p class=\"section-sub fade-up\">A glimpse into the amazing experiences and memories created by our travelers.<\/p>\n      <div class=\"gallery-grid fade-up\">\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?w=800&amp;q=80\" alt=\"Beach\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-umbrella-beach\"><\/i> Beach Paradise<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?w=600&amp;q=80\" alt=\"Mountains\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-mountain\"><\/i> Mountain Escape<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?w=600&amp;q=80\" alt=\"Resort\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-hotel\"><\/i> Luxury Resorts<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488085061387-422e29b40080?w=800&amp;q=80\" alt=\"Landmarks\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-landmark\"><\/i> Global Landmarks<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551632811-561732d1e306?w=600&amp;q=80\" alt=\"Adventure\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-hiking\"><\/i> Adventure Sports<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529333166437-7750a6dd5a70?w=600&amp;q=80\" alt=\"Family\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-users\"><\/i> Family Vacations<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516589178581-6cd7833ae3b2?w=800&amp;q=80\" alt=\"Honeymoon\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-heart\"><\/i> Honeymoon Trips<\/span><\/div><\/div>\n        <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?w=600&amp;q=80\" alt=\"City\" loading=\"lazy\"><div class=\"overlay\"><span><i class=\"fas fa-city\"><\/i> City Tours<\/span><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- REVIEWS -->\n  <section class=\"section\" id=\"reviews\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Testimonials<\/span>\n      <h2 class=\"section-title fade-up\">What Our <span>Travelers Say<\/span><\/h2>\n      <p class=\"section-sub fade-up\">Real reviews from real travelers who explored the world with Vamsi Agency.<\/p>\n      <div class=\"reviews-slider fade-up\">\n        <div class=\"reviews-track\" id=\"reviewsTrack\">\n          <div class=\"review-card\">\n            <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n            <p>\"Excellent service from Vamsi Agency. Our Thailand trip was perfectly organized. Every detail was taken care of, from flights to accommodations. Highly recommended!\"<\/p>\n            <div class=\"review-author\">\n              <div class=\"avatar\">R<\/div>\n              <div><h4>Rahul Sharma<\/h4><span>Thailand Explorer<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n            <p>\"Very affordable packages and great support throughout our journey. The team was always available to help. Our Bali trip was absolutely amazing!\"<\/p>\n            <div class=\"review-author\">\n              <div class=\"avatar\">P<\/div>\n              <div><h4>Priya Patel<\/h4><span>Bali Paradise<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n            <p>\"Our Kashmir trip was unforgettable. Highly recommended. The shikara ride on Dal Lake and the snow-capped mountains were breathtaking. Thank you Vamsi Agency!\"<\/p>\n            <div class=\"review-author\">\n              <div class=\"avatar\">A<\/div>\n              <div><h4>Arun Kumar<\/h4><span>Kashmir Paradise<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n            <p>\"The Singapore package exceeded our expectations. Universal Studios was amazing and the city tour was well organized. Will book again!\"<\/p>\n            <div class=\"review-author\">\n              <div class=\"avatar\">S<\/div>\n              <div><h4>Sneha Gupta<\/h4><span>Singapore Delight<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n            <p>\"Professional team and smooth booking process. Our Dubai trip was luxurious and well-planned. The desert safari was the highlight of our journey.\"<\/p>\n            <div class=\"review-author\">\n              <div class=\"avatar\">V<\/div>\n              <div><h4>Vikram Singh<\/h4><span>Dubai Luxury Tour<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"review-nav\">\n          <button id=\"reviewPrev\" aria-label=\"Previous\"><i class=\"fas fa-arrow-left\"><\/i><\/button>\n          <button id=\"reviewNext\" aria-label=\"Next\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ABOUT -->\n  <section class=\"section\" id=\"about\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">About Us<\/span>\n      <h2 class=\"section-title fade-up\">Our <span>Story<\/span><\/h2>\n      <div class=\"about-content fade-up\">\n        <div class=\"about-text\">\n          <p>Vamsi Agency is a trusted travel company dedicated to creating unforgettable travel experiences. We specialize in domestic and international tour packages, customized vacations, honeymoon trips, family tours, and corporate travel solutions.<\/p>\n          <p>Founded with a vision to make luxury travel accessible to everyone, we have served over 10,000 happy travelers across 50+ countries. Our team of experienced travel professionals works tirelessly to craft the perfect itinerary for every customer.<\/p>\n          <p>From the serene backwaters of Kerala to the majestic Swiss Alps, from the vibrant streets of Bangkok to the pristine beaches of Maldives \u2014 we bring the world to your doorstep.<\/p>\n          <div style=\"display:flex;gap:30px;margin-top:24px;flex-wrap:wrap\">\n            <div><span style=\"font-family:var(--font-heading);font-size:1.8rem;color:var(--gold);font-weight:700\">12+<\/span><br><span style=\"font-size:0.85rem\">Years Experience<\/span><\/div>\n            <div><span style=\"font-family:var(--font-heading);font-size:1.8rem;color:var(--gold);font-weight:700\">50+<\/span><br><span style=\"font-size:0.85rem\">Countries Covered<\/span><\/div>\n            <div><span style=\"font-family:var(--font-heading);font-size:1.8rem;color:var(--gold);font-weight:700\">10K+<\/span><br><span style=\"font-size:0.85rem\">Happy Travelers<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"about-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488646953014-85cb44e25828?w=800&amp;q=80\" alt=\"Travel\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"section\" id=\"contact\">\n    <div class=\"container\">\n      <span class=\"section-label fade-up\">Get In Touch<\/span>\n      <h2 class=\"section-title fade-up\">Plan Your <span>Journey<\/span><\/h2>\n      <p class=\"section-sub fade-up\">Ready to explore the world? Fill out the form and our travel experts will get back to you within 24 hours.<\/p>\n      <div class=\"contact-grid fade-up\">\n        <div class=\"contact-form\">\n          \n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label>Full Name<\/label>\n                \n              <\/div>\n              <div class=\"form-group\">\n                <label>Email Address<\/label>\n                \n              <\/div>\n            <\/div>\n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label>Phone Number<\/label>\n                \n              <\/div>\n              <div class=\"form-group\">\n                <label>Destination<\/label>\n                \n                  Select destination\n                  Thailand\n                  Singapore\n                  Malaysia\n                  China\n                  Dubai\n                  Bali\n                  Switzerland\n                  Maldives\n                  Kerala\n                  Jammu &amp; Kashmir\n                  Goa\n                  Himachal Pradesh\n                  Rajasthan\n                  Andaman\n                \n              <\/div>\n            <\/div>\n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label>Travel Date<\/label>\n                \n              <\/div>\n              <div class=\"form-group\">\n                <label>Number of Travelers<\/label>\n                \n                  1\n                  2\n                  3\n                  4\n                  5+\n                \n              <\/div>\n            <\/div>\n            <div class=\"form-group\">\n              <label>Message<\/label>\n              <textarea><\/textarea>\n            <\/div>\n            <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;justify-content:center\"><i class=\"fas fa-paper-plane\"><\/i> Send Inquiry<\/button>\n          \n        <\/div>\n        <div class=\"contact-info\">\n          <div class=\"contact-info-item\">\n            <div class=\"icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n            <div>\n              <h4>Visit Us<\/h4>\n              <p>123, Travel Street, Vijayawada, Andhra Pradesh, India<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-info-item\">\n            <div class=\"icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n            <div>\n              <h4>Call Us<\/h4>\n              <p>+91 98765 43210<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-info-item\">\n            <div class=\"icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n            <div>\n              <h4>Email Us<\/h4>\n              <p>info@vamsiagency.com<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-info-item\">\n            <div class=\"icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n            <div>\n              <h4>Working Hours<\/h4>\n              <p>Mon - Sat: 9:00 AM - 8:00 PM<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-btns\">\n            <a href=\"https:\/\/wa.me\/919876543210\" target=\"_blank\" class=\"btn btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\n            <a href=\"tel:+919876543210\" class=\"btn btn-phone\"><i class=\"fas fa-phone-alt\"><\/i> Call Now<\/a>\n            <a href=\"#\" class=\"btn btn-outline\" id=\"liveChatBtn\"><i class=\"fas fa-comment-dots\"><\/i> Live Chat<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer>\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <h3><img decoding=\"async\" src=\"logo.png\" alt=\"Vamsi Agency\" style=\"width:30px;height:30px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px\"> Vamsi Agency<\/h3>\n          <p>Your trusted travel partner for unforgettable journeys. We specialize in domestic and international tour packages with affordable luxury experiences.<\/p>\n          <div class=\"footer-social\">\n            <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n            <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n            <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n            <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"footer-col\">\n          <h4>Quick Links<\/h4>\n          <ul>\n            <li><a href=\"index.html\">Home<\/a><\/li>\n            <li><a href=\"pages\/international.html\">International Packages<\/a><\/li>\n            <li><a href=\"pages\/india-tours.html\">India Tours<\/a><\/li>\n            <li><a href=\"pages\/gallery.html\">Gallery<\/a><\/li>\n            <li><a href=\"pages\/reviews.html\">Reviews<\/a><\/li>\n            <li><a href=\"pages\/contact.html\">Contact<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h4>Popular Destinations<\/h4>\n          <ul>\n            <li><a href=\"pages\/international.html\">Thailand<\/a><\/li>\n            <li><a href=\"pages\/international.html\">Dubai<\/a><\/li>\n            <li><a href=\"pages\/international.html\">Switzerland<\/a><\/li>\n            <li><a href=\"pages\/international.html\">Bali<\/a><\/li>\n            <li><a href=\"pages\/india-tours.html\">Kerala<\/a><\/li>\n            <li><a href=\"pages\/india-tours.html\">Kashmir<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h4>Newsletter<\/h4>\n          <div class=\"footer-newsletter\">\n            <p>Subscribe to get exclusive travel deals, tips, and offers directly in your inbox.<\/p>\n            <div class=\"newsletter-form\">\n              \n              <button aria-label=\"Subscribe\"><i class=\"fas fa-arrow-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <span>&copy; 2026 Vamsi Agency. All rights reserved.<\/span>\n        <span>Designed with <i class=\"fas fa-heart\" style=\"color:var(--secondary)\"><\/i> for travelers<\/span>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- BACK TO TOP -->\n  <button class=\"back-top\" id=\"backTop\" aria-label=\"Back to top\"><i class=\"fas fa-chevron-up\"><\/i><\/button>\n\n  <!-- CHATBOT -->\n  <div class=\"chatbot-window\" id=\"chatbotWindow\">\n    <div class=\"chatbot-header\">\n      <h4><i class=\"fas fa-robot\"><\/i> Vamsi Assistant<\/h4>\n      <button class=\"chatbot-close\" id=\"chatbotClose\" aria-label=\"Close\"><i class=\"fas fa-times\"><\/i><\/button>\n    <\/div>\n    <div class=\"chatbot-messages\" id=\"chatbotMessages\">\n      <div class=\"msg bot\">\ud83d\udc4b Hi! Welcome to Vamsi Agency! I'm your travel assistant. How can I help you today? You can ask about packages, destinations, or booking!<\/div>\n    <\/div>\n    <div class=\"chatbot-input\">\n      \n      <button id=\"chatbotSend\" aria-label=\"Send\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\n    <\/div>\n  <\/div>\n  <button class=\"chatbot-toggle\" id=\"chatbotToggle\" aria-label=\"Chat\">\n    <i class=\"fas fa-comment-dots\"><\/i>\n  <\/button>\n\n  \n    \/\/ ===== LOADER =====\n    window.addEventListener('load', () =&gt; {\n      document.getElementById('loader').classList.add('hidden');\n    });\n\n    \/\/ ===== NAV =====\n    const navbar = document.getElementById('navbar');\n    const navToggle = document.getElementById('navToggle');\n    const mobileMenu = document.getElementById('mobileMenu');\n    const mobileOverlay = document.getElementById('mobileOverlay');\n\n    window.addEventListener('scroll', () =&gt; {\n      navbar.classList.toggle('scrolled', window.scrollY &gt; 60);\n    });\n\n    navToggle.addEventListener('click', () =&gt; {\n      mobileMenu.classList.toggle('active');\n      mobileOverlay.classList.toggle('active');\n    });\n\n    mobileOverlay.addEventListener('click', () =&gt; {\n      mobileMenu.classList.remove('active');\n      mobileOverlay.classList.remove('active');\n    });\n\n    document.querySelectorAll('.mobile-menu a').forEach(a =&gt; {\n      a.addEventListener('click', () =&gt; {\n        mobileMenu.classList.remove('active');\n        mobileOverlay.classList.remove('active');\n      });\n    });\n\n    \/\/ ===== HERO SLIDER =====\n    const slides = document.querySelectorAll('.hero-slide');\n    const indicatorsContainer = document.getElementById('heroIndicators');\n    let currentSlide = 0;\n    let slideInterval;\n\n    slides.forEach((_, i) =&gt; {\n      const dot = document.createElement('span');\n      if (i === 0) dot.classList.add('active');\n      dot.addEventListener('click', () =&gt; goToSlide(i));\n      indicatorsContainer.appendChild(dot);\n    });\n\n    function goToSlide(index) {\n      slides.forEach(s =&gt; s.classList.remove('active'));\n      document.querySelectorAll('.hero-indicators span').forEach(d =&gt; d.classList.remove('active'));\n      slides[index].classList.add('active');\n      document.querySelectorAll('.hero-indicators span')[index].classList.add('active');\n      currentSlide = index;\n    }\n\n    function nextSlide() {\n      goToSlide((currentSlide + 1) % slides.length);\n    }\n\n    slideInterval = setInterval(nextSlide, 5000);\n\n    \/\/ Pause on hover\n    document.querySelector('.hero').addEventListener('mouseenter', () =&gt; clearInterval(slideInterval));\n    document.querySelector('.hero').addEventListener('mouseleave', () =&gt; {\n      slideInterval = setInterval(nextSlide, 5000);\n    });\n\n    \/\/ ===== STATS COUNTER =====\n    function animateCounter(element) {\n      const target = parseInt(element.getAttribute('data-target'));\n      const suffix = target === 49 ? '.9' : '';\n      const duration = 2000;\n      const steps = 60;\n      const increment = target \/ steps;\n      let current = 0;\n      const timer = setInterval(() =&gt; {\n        current += increment;\n        if (current &gt;= target) {\n          element.textContent = target + (suffix ? '.' + (element.getAttribute('data-target') === '49' ? '9' : '') : '+');\n          clearInterval(timer);\n        } else {\n          element.textContent = Math.floor(current) + '+';\n        }\n      }, duration \/ steps);\n    }\n\n    \/\/ ===== INTERSECTION OBSERVER =====\n    const observer = new IntersectionObserver((entries) =&gt; {\n      entries.forEach(entry =&gt; {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          \/\/ Stats animation\n          if (entry.target.id === 'stats') {\n            document.querySelectorAll('.stat-number').forEach(el =&gt; {\n              if (!el.dataset.animated) {\n                el.dataset.animated = 'true';\n                animateCounter(el);\n              }\n            });\n          }\n        }\n      });\n    }, { threshold: 0.15 });\n\n    document.querySelectorAll('.fade-up').forEach(el =&gt; observer.observe(el));\n\n    \/\/ ===== REVIEWS SLIDER =====\n    const track = document.getElementById('reviewsTrack');\n    const prevBtn = document.getElementById('reviewPrev');\n    const nextBtn = document.getElementById('reviewNext');\n    let reviewIndex = 0;\n\n    function updateReviews() {\n      const cards = track.querySelectorAll('.review-card');\n      const cardWidth = cards[0]?.offsetWidth || 0;\n      const gap = 28;\n      const visible = window.innerWidth &gt; 900 ? 3 : window.innerWidth &gt; 600 ? 2 : 1;\n      const maxIndex = cards.length - visible;\n      reviewIndex = Math.max(0, Math.min(reviewIndex, maxIndex));\n      track.style.transform = `translateX(-${reviewIndex * (cardWidth + gap)}px)`;\n    }\n\n    prevBtn.addEventListener('click', () =&gt; { reviewIndex--; updateReviews(); });\n    nextBtn.addEventListener('click', () =&gt; { reviewIndex++; updateReviews(); });\n    window.addEventListener('resize', updateReviews);\n\n    \/\/ ===== OFFER COUNTDOWN =====\n    function updateCountdown() {\n      const end = new Date('2026-06-30T23:59:59').getTime();\n      const now = new Date().getTime();\n      const diff = end - now;\n\n      if (diff  {\n      backTop.classList.toggle('visible', window.scrollY &gt; 500);\n    });\n    backTop.addEventListener('click', () =&gt; window.scrollTo({ top: 0, behavior: 'smooth' }));\n\n    \/\/ ===== CHATBOT =====\n    const chatbotToggle = document.getElementById('chatbotToggle');\n    const chatbotWindow = document.getElementById('chatbotWindow');\n    const chatbotClose = document.getElementById('chatbotClose');\n    const chatbotInput = document.getElementById('chatbotInput');\n    const chatbotSend = document.getElementById('chatbotSend');\n    const chatbotMessages = document.getElementById('chatbotMessages');\n\n    const botResponses = {\n      'hello': 'Hello! Welcome to Vamsi Agency! How can I assist you with your travel plans today?',\n      'hi': 'Hi there! Looking for a dream vacation? I can help you find the perfect package!',\n      'package': 'We have amazing packages! \ud83c\udf0d International: Thailand (\u20b939,999), Dubai (\u20b954,999), Switzerland (\u20b91,99,999). India: Kerala (\u20b924,999), Kashmir (\u20b934,999), Goa (\u20b918,999). Which one interests you?',\n      'thailand': 'Thailand Explorer - 5D\/4N starting at \u20b939,999! \ud83c\uddf9\ud83c\udded Includes flights, hotels, sightseeing &amp; meals. Want to book?',\n      'dubai': 'Dubai Luxury Tour - 5D\/4N starting at \u20b954,999! \ud83c\udde6\ud83c\uddea Desert Safari, Burj Khalifa &amp; more. Interested?',\n      'switzerland': 'Switzerland Premium - 8D\/7N starting at \u20b91,99,999! \ud83c\udde8\ud83c\udded Swiss Alps, scenic trains &amp; luxury stays!',\n      'kerala': 'Kerala Backwaters - 5D\/4N starting at \u20b924,999! Houseboat cruises, tea gardens &amp; beaches!',\n      'kashmir': 'Jammu &amp; Kashmir Paradise - 6D\/5N starting at \u20b934,999! Shikara rides, snow &amp; Mughal gardens!',\n      'goa': 'Goa Beach Vacation - 4D\/3N starting at \u20b918,999! Sun, sand &amp; nightlife!',\n      'bali': 'Bali Paradise - 6D\/5N starting at \u20b964,999! Beaches, temples &amp; adventure!',\n      'maldives': 'Maldives Honeymoon - 4D\/3N starting at \u20b989,999! Water villa stay &amp; sunset cruises!',\n      'contact': 'You can reach us at \ud83d\udcde +91 98765 43210, \ud83d\udce7 info@vamsiagency.com, or visit our office!',\n      'book': 'To book a package, please fill the inquiry form on our website, or contact us directly at +91 98765 43210!',\n      'price': 'Our packages start from as low as \u20b918,999 for domestic and \u20b939,999 for international! Great value for premium travel!',\n      'visa': 'We provide easy visa assistance for all international destinations. Our team handles the entire process!',\n      'thanks': \"You're welcome! \ud83d\ude0a Feel free to ask if you have any other questions. Happy travels!\",\n      'bye': 'Goodbye! \ud83d\udeeb Thank you for choosing Vamsi Agency. Have a wonderful journey!'\n    };\n\n    function addMessage(text, type) {\n      const msg = document.createElement('div');\n      msg.className = `msg ${type}`;\n      msg.textContent = text;\n      chatbotMessages.appendChild(msg);\n      chatbotMessages.scrollTop = chatbotMessages.scrollHeight;\n    }\n\n    function getBotResponse(input) {\n      const lower = input.toLowerCase();\n      for (const [key, response] of Object.entries(botResponses)) {\n        if (lower.includes(key)) return response;\n      }\n      return \"I'd be happy to help! \ud83c\udf1f You can ask me about packages, destinations, pricing, booking, or anything travel-related. Or call us at +91 98765 43210!\";\n    }\n\n    function handleChat() {\n      const text = chatbotInput.value.trim();\n      if (!text) return;\n      addMessage(text, 'user');\n      chatbotInput.value = '';\n      setTimeout(() =&gt; {\n        addMessage(getBotResponse(text), 'bot');\n      }, 600);\n    }\n\n    chatbotToggle.addEventListener('click', () =&gt; {\n      chatbotWindow.classList.toggle('open');\n      if (chatbotWindow.classList.contains('open')) {\n        chatbotInput.focus();\n        chatbotToggle.style.display = 'none';\n      }\n    });\n\n    chatbotClose.addEventListener('click', () =&gt; {\n      chatbotWindow.classList.remove('open');\n      chatbotToggle.style.display = 'flex';\n    });\n\n    chatbotSend.addEventListener('click', handleChat);\n    chatbotInput.addEventListener('keypress', (e) =&gt; {\n      if (e.key === 'Enter') handleChat();\n    });\n\n    \/\/ Live chat button in contact\n    document.getElementById('liveChatBtn').addEventListener('click', (e) =&gt; {\n      e.preventDefault();\n      chatbotWindow.classList.add('open');\n      chatbotToggle.style.display = 'none';\n      chatbotInput.focus();\n    });\n\n    \/\/ ===== CONTACT FORM =====\n    document.getElementById('contactForm').addEventListener('submit', function(e) {\n      e.preventDefault();\n      const btn = this.querySelector('button[type=\"submit\"]');\n      const original = btn.innerHTML;\n      btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n      btn.disabled = true;\n      setTimeout(() =&gt; {\n        btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Inquiry Sent!';\n        setTimeout(() =&gt; {\n          btn.innerHTML = original;\n          btn.disabled = false;\n          this.reset();\n        }, 2000);\n      }, 1500);\n    });\n\n    \/\/ ===== SMOOTH SCROLL FOR NAV =====\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =&gt; {\n      anchor.addEventListener('click', function(e) {\n        const href = this.getAttribute('href');\n        if (href === '#') return;\n        e.preventDefault();\n        const target = document.querySelector(href);\n        if (target) {\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n\n    \/\/ ===== DESTINATION CHIP SCROLL =====\n    document.querySelectorAll('.dest-chip').forEach(chip =&gt; {\n      chip.addEventListener('click', () =&gt; {\n        chip.style.borderColor = 'var(--gold)';\n        chip.style.background = 'rgba(212,168,83,0.15)';\n        setTimeout(() =&gt; {\n          chip.style.borderColor = '';\n          chip.style.background = '';\n        }, 600);\n      });\n    });\n\n    \/\/ ===== PARALLAX ON HERO =====\n    window.addEventListener('scroll', () =&gt; {\n      const scrolled = window.scrollY;\n      const heroContent = document.querySelector('.hero-content');\n      if (heroContent &amp;&amp; scrolled &lt; window.innerHeight) {\n        heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\n        heroContent.style.opacity = 1 - (scrolled \/ window.innerHeight) * 0.5;\n      }\n    });\n\n    console.log(&#039;%c\u2708\ufe0f Vamsi Agency&#039;, &#039;font-size:24px;font-weight:bold;color:#d4a853;&#039;);\n    console.log(&#039;%cExplore the World with Premium Travel Experiences&#039;, &#039;font-size:14px;color:#f0d68a;&#039;);\n  \n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vamsi Agency &#8211; Explore the World with Premium Travel Experiences :root { &#8211;primary: #1a1a2e; &#8211;secondary: #e94560; &#8211;accent: #16213e; &#8211;gold: #d4a853; &#8211;gold-light: #f0d68a; &#8211;cream: #faf6f0; &#8211;white: #ffffff; &#8211;dark: #0f0f1a; &#8211;glass-bg: rgba(255, 255, 255, 0.08); &#8211;glass-border: rgba(255, 255, 255, 0.18); &#8211;shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); &#8211;shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.4); &#8211;radius: 20px; &#8211;radius-sm: 12px; &#8211;font-heading: &#8216;Playfair Display&#8217;, serif; &#8211;font-body: &#8216;Inter&#8217;, sans-serif; &#8211;transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; } body { font-family: var(&#8211;font-body); background: var(&#8211;dark); color: var(&#8211;white); overflow-x: hidden; -webkit-font-smoothing: antialiased; } ::selection { background: var(&#8211;secondary); color: var(&#8211;white); } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;dark); } ::-webkit-scrollbar-thumb { background: var(&#8211;gold); border-radius: 4px; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; color: inherit; } .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .section { padding: 120px 0; position: relative; } .section-label { font-family: var(&#8211;font-body); font-size: 0.8rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(&#8211;gold); margin-bottom: 12px; display: block; } .section-title { font-family: var(&#8211;font-heading); font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.15; margin-bottom: 20px; } .section-title span { color: var(&#8211;gold); } .section-sub { font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); max-width: 600px; line-height: 1.7; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 36px; border-radius: 50px; font-family: var(&#8211;font-body); font-size: 0.95rem; font-weight: 600; border: none; cursor: pointer; transition: var(&#8211;transition); position: relative; overflow: hidden; } .btn-primary { background: linear-gradient(135deg, var(&#8211;gold), var(&#8211;gold-light)); color: var(&#8211;dark); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(212, 168, 83, 0.4); } .btn-outline { background: transparent; color: var(&#8211;white); border: 2px solid rgba(255, 255, 255, 0.3); } .btn-outline:hover { border-color: var(&#8211;gold); color: var(&#8211;gold); transform: translateY(-3px); } .btn-whatsapp { background: #25D366; color: white; } .btn-whatsapp:hover { background: #1da851; transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(37, 211, 102, 0.4); } .btn-phone { background: var(&#8211;secondary); color: white; } .btn-phone:hover { background: #d63850; transform: translateY(-3px); } .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } \/* ===== NAVIGATION ===== *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; transition: var(&#8211;transition); } nav.scrolled { background: rgba(15, 15, 26, 0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 14px 40px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); } .nav-logo { font-family: var(&#8211;font-heading); font-size: 1.6rem; font-weight: 700; color: var(&#8211;gold); display: flex; align-items: center; gap: 10px; } .nav-logo i { font-size: 1.3rem; } .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; } .nav-links a { font-size: 0.85rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); position: relative; } .nav-links a::after { content: &#8221;; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(&#8211;gold); transition: var(&#8211;transition); } .nav-links a:hover::after { width: 100%; } .nav-links a:hover { color: var(&#8211;gold); } .nav-toggle { display: none; background: none; border: none; color: var(&#8211;white); font-size: 1.5rem; cursor: pointer; } .mobile-menu { display: none; position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: rgba(15, 15, 26, 0.98); backdrop-filter: blur(20px); padding: 100px 40px 40px; transition: var(&#8211;transition); z-index: 999; list-style: none; } .mobile-menu.active { right: 0; } .mobile-menu li { margin-bottom: 24px; } .mobile-menu a { font-size: 1.1rem; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); } .mobile-menu a:hover { color: var(&#8211;gold); } .mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 998; } .mobile-overlay.active { display: block; } \/* ===== HERO ===== *\/ .hero { position: relative; height: 100vh; min-height: 700px; display: flex; align-items: center; overflow: hidden; } .hero-slider { position: absolute; inset: 0; } .hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.5s ease; background-size: cover; background-position: center; } .hero-slide.active { opacity: 1; } .hero-slide::after { content: &#8221;; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(15, 15, 26, 0.85) 0%, rgba(15, 15, 26, 0.4) 50%, rgba(15, 15, 26, 0.2) 100% ); } .hero-content { position: relative; z-index: 2; max-width: 750px; padding: 0 40px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); padding: 8px 20px; border-radius: 50px; font-size: 0.8rem; color: var(&#8211;gold-light); margin-bottom: 24px; } .hero h1 { font-family: var(&#8211;font-heading); font-size: clamp(2.8rem, 7vw, 5rem); font-weight: 700; line-height: 1.08; margin-bottom: 20px; } .hero h1 span { color: var(&#8211;gold); } .hero p { font-size: clamp(1rem, 2vw, 1.2rem); color: rgba(255, 255, 255, 0.8); line-height: 1.7; margin-bottom: 36px; max-width: 560px; } .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; } .hero-indicators { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 3; } .hero-indicators span { width: 40px; height: 3px; background: rgba(255, 255, 255, 0.3); border-radius: 2px; cursor: pointer; transition: var(&#8211;transition); } .hero-indicators span.active { background: var(&#8211;gold); width: 60px; } .hero-scroll { position: absolute; bottom: 80px; right: 40px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255, 255, 255, 0.5); font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; writing-mode: vertical-lr; } .hero-scroll .mouse { width: 20px; height: 32px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 10px; position: relative; } .hero-scroll .mouse::after { content: &#8221;; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 3px; height: 8px; background: var(&#8211;gold); border-radius: 2px; animation: scrollWheel 2s infinite; } @keyframes scrollWheel { 0% { opacity: 1; transform: translateX(-50%) translateY(0); } 100% { opacity: 0; transform: translateX(-50%) translateY(10px); } } \/* ===== STATS ===== *\/ .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: -60px; position: relative; z-index: 5; padding: 0 24px; max-width: 1100px; margin-left: auto; margin-right: auto; } .stat-card { background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius); padding: 32px 24px; text-align: center; transition: var(&#8211;transition); } .stat-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.1); } .stat-number { font-family: var(&#8211;font-heading); font-size: 2.4rem; font-weight: 700; color: var(&#8211;gold); margin-bottom: 6px; } .stat-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } \/* ===== PACKAGES ===== *\/ .packages-grid { display: grid;<\/p>\n","protected":false},"author":62,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1088","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra\" \/>\n<meta property=\"og:description\" content=\"Vamsi Agency &#8211; Explore the World with Premium Travel Experiences :root { &#8211;primary: #1a1a2e; &#8211;secondary: #e94560; &#8211;accent: #16213e; &#8211;gold: #d4a853; &#8211;gold-light: #f0d68a; &#8211;cream: #faf6f0; &#8211;white: #ffffff; &#8211;dark: #0f0f1a; &#8211;glass-bg: rgba(255, 255, 255, 0.08); &#8211;glass-border: rgba(255, 255, 255, 0.18); &#8211;shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); &#8211;shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.4); &#8211;radius: 20px; &#8211;radius-sm: 12px; &#8211;font-heading: &#8216;Playfair Display&#8217;, serif; &#8211;font-body: &#8216;Inter&#8217;, sans-serif; &#8211;transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; } body { font-family: var(&#8211;font-body); background: var(&#8211;dark); color: var(&#8211;white); overflow-x: hidden; -webkit-font-smoothing: antialiased; } ::selection { background: var(&#8211;secondary); color: var(&#8211;white); } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;dark); } ::-webkit-scrollbar-thumb { background: var(&#8211;gold); border-radius: 4px; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; color: inherit; } .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .section { padding: 120px 0; position: relative; } .section-label { font-family: var(&#8211;font-body); font-size: 0.8rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(&#8211;gold); margin-bottom: 12px; display: block; } .section-title { font-family: var(&#8211;font-heading); font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.15; margin-bottom: 20px; } .section-title span { color: var(&#8211;gold); } .section-sub { font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); max-width: 600px; line-height: 1.7; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 36px; border-radius: 50px; font-family: var(&#8211;font-body); font-size: 0.95rem; font-weight: 600; border: none; cursor: pointer; transition: var(&#8211;transition); position: relative; overflow: hidden; } .btn-primary { background: linear-gradient(135deg, var(&#8211;gold), var(&#8211;gold-light)); color: var(&#8211;dark); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(212, 168, 83, 0.4); } .btn-outline { background: transparent; color: var(&#8211;white); border: 2px solid rgba(255, 255, 255, 0.3); } .btn-outline:hover { border-color: var(&#8211;gold); color: var(&#8211;gold); transform: translateY(-3px); } .btn-whatsapp { background: #25D366; color: white; } .btn-whatsapp:hover { background: #1da851; transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(37, 211, 102, 0.4); } .btn-phone { background: var(&#8211;secondary); color: white; } .btn-phone:hover { background: #d63850; transform: translateY(-3px); } .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } \/* ===== NAVIGATION ===== *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; transition: var(&#8211;transition); } nav.scrolled { background: rgba(15, 15, 26, 0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 14px 40px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); } .nav-logo { font-family: var(&#8211;font-heading); font-size: 1.6rem; font-weight: 700; color: var(&#8211;gold); display: flex; align-items: center; gap: 10px; } .nav-logo i { font-size: 1.3rem; } .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; } .nav-links a { font-size: 0.85rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); position: relative; } .nav-links a::after { content: &#8221;; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(&#8211;gold); transition: var(&#8211;transition); } .nav-links a:hover::after { width: 100%; } .nav-links a:hover { color: var(&#8211;gold); } .nav-toggle { display: none; background: none; border: none; color: var(&#8211;white); font-size: 1.5rem; cursor: pointer; } .mobile-menu { display: none; position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: rgba(15, 15, 26, 0.98); backdrop-filter: blur(20px); padding: 100px 40px 40px; transition: var(&#8211;transition); z-index: 999; list-style: none; } .mobile-menu.active { right: 0; } .mobile-menu li { margin-bottom: 24px; } .mobile-menu a { font-size: 1.1rem; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); } .mobile-menu a:hover { color: var(&#8211;gold); } .mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 998; } .mobile-overlay.active { display: block; } \/* ===== HERO ===== *\/ .hero { position: relative; height: 100vh; min-height: 700px; display: flex; align-items: center; overflow: hidden; } .hero-slider { position: absolute; inset: 0; } .hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.5s ease; background-size: cover; background-position: center; } .hero-slide.active { opacity: 1; } .hero-slide::after { content: &#8221;; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(15, 15, 26, 0.85) 0%, rgba(15, 15, 26, 0.4) 50%, rgba(15, 15, 26, 0.2) 100% ); } .hero-content { position: relative; z-index: 2; max-width: 750px; padding: 0 40px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); padding: 8px 20px; border-radius: 50px; font-size: 0.8rem; color: var(&#8211;gold-light); margin-bottom: 24px; } .hero h1 { font-family: var(&#8211;font-heading); font-size: clamp(2.8rem, 7vw, 5rem); font-weight: 700; line-height: 1.08; margin-bottom: 20px; } .hero h1 span { color: var(&#8211;gold); } .hero p { font-size: clamp(1rem, 2vw, 1.2rem); color: rgba(255, 255, 255, 0.8); line-height: 1.7; margin-bottom: 36px; max-width: 560px; } .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; } .hero-indicators { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 3; } .hero-indicators span { width: 40px; height: 3px; background: rgba(255, 255, 255, 0.3); border-radius: 2px; cursor: pointer; transition: var(&#8211;transition); } .hero-indicators span.active { background: var(&#8211;gold); width: 60px; } .hero-scroll { position: absolute; bottom: 80px; right: 40px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255, 255, 255, 0.5); font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; writing-mode: vertical-lr; } .hero-scroll .mouse { width: 20px; height: 32px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 10px; position: relative; } .hero-scroll .mouse::after { content: &#8221;; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 3px; height: 8px; background: var(&#8211;gold); border-radius: 2px; animation: scrollWheel 2s infinite; } @keyframes scrollWheel { 0% { opacity: 1; transform: translateX(-50%) translateY(0); } 100% { opacity: 0; transform: translateX(-50%) translateY(10px); } } \/* ===== STATS ===== *\/ .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: -60px; position: relative; z-index: 5; padding: 0 24px; max-width: 1100px; margin-left: auto; margin-right: auto; } .stat-card { background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius); padding: 32px 24px; text-align: center; transition: var(&#8211;transition); } .stat-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.1); } .stat-number { font-family: var(&#8211;font-heading); font-size: 2.4rem; font-weight: 700; color: var(&#8211;gold); margin-bottom: 6px; } .stat-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } \/* ===== PACKAGES ===== *\/ .packages-grid { display: grid;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/\" \/>\n<meta property=\"og:site_name\" content=\"FLM DM Course 19th Batcham-koneti raghavendra\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-17T07:04:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-17T07:13:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\" \/>\n<meta name=\"author\" content=\"konetiraghavendra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"konetiraghavendra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/\"},\"author\":{\"name\":\"konetiraghavendra\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#\\\/schema\\\/person\\\/54460d0748f32cd1988b8b950d65ca2e\"},\"headline\":\"Elementor #1088\",\"datePublished\":\"2026-06-17T07:04:17+00:00\",\"dateModified\":\"2026-06-17T07:13:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/\"},\"wordCount\":4456,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/\",\"url\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/\",\"name\":\"Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\",\"datePublished\":\"2026-06-17T07:04:17+00:00\",\"dateModified\":\"2026-06-17T07:13:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#\\\/schema\\\/person\\\/54460d0748f32cd1988b8b950d65ca2e\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/2026\\\/06\\\/17\\\/elementor-1088\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #1088\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#website\",\"url\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/\",\"name\":\"FLM DM Course 19th Batcham-koneti raghavendra\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#\\\/schema\\\/person\\\/54460d0748f32cd1988b8b950d65ca2e\",\"name\":\"konetiraghavendra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g\",\"caption\":\"konetiraghavendra\"},\"url\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/author\\\/konetiraghavendra\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra","og_description":"Vamsi Agency &#8211; Explore the World with Premium Travel Experiences :root { &#8211;primary: #1a1a2e; &#8211;secondary: #e94560; &#8211;accent: #16213e; &#8211;gold: #d4a853; &#8211;gold-light: #f0d68a; &#8211;cream: #faf6f0; &#8211;white: #ffffff; &#8211;dark: #0f0f1a; &#8211;glass-bg: rgba(255, 255, 255, 0.08); &#8211;glass-border: rgba(255, 255, 255, 0.18); &#8211;shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); &#8211;shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.4); &#8211;radius: 20px; &#8211;radius-sm: 12px; &#8211;font-heading: &#8216;Playfair Display&#8217;, serif; &#8211;font-body: &#8216;Inter&#8217;, sans-serif; &#8211;transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; } body { font-family: var(&#8211;font-body); background: var(&#8211;dark); color: var(&#8211;white); overflow-x: hidden; -webkit-font-smoothing: antialiased; } ::selection { background: var(&#8211;secondary); color: var(&#8211;white); } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;dark); } ::-webkit-scrollbar-thumb { background: var(&#8211;gold); border-radius: 4px; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; color: inherit; } .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .section { padding: 120px 0; position: relative; } .section-label { font-family: var(&#8211;font-body); font-size: 0.8rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(&#8211;gold); margin-bottom: 12px; display: block; } .section-title { font-family: var(&#8211;font-heading); font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.15; margin-bottom: 20px; } .section-title span { color: var(&#8211;gold); } .section-sub { font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); max-width: 600px; line-height: 1.7; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 36px; border-radius: 50px; font-family: var(&#8211;font-body); font-size: 0.95rem; font-weight: 600; border: none; cursor: pointer; transition: var(&#8211;transition); position: relative; overflow: hidden; } .btn-primary { background: linear-gradient(135deg, var(&#8211;gold), var(&#8211;gold-light)); color: var(&#8211;dark); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(212, 168, 83, 0.4); } .btn-outline { background: transparent; color: var(&#8211;white); border: 2px solid rgba(255, 255, 255, 0.3); } .btn-outline:hover { border-color: var(&#8211;gold); color: var(&#8211;gold); transform: translateY(-3px); } .btn-whatsapp { background: #25D366; color: white; } .btn-whatsapp:hover { background: #1da851; transform: translateY(-3px); box-shadow: 0 20px 40px -10px rgba(37, 211, 102, 0.4); } .btn-phone { background: var(&#8211;secondary); color: white; } .btn-phone:hover { background: #d63850; transform: translateY(-3px); } .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } \/* ===== NAVIGATION ===== *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; transition: var(&#8211;transition); } nav.scrolled { background: rgba(15, 15, 26, 0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 14px 40px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); } .nav-logo { font-family: var(&#8211;font-heading); font-size: 1.6rem; font-weight: 700; color: var(&#8211;gold); display: flex; align-items: center; gap: 10px; } .nav-logo i { font-size: 1.3rem; } .nav-links { display: flex; align-items: center; gap: 32px; list-style: none; } .nav-links a { font-size: 0.85rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); position: relative; } .nav-links a::after { content: &#8221;; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(&#8211;gold); transition: var(&#8211;transition); } .nav-links a:hover::after { width: 100%; } .nav-links a:hover { color: var(&#8211;gold); } .nav-toggle { display: none; background: none; border: none; color: var(&#8211;white); font-size: 1.5rem; cursor: pointer; } .mobile-menu { display: none; position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: rgba(15, 15, 26, 0.98); backdrop-filter: blur(20px); padding: 100px 40px 40px; transition: var(&#8211;transition); z-index: 999; list-style: none; } .mobile-menu.active { right: 0; } .mobile-menu li { margin-bottom: 24px; } .mobile-menu a { font-size: 1.1rem; color: rgba(255, 255, 255, 0.8); transition: var(&#8211;transition); } .mobile-menu a:hover { color: var(&#8211;gold); } .mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 998; } .mobile-overlay.active { display: block; } \/* ===== HERO ===== *\/ .hero { position: relative; height: 100vh; min-height: 700px; display: flex; align-items: center; overflow: hidden; } .hero-slider { position: absolute; inset: 0; } .hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.5s ease; background-size: cover; background-position: center; } .hero-slide.active { opacity: 1; } .hero-slide::after { content: &#8221;; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(15, 15, 26, 0.85) 0%, rgba(15, 15, 26, 0.4) 50%, rgba(15, 15, 26, 0.2) 100% ); } .hero-content { position: relative; z-index: 2; max-width: 750px; padding: 0 40px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.15); padding: 8px 20px; border-radius: 50px; font-size: 0.8rem; color: var(&#8211;gold-light); margin-bottom: 24px; } .hero h1 { font-family: var(&#8211;font-heading); font-size: clamp(2.8rem, 7vw, 5rem); font-weight: 700; line-height: 1.08; margin-bottom: 20px; } .hero h1 span { color: var(&#8211;gold); } .hero p { font-size: clamp(1rem, 2vw, 1.2rem); color: rgba(255, 255, 255, 0.8); line-height: 1.7; margin-bottom: 36px; max-width: 560px; } .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; } .hero-indicators { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 3; } .hero-indicators span { width: 40px; height: 3px; background: rgba(255, 255, 255, 0.3); border-radius: 2px; cursor: pointer; transition: var(&#8211;transition); } .hero-indicators span.active { background: var(&#8211;gold); width: 60px; } .hero-scroll { position: absolute; bottom: 80px; right: 40px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255, 255, 255, 0.5); font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase; writing-mode: vertical-lr; } .hero-scroll .mouse { width: 20px; height: 32px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 10px; position: relative; } .hero-scroll .mouse::after { content: &#8221;; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 3px; height: 8px; background: var(&#8211;gold); border-radius: 2px; animation: scrollWheel 2s infinite; } @keyframes scrollWheel { 0% { opacity: 1; transform: translateX(-50%) translateY(0); } 100% { opacity: 0; transform: translateX(-50%) translateY(10px); } } \/* ===== STATS ===== *\/ .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: -60px; position: relative; z-index: 5; padding: 0 24px; max-width: 1100px; margin-left: auto; margin-right: auto; } .stat-card { background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius); padding: 32px 24px; text-align: center; transition: var(&#8211;transition); } .stat-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.1); } .stat-number { font-family: var(&#8211;font-heading); font-size: 2.4rem; font-weight: 700; color: var(&#8211;gold); margin-bottom: 6px; } .stat-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } \/* ===== PACKAGES ===== *\/ .packages-grid { display: grid;","og_url":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/","og_site_name":"FLM DM Course 19th Batcham-koneti raghavendra","article_published_time":"2026-06-17T07:04:17+00:00","article_modified_time":"2026-06-17T07:13:56+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center","type":"","width":"","height":""}],"author":"konetiraghavendra","twitter_card":"summary_large_image","twitter_misc":{"Written by":"konetiraghavendra","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#article","isPartOf":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/"},"author":{"name":"konetiraghavendra","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#\/schema\/person\/54460d0748f32cd1988b8b950d65ca2e"},"headline":"Elementor #1088","datePublished":"2026-06-17T07:04:17+00:00","dateModified":"2026-06-17T07:13:56+00:00","mainEntityOfPage":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/"},"wordCount":4456,"commentCount":0,"image":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/","url":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/","name":"Elementor #1088 - FLM DM Course 19th Batcham-koneti raghavendra","isPartOf":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#primaryimage"},"image":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center","datePublished":"2026-06-17T07:04:17+00:00","dateModified":"2026-06-17T07:13:56+00:00","author":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#\/schema\/person\/54460d0748f32cd1988b8b950d65ca2e"},"breadcrumb":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center","contentUrl":"https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?w=50&amp;h=50&amp;fit=crop&amp;crop=center"},{"@type":"BreadcrumbList","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/2026\/06\/17\/elementor-1088\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flmdm19.in\/konetiraghavendra\/"},{"@type":"ListItem","position":2,"name":"Elementor #1088"}]},{"@type":"WebSite","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#website","url":"https:\/\/flmdm19.in\/konetiraghavendra\/","name":"FLM DM Course 19th Batcham-koneti raghavendra","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flmdm19.in\/konetiraghavendra\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#\/schema\/person\/54460d0748f32cd1988b8b950d65ca2e","name":"konetiraghavendra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9366fd9451c2fefa9e3ab75c0b957e3e4f6b569206c2b8457a7eec0e5e495c09?s=96&d=mm&r=g","caption":"konetiraghavendra"},"url":"https:\/\/flmdm19.in\/konetiraghavendra\/author\/konetiraghavendra\/"}]}},"_links":{"self":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/posts\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":4,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/posts\/1088\/revisions"}],"predecessor-version":[{"id":1092,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/posts\/1088\/revisions\/1092"}],"wp:attachment":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/media?parent=1088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/categories?post=1088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/tags?post=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}