{"id":1099,"date":"2026-06-23T02:45:29","date_gmt":"2026-06-23T02:45:29","guid":{"rendered":"https:\/\/flmdm19.in\/konetiraghavendra\/?page_id=1099"},"modified":"2026-06-23T02:46:15","modified_gmt":"2026-06-23T02:46:15","slug":"elementor-1099","status":"publish","type":"page","link":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/","title":{"rendered":"Elementor #1099"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1099\" class=\"elementor elementor-1099\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cc0ab9 e-con-full e-flex 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=\"5cc0ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-524963a elementor-widget elementor-widget-html\" data-id=\"524963a\" 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 - Contact Us<\/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    \/* ===== 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    \/* ===== MAP ===== *\/\n    .map-container {\n      margin-top: 50px;\n      border-radius: var(--radius);\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      height: 400px;\n    }\n    .map-container iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n    }\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    \/* ===== 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: 900px) {\n      .contact-grid { grid-template-columns: 1fr; }\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      .hero-content { padding: 0 20px; }\n      .hero-scroll { display: none; }\n      .footer-grid { grid-template-columns: 1fr; }\n      .contact-form { padding: 24px; }\n      .form-row { grid-template-columns: 1fr; }\n      .chatbot-window { width: calc(100% - 40px); right: 20px; bottom: 90px; }\n      .back-top { bottom: 100px; left: 16px; }\n      .map-container { height: 280px; }\n    }\n    @media (max-width: 480px) {\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=\"..\/index.html\" 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>\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\"><i class=\"fas fa-medal\"><\/i> Award-Winning Travel Agency<\/div>\n      <h1>Get In <span>Touch<\/span><\/h1>\n      <p>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=\"hero-btns\">\n        <a href=\"#contactForm\" class=\"btn btn-primary\"><i class=\"fas fa-paper-plane\"><\/i> Send Inquiry<\/a>\n        <a href=\"tel:+919876543210\" class=\"btn btn-outline\"><i class=\"fas fa-phone-alt\"><\/i> Call 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  <!-- 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\n      <!-- MAP -->\n      <div class=\"map-container fade-up\">\n        \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    document.querySelector('.hero').addEventListener('mouseenter', () =&gt; clearInterval(slideInterval));\n    document.querySelector('.hero').addEventListener('mouseleave', () =&gt; {\n      slideInterval = setInterval(nextSlide, 5000);\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        }\n      });\n    }, { threshold: 0.15 });\n\n    document.querySelectorAll('.fade-up').forEach(el =&gt; observer.observe(el));\n\n    \/\/ ===== BACK TO TOP =====\n    const backTop = document.getElementById('backTop');\n    window.addEventListener('scroll', () =&gt; {\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    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    \/\/ ===== 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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vamsi Agency &#8211; Contact Us :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); } } \/* ===== CONTACT ===== *\/ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 50px; } .contact-form { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(&#8211;radius); padding: 40px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 6px; color: rgba(255, 255, 255, 0.7); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius-sm); color: var(&#8211;white); font-family: var(&#8211;font-body); font-size: 0.95rem; transition: var(&#8211;transition); outline: none; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(&#8211;gold); background:<\/p>\n","protected":false},"author":62,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1099","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor #1099 - 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\/elementor-1099\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #1099 - FLM DM Course 19th Batcham-koneti raghavendra\" \/>\n<meta property=\"og:description\" content=\"Vamsi Agency &#8211; Contact Us :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); } } \/* ===== CONTACT ===== *\/ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 50px; } .contact-form { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(&#8211;radius); padding: 40px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 6px; color: rgba(255, 255, 255, 0.7); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius-sm); color: var(&#8211;white); font-family: var(&#8211;font-body); font-size: 0.95rem; transition: var(&#8211;transition); outline: none; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(&#8211;gold); background:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/\" \/>\n<meta property=\"og:site_name\" content=\"FLM DM Course 19th Batcham-koneti raghavendra\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-23T02:46:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/elementor-1099\\\/\",\"url\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/elementor-1099\\\/\",\"name\":\"Elementor #1099 - FLM DM Course 19th Batcham-koneti raghavendra\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/#website\"},\"datePublished\":\"2026-06-23T02:45:29+00:00\",\"dateModified\":\"2026-06-23T02:46:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/elementor-1099\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/elementor-1099\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/elementor-1099\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/flmdm19.in\\\/konetiraghavendra\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #1099\"}]},{\"@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\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #1099 - 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\/elementor-1099\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #1099 - FLM DM Course 19th Batcham-koneti raghavendra","og_description":"Vamsi Agency &#8211; Contact Us :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); } } \/* ===== CONTACT ===== *\/ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 50px; } .contact-form { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(&#8211;radius); padding: 40px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 6px; color: rgba(255, 255, 255, 0.7); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(&#8211;radius-sm); color: var(&#8211;white); font-family: var(&#8211;font-body); font-size: 0.95rem; transition: var(&#8211;transition); outline: none; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(&#8211;gold); background:","og_url":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/","og_site_name":"FLM DM Course 19th Batcham-koneti raghavendra","article_modified_time":"2026-06-23T02:46:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/","url":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/","name":"Elementor #1099 - FLM DM Course 19th Batcham-koneti raghavendra","isPartOf":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/#website"},"datePublished":"2026-06-23T02:45:29+00:00","dateModified":"2026-06-23T02:46:15+00:00","breadcrumb":{"@id":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/flmdm19.in\/konetiraghavendra\/elementor-1099\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flmdm19.in\/konetiraghavendra\/"},{"@type":"ListItem","position":2,"name":"Elementor #1099"}]},{"@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"}]}},"_links":{"self":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/pages\/1099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/types\/page"}],"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=1099"}],"version-history":[{"count":7,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/pages\/1099\/revisions"}],"predecessor-version":[{"id":1106,"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/pages\/1099\/revisions\/1106"}],"wp:attachment":[{"href":"https:\/\/flmdm19.in\/konetiraghavendra\/wp-json\/wp\/v2\/media?parent=1099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}