{"id":88,"date":"2025-09-17T10:29:05","date_gmt":"2025-09-17T10:29:05","guid":{"rendered":"https:\/\/clickonhotels.in\/sevenhills\/?page_id=88"},"modified":"2025-10-21T12:33:35","modified_gmt":"2025-10-21T12:33:35","slug":"contact","status":"publish","type":"page","link":"https:\/\/clickonhotels.in\/sevenhills\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\">\n\t\t\t\t<div class=\"elementor-element elementor-element-029226c e-con-full e-flex e-con e-parent\" data-id=\"029226c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a0a168 elementor-widget elementor-widget-html\" data-id=\"7a0a168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83c\udf3f Clickon Hotels \u2014 Primary Menu (Logo Bigger) -->\r\n<header id=\"clickon-primary\">\r\n  <div class=\"nav-wrap\">\r\n    <!-- Left: Logo -->\r\n    <a class=\"brand\" href=\"https:\/\/clickonhotels.in\/\">\r\n      <img decoding=\"async\" src=\"https:\/\/clickonhotels.in\/sevenhills\/wp-content\/uploads\/2025\/10\/Logo-clickon-17-scaled.png\" alt=\"Clickon Hotels & Resorts\" \/>\r\n    <\/a>\r\n\r\n    <!-- Center: Navigation -->\r\n    <nav id=\"primary-nav\" aria-label=\"Primary\">\r\n      <ul>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/about-us\/\">About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/our-hotels\/\">Our Hotels<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/contact-us\/\">Contact Us<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n\r\n    <!-- Right: Social icons -->\r\n    <div class=\"social\">\r\n      <a href=\"#\" aria-label=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 10h3l.5-4H13V4.5c0-1.1.3-1.8 1.8-1.8H17V0h-2.4C11.8 0 11 2 11 4.4V6H8v4h3v14h4V10z\"\/><\/svg><\/a>\r\n      <a href=\"#\" aria-label=\"Twitter\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M24 4.6a9.9 9.9 0 0 1-2.8.8 4.8 4.8 0 0 0 2.1-2.6 9.7 9.7 0 0 1-3 1.1 4.8 4.8 0 0 0-8.3 4.3A13.6 13.6 0 0 1 1.6 3.1a4.8 4.8 0 0 0 1.5 6.5 4.7 4.7 0 0 1-2.2-.6v.1c0 2.3 1.7 4.3 3.9 4.8a4.9 4.9 0 0 1-2.1.1 4.8 4.8 0 0 0 4.5 3.3A9.7 9.7 0 0 1 0 20.5a13.7 13.7 0 0 0 7.4 2.2c8.9 0 13.7-7.4 13.7-13.7v-.6A9.7 9.7 0 0 0 24 4.6z\"\/><\/svg><\/a>\r\n      <a href=\"#\" aria-label=\"Instagram\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.9.3 2.3.5.6.2 1 .5 1.5 1s.8.9 1 1.5c.2.4.4 1.1.5 2.3.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.9-.5 2.3-.2.6-.5 1-1 1.5s-.9.8-1.5 1c-.4.2-1.1.4-2.3.5-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.9-.3-2.3-.5a4 4 0 0 1-1.5-1 4 4 0 0 1-1-1.5c-.2-.4-.4-1.1-.5-2.3C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.9.5-2.3.2-.6.5-1 1-1.5s.9-.8 1.5-1c.4-.2 1.1-.4 2.3-.5C8.4 2.2 8.8 2.2 12 2.2m0 2.2c-3.1 0-3.5 0-4.7.1-1 .1-1.5.2-1.8.4-.5.2-.8.4-1.1.8-.3.3-.6.6-.8 1.1-.2.3-.3.8-.4 1.8-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c.1 1 .2 1.5.4 1.8.2.5.4.8.8 1.1.3.3.6.6 1.1.8.3.2.8.3 1.8.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1-.1 1.5-.2 1.8-.4.5-.2.8-.4 1.1-.8.3-.3.6-.6.8-1.1.2-.3.3-.8.4-1.8.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c-.1-1-.2-1.5-.4-1.8-.2-.5-.4-.8-.8-1.1-.3-.3-.6-.6-1.1-.8-.3-.2-.8-.3-1.8-.4-1.2-.1-1.6-.1-4.7-.1m0 3.5a6.1 6.1 0 1 1 0 12.2 6.1 6.1 0 0 1 0-12.2m0 2.2a3.9 3.9 0 1 0 0 7.8 3.9 3.9 0 0 0 0-7.8m5.9-2.7a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Mobile Hamburger -->\r\n    <button class=\"menu-toggle\" aria-expanded=\"false\" aria-controls=\"primary-nav\" aria-label=\"Toggle menu\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n  :root{\r\n    --bg:#FFFFFF;\r\n    --green:#004D22;\r\n    --gold:#D4AF37;\r\n  }\r\n  #clickon-primary{\r\n    background:var(--bg);\r\n    border-bottom:1px solid rgba(0,0,0,.06);\r\n    position:relative; z-index:1000;\r\n  }\r\n  #clickon-primary .nav-wrap{\r\n    max-width:1200px; margin:0 auto; padding:10px 16px;\r\n    display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:12px;\r\n  }\r\n\r\n  \/* Logo size increased *\/\r\n  #clickon-primary .brand img{\r\n    height:80px; width:auto; display:block;\r\n  }\r\n\r\n  \/* Menu center *\/\r\n  #primary-nav ul{\r\n    list-style:none; margin:0; padding:0;\r\n    display:flex; gap:36px; justify-content:center; align-items:center;\r\n  }\r\n  #primary-nav a{\r\n    color:var(--green); text-decoration:none; font-weight:700; font-size:18px;\r\n    transition:color .2s ease;\r\n  }\r\n  #primary-nav a:hover,\r\n  #primary-nav a.active{ color:var(--gold); }\r\n\r\n  \/* Social icons *\/\r\n  .social{\r\n    justify-self:end; display:flex; gap:14px;\r\n  }\r\n  .social a{ display:inline-flex; }\r\n  .social svg{ width:20px; height:20px; fill:#000; }\r\n\r\n  \/* Hamburger *\/\r\n  .menu-toggle{\r\n    display:none; position:absolute; right:16px; top:20px;\r\n    background:transparent; border:none; cursor:pointer; padding:6px;\r\n  }\r\n  .menu-toggle span{\r\n    width:26px; height:3px; background:var(--green); display:block; border-radius:2px; margin:5px 0;\r\n    transition:transform .25s ease, opacity .2s ease;\r\n  }\r\n  .menu-toggle[aria-expanded=\"true\"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}\r\n  .menu-toggle[aria-expanded=\"true\"] span:nth-child(2){opacity:0;}\r\n  .menu-toggle[aria-expanded=\"true\"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px){\r\n    #clickon-primary .nav-wrap{grid-template-columns: 1fr auto;}\r\n    .social{display:none;}\r\n    #primary-nav{grid-column:1 \/ -1;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;}\r\n    #primary-nav.open{max-height:400px;}\r\n    #primary-nav ul{flex-direction:column;align-items:flex-start;gap:14px;padding:10px 2px 16px;}\r\n    #primary-nav a{font-size:16px;}\r\n    .menu-toggle{display:block;}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const toggle=document.querySelector('#clickon-primary .menu-toggle');\r\n    const nav=document.querySelector('#primary-nav');\r\n    if(toggle && nav){\r\n      toggle.addEventListener('click',()=>{\r\n        const expanded=toggle.getAttribute('aria-expanded')==='true';\r\n        toggle.setAttribute('aria-expanded',!expanded);\r\n        nav.classList.toggle('open');\r\n      });\r\n    }\r\n    const current=window.location.href.replace(\/\\\/+$\/,'');\r\n    document.querySelectorAll('#primary-nav a').forEach(a=>{\r\n      if(a.href.replace(\/\\\/+$\/,'')===current){a.classList.add('active');}\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c016d7b e-con-full e-flex e-con e-parent\" data-id=\"c016d7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ab8e4 elementor-widget elementor-widget-html\" data-id=\"56ab8e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 Secondary Menu with Mobile Hamburger Dropdown (No underline on hover\/active) -->\r\n<div id=\"sh-secondary-menu\">\r\n  <nav class=\"sh-wrap\" aria-label=\"Secondary menu\">\r\n    <!-- Top bar (mobile) -->\r\n    <div class=\"sh-topbar\">\r\n      <a class=\"sh-brand\" href=\"https:\/\/clickonhotels.in\/sevenhills\/\">Clickon Seven Hills<\/a>\r\n      <button class=\"sh-toggle\" aria-expanded=\"false\" aria-controls=\"sh-menu-list\" aria-label=\"Open menu\">\r\n        <span class=\"line\"><\/span><span class=\"line\"><\/span><span class=\"line\"><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Menu list (desktop inline, mobile dropdown) -->\r\n    <ul id=\"sh-menu-list\" class=\"sh-menu\">\r\n      <!-- Brand (desktop only, with divider) -->\r\n      <li class=\"brand desktop-only\">\r\n        <a class=\"no-hover\" href=\"https:\/\/clickonhotels.in\/sevenhills\/\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\r\n          <span>Clickon Seven Hills<\/span>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/clickonhotels.in\/sevenhills\/\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.2 2.5 11h2.5v9h6v-6h2v6h6v-9h2.5L12 3.2z\"\/><\/svg>\r\n          <span>Home<\/span>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/clickonhotels.in\/sevenhills\/rooms\/\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 7h9a4 4 0 0 1 4 4v2h3v5h-2v-2H5v2H3V7zm2 2v4h9v-1a2 2 0 0 0-2-2H5z\"\/><\/svg>\r\n          <span>Rooms<\/span>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/clickonhotels.in\/sevenhills\/dining\/\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2v8a2 2 0 0 1-2 2v10H3V12a2 2 0 0 1-2-2V2h2v6h1V2h2v6h1V2h2zm9.5 3a3.5 3.5 0 0 0-3.5 3.5V22h2v-6h3v6h2V8.5A3.5 3.5 0 0 0 16.5 5z\"\/><\/svg>\r\n          <span>Dining<\/span>\r\n        <\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/clickonhotels.in\/sevenhills\/contact\/\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1.1-.2c1.2.5 2.5.8 3.8.8a1 1 0 0 1 1 1V20a2 2 0 0 1-2 2C10.3 22 2 13.7 2 3a2 2 0 0 1 2-2h2.2a1 1 0 0 1 1 1c0 1.3.3 2.6.8 3.8a1 1 0 0 1-.3 1.1L6.6 10.8z\"\/><\/svg>\r\n          <span>Contact<\/span>\r\n        <\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<style>\r\n  :root{\r\n    --sh-bg:#004D22;\r\n    --sh-text:#FFFFFF;\r\n    --sh-gold:#D4AF37;\r\n  }\r\n  #sh-secondary-menu{background:var(--sh-bg);width:100%;}\r\n  #sh-secondary-menu .sh-wrap{max-width:1200px;margin:0 auto;}\r\n\r\n  \/* ===== Top bar (mobile) ===== *\/\r\n  .sh-topbar{\r\n    display:none;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:10px 14px;\r\n  }\r\n  .sh-brand{\r\n    color:#fff;text-decoration:none;font-weight:800;font-size:20px;\r\n  }\r\n\r\n  \/* Hamburger (three green lines) *\/\r\n  .sh-toggle{\r\n    background:#fff;border:0;border-radius:8px;padding:8px 10px;cursor:pointer;\r\n    display:inline-flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;\r\n  }\r\n  .sh-toggle .line{\r\n    width:24px;height:2.5px;background:#004D22;border-radius:2px;display:block;\r\n    transition:transform .25s ease,opacity .2s ease;\r\n  }\r\n  .sh-toggle[aria-expanded=\"true\"] .line:nth-child(1){transform:translateY(6px) rotate(45deg);}\r\n  .sh-toggle[aria-expanded=\"true\"] .line:nth-child(2){opacity:0;}\r\n  .sh-toggle[aria-expanded=\"true\"] .line:nth-child(3){transform:translateY(-6px) rotate(-45deg);}\r\n\r\n  \/* ===== Menu list ===== *\/\r\n  .sh-menu{\r\n    list-style:none;margin:0;padding:0 12px;display:flex;gap:8px;justify-content:center;align-items:center;\r\n  }\r\n  .sh-menu li{margin:0;}\r\n  .sh-menu li.brand.desktop-only{border-right:2px solid #fff;margin-right:12px;padding-right:22px;}\r\n  .sh-menu a{\r\n    color:var(--sh-text);\r\n    text-decoration:none;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    padding:14px 16px;\r\n    font-weight:700;\r\n    font-size:22px;\r\n    line-height:1;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n    border:none !important;   \/* remove underline *\/\r\n  }\r\n  .sh-menu a:hover,\r\n  .sh-menu a:focus {\r\n    color:var(--sh-gold);\r\n  }\r\n  .sh-menu a.active {\r\n    color:var(--sh-gold);\r\n  }\r\n  .sh-menu svg{\r\n    width:22px;\r\n    height:22px;\r\n    fill:currentColor;\r\n    display:block;\r\n  }\r\n\r\n  \/* Prevent hover\/active on brand *\/\r\n  .sh-menu a.no-hover:hover,\r\n  .sh-menu a.no-hover:focus,\r\n  .sh-menu a.no-hover.active {\r\n    color: var(--sh-text) !important;\r\n  }\r\n\r\n  \/* ===== Mobile behavior ===== *\/\r\n  @media (max-width: 768px){\r\n    .sh-topbar{display:flex;}\r\n    .desktop-only{display:none;}\r\n    .sh-menu{\r\n      display:block;max-height:0;overflow:hidden;padding:0 14px;\r\n      transition:max-height .25s ease, padding .25s ease;\r\n    }\r\n    .sh-menu.open{max-height:500px;padding:8px 14px 12px;}\r\n    .sh-menu li{border-top:1px solid rgba(255,255,255,.25);}\r\n    .sh-menu li:first-child{border-top:0;}\r\n    .sh-menu a{justify-content:flex-start;font-size:18px;padding:12px 4px;gap:12px;}\r\n    .sh-menu svg{width:20px;height:20px;}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    try{\r\n      \/\/ Active state\r\n      var here = window.location.href.replace(\/\\\/+$\/, \"\");\r\n      document.querySelectorAll('#sh-secondary-menu a').forEach(function(a){\r\n        var href = a.href ? a.href.replace(\/\\\/+$\/, \"\") : \"\";\r\n        if(href === here && !a.classList.contains('no-hover')){\r\n          a.classList.add('active');\r\n        }\r\n      });\r\n\r\n      \/\/ Toggle dropdown on mobile\r\n      var btn = document.querySelector('#sh-secondary-menu .sh-toggle');\r\n      var menu = document.getElementById('sh-menu-list');\r\n      if(btn && menu){\r\n        btn.addEventListener('click', function(){\r\n          var open = menu.classList.toggle('open');\r\n          btn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n        });\r\n      }\r\n    }catch(e){}\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d36616 e-con-full e-flex e-con e-parent\" data-id=\"4d36616\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76199c6 e-con-full e-flex e-con e-parent\" data-id=\"76199c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a061322 elementor-widget elementor-widget-html\" data-id=\"a061322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Nearby Locations<\/title>\r\n\r\n  <!-- Font Awesome for icons -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\r\n\r\n  <style>\r\n    body {\r\n      font-family: Arial, sans-serif;\r\n      text-align: center;\r\n      background-color: #004d22;\r\n      color: white;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    h2 {\r\n      margin-top: 40px;\r\n      color:#fff;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .contact-container {\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: nowrap;   \/* \ud83d\ude80 no wrap, one line only *\/\r\n      margin: 40px auto;\r\n      max-width: 100%;\r\n      gap: 20px;\r\n      overflow-x: auto;    \/* \ud83d\ude80 scroll horizontally if smaller screen *\/\r\n      padding: 10px;\r\n    }\r\n\r\n    .contact-box {\r\n      background-color: #fff;\r\n      border: 1px solid #eee;\r\n      box-shadow: 0px 0px 10px rgba(0,0,0,0.05);\r\n      width: 250px;\r\n      height: 200px;\r\n      padding: 25px 20px;\r\n      border-radius: 6px;\r\n      transition: all 0.3s ease;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      flex-shrink: 0; \/* \ud83d\ude80 prevents shrinking *\/\r\n    }\r\n\r\n    .contact-box i {\r\n      font-size: 32px;\r\n      margin-bottom: 12px;\r\n      color: #004d22;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .contact-box h3 {\r\n      margin: 8px 0;\r\n      font-size: 18px;\r\n      color: #004d22;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .contact-box p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      color: #333;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Hover effect *\/\r\n    .contact-box:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0px 8px 20px rgba(0, 77, 34, 0.3);\r\n    }\r\n\r\n    .contact-box:hover i,\r\n    .contact-box:hover h3 {\r\n      color: #D8A900;\r\n    }\r\n\r\n    \/* Scrollbar styling (optional) *\/\r\n    .contact-container::-webkit-scrollbar {\r\n      height: 8px;\r\n    }\r\n    .contact-container::-webkit-scrollbar-thumb {\r\n      background: #D8A900;\r\n      border-radius: 4px;\r\n    }\r\n    .contact-container::-webkit-scrollbar-track {\r\n      background: #004d22;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <h2>NEARBY LOCATIONS<\/h2>\r\n\r\n  <div class=\"contact-container\">\r\n    <div class=\"contact-box\">\r\n      <i class=\"fas fa-map-marker-alt\"><\/i>\r\n      <h3>BIEC<\/h3>\r\n      <p>Distance: ~1.5\u20132 km<br>Travel Time: 5\u201310 mins by car<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-box\">\r\n      <i class=\"fas fa-landmark\"><\/i>\r\n      <h3>Palace Grounds<\/h3>\r\n      <p>Distance: ~17\u201318 km<br>Travel Time: 35\u201345 mins by car<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-box\">\r\n      <i class=\"fas fa-plane-departure\"><\/i>\r\n      <h3>Airport<\/h3>\r\n      <p>Distance: ~38\u201340 km<br>Travel Time: 60\u201375 mins by car<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-box\">\r\n      <i class=\"fas fa-train\"><\/i>\r\n      <h3>Railway Station<\/h3>\r\n      <p>Distance: ~12\u201313 km<br>Travel Time: 25\u201335 mins by car<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e757e30 e-con-full e-flex e-con e-parent\" data-id=\"e757e30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdce637 elementor-widget elementor-widget-html\" data-id=\"bdce637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contact Section \u2014 fixed visible contact details -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\r\n\r\n<section class=\"contact-section\" aria-labelledby=\"contact-title\" style=\"font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial; padding: 80px 20px; background: #fff; color: #121619;\">\r\n  <style>\r\n    :root{\r\n      --accent-gold: #D8A900; \/* gold accent *\/\r\n      --dark-green: #004d22;  \/* primary green *\/\r\n      --text-dark: #121619;\r\n      --muted: #555;\r\n      --card-bg: #fff;\r\n      --form-bg: #f8f8f8;\r\n      --container-max: 1200px;\r\n    }\r\n\r\n    .contact-inner { max-width: var(--container-max); margin: 0 auto; }\r\n    .section-title { text-align: center; font-size: 36px; font-weight: 700; color: var(--text-dark); margin: 0; }\r\n    .accent-bar { width: 50px; height: 4px; background: var(--accent-gold); margin: 10px auto 32px auto; border-radius: 2px; }\r\n\r\n    .contact-grid { display:flex; gap:30px; flex-wrap:wrap; align-items:flex-start; }\r\n    .contact-left, .contact-right { flex:1 1 0; min-width:300px; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.05); }\r\n\r\n    .contact-left { background: var(--card-bg); padding: 34px; text-align:left; color: var(--text-dark); }\r\n    .contact-left h3 { font-size:20px; font-weight:700; margin-bottom:10px; color:var(--dark-green); }\r\n    .contact-left p.lead { color:#444; margin-bottom:20px; }\r\n\r\n    .contact-item { display:flex; gap:12px; align-items:flex-start; margin-bottom:14px; }\r\n    .contact-item .icon { color: var(--accent-gold); font-size:18px; margin-top:3px; width:30px; text-align:center; }\r\n    \/* Strong label (left) *\/\r\n    .contact-item .meta strong { display:block; font-weight:700; color: var(--dark-green); }\r\n    \/* Value text (right) \u2014 forced high contrast) *\/\r\n    .contact-item .meta span { color: #333 !important; font-size:14px; line-height:1.4; display:block; }\r\n\r\n    \/* smaller \/ stacked *\/\r\n    .socials { margin-top:8px; display:flex; gap:12px; }\r\n    .socials a { color:var(--text-dark); font-size:16px; }\r\n\r\n    .contact-right { background: var(--form-bg); padding: 34px; }\r\n    .contact-right h3 { font-size:20px; font-weight:700; margin-bottom:18px; color:var(--text-dark); }\r\n\r\n    .form-row { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; }\r\n    .form-row .input { flex:1 1 0; min-width:140px; }\r\n    .input input, .input textarea, .single-input {\r\n      width:100%; padding:12px; border-radius:6px; border:1px solid #dcdcdc; font-size:14px; background:#fff; box-sizing:border-box;\r\n    }\r\n    .input textarea { min-height:110px; resize:vertical; }\r\n\r\n    .btn-submit { width:100%; background:var(--dark-green); color:#fff; padding:12px; border:none; border-radius:6px; font-weight:600; font-size:15px; cursor:pointer; }\r\n    \r\n    .btn-submit:hover {\r\n  background-color: #D8A900;\r\n  color: #121619; \/* dark text on gold *\/\r\n\r\n    \/* responsiveness *\/\r\n    @media (max-width: 1000px){\r\n      .contact-left, .contact-right { padding:20px; }\r\n    }\r\n    @media (max-width: 768px){\r\n      .contact-grid { flex-direction:column; gap:18px; }\r\n      .form-row { display:block; }\r\n      .form-row .input { width:100%; margin-bottom:10px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"contact-inner\">\r\n    <h2 id=\"contact-title\" class=\"section-title\">Contact Us<\/h2>\r\n    <div class=\"accent-bar\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"contact-grid\">\r\n      <!-- LEFT: Get in Touch (updated and high contrast) -->\r\n      <div class=\"contact-left\" aria-labelledby=\"get-in-touch\">\r\n        <h3 id=\"get-in-touch\">Get in Touch<\/h3>\r\n        <p class=\"lead\">Have questions or need assistance? Our team is ready to help you with all your hospitality needs.<\/p>\r\n\r\n        <div>\r\n          <div class=\"contact-item\" aria-hidden=\"false\">\r\n            <div class=\"icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n            <div class=\"meta\">\r\n              <strong>For Booking<\/strong>\r\n              <span>+91 9036935155<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"contact-item\">\r\n            <div class=\"icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n            <div class=\"meta\">\r\n              <strong>For Group Booking<\/strong>\r\n              <span>+91 9036935156<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"contact-item\">\r\n            <div class=\"icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n            <div class=\"meta\">\r\n              <strong>Email Us<\/strong>\r\n              <span>reservations.sevenhills@clickonhotels.in<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"contact-item\">\r\n            <div class=\"icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n            <div class=\"meta\">\r\n              <strong>Address<\/strong>\r\n              <span> Srs Dhavalagiri Complex, Thotadaguddhalli,<br>Bengaluru, Karnataka 560073<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:14px;\">\r\n          <strong>Follow Us<\/strong>\r\n          <div class=\"socials\" aria-label=\"social links\">\r\n            <a href=\"https:\/\/www.facebook.com\/people\/Seven-Hills-Boutique-Hotel\/61563992332341\/#\" aria-label=\"facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n            <a href=\"https:\/\/www.instagram.com\/clickonsevenhills\/\" aria-label=\"instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n            <a href=\"#\" aria-label=\"linkedin\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n            <a href=\"#\" aria-label=\"twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: Form (same action as before) -->\r\n      <div class=\"contact-right\" aria-labelledby=\"send-message\">\r\n        <h3 id=\"send-message\">Send Us a Message<\/h3>\r\n\r\n        <form id=\"siteContactForm\" method=\"post\" action=\"\/send-mail.php\" novalidate>\r\n          <div class=\"form-row\">\r\n            <div class=\"input\"><input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Full Name\" required><\/div>\r\n            <div class=\"input\"><input id=\"phone\" name=\"phone\" type=\"text\" placeholder=\"Phone Number\" required><\/div>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom:12px;\">\r\n            <input id=\"email\" class=\"single-input\" type=\"email\" name=\"email\" placeholder=\"Email Address\" required>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom:12px;\">\r\n            <input id=\"subject\" class=\"single-input\" type=\"text\" name=\"subject\" placeholder=\"Subject\">\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom:14px;\">\r\n            <div class=\"input\"><textarea id=\"message\" name=\"message\" placeholder=\"Your Message\" rows=\"5\" required><\/textarea><\/div>\r\n          <\/div>\r\n\r\n          <button class=\"btn-submit\" type=\"submit\">Send Message<\/button>\r\n\r\n          <div id=\"formResponse\" role=\"status\" aria-live=\"polite\" style=\"margin-top:12px; color:#555; font-size:13px;\"><\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- AJAX submit (if you use send-mail.php as suggested) -->\r\n  <script>\r\n    (function(){\r\n      const form = document.getElementById('siteContactForm');\r\n      const resp = document.getElementById('formResponse');\r\n      form && form.addEventListener('submit', function(e){\r\n        e.preventDefault();\r\n        resp.style.color = '#444';\r\n        resp.textContent = 'Sending...';\r\n\r\n        const fd = new FormData(form);\r\n        fetch(form.action, { method: 'POST', body: fd, credentials: 'same-origin' })\r\n          .then(r => r.json())\r\n          .then(json => {\r\n            if(json && json.success){\r\n              resp.style.color = 'green';\r\n              resp.textContent = json.message || 'Thanks \u2014 your message has been sent.';\r\n              form.reset();\r\n            } else {\r\n              resp.style.color = '#b33';\r\n              resp.textContent = (json && json.message) ? json.message : 'Unable to send \u2014 try again later.';\r\n            }\r\n          }).catch(err => {\r\n            resp.style.color = '#b33';\r\n            resp.textContent = 'Unable to send. Please contact digital@clickonhospitality.com';\r\n            console.error(err);\r\n          });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16c85e5 e-con-full e-flex e-con e-parent\" data-id=\"16c85e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a97dcb elementor-widget elementor-widget-google_maps\" data-id=\"8a97dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=seven%20hills%20boutique%20hotel&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"seven hills boutique hotel\"\n\t\t\t\t\taria-label=\"seven hills boutique hotel\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4834f9a e-con-full e-flex e-con e-parent\" data-id=\"4834f9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b017af4 elementor-widget elementor-widget-html\" data-id=\"b017af4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"coh-footer\" aria-label=\"ClickOn Hotels footer\" style=\"font-family: 'Poppins', sans-serif;\">\r\n\r\n  <style>\r\n    :root{\r\n      --green: #004d22;\r\n      --gold:  #D8A900;\r\n      --white: #ffffff;\r\n      --muted: rgba(255,255,255,0.92);\r\n      --muted-2: rgba(255,255,255,0.75);\r\n      --icon-bg: rgba(255,255,255,0.06);\r\n      --icon-bg-hover: rgba(255,255,255,0.12);\r\n    }\r\n\r\n    #coh-footer { background:var(--green); color:var(--white); padding:40px 20px; }\r\n    #coh-footer * { box-sizing:border-box; }\r\n\r\n    .coh-main { \r\n      max-width:1200px; \r\n      margin:0 auto; \r\n      display:grid; \r\n      grid-template-columns: 1.5fr 1fr 1fr 1.5fr; \/* Adjusted spacing *\/\r\n      gap:50px; \/* Increased spacing between columns *\/\r\n      text-align:left;\r\n    }\r\n\r\n    .coh-main h4{ margin:0 0 12px; color:var(--gold); font-size:16px; font-weight:700; text-align:left; }\r\n    .coh-main p, .coh-main li, .coh-main a { color: var(--muted); font-size:14px; text-decoration:none; line-height:1.5; text-align:left; }\r\n\r\n    .coh-main ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; text-align:left; }\r\n\r\n    \/* About section text left *\/\r\n    .coh-about p { margin:0 0 16px; max-width:340px; }\r\n\r\n    \/* Socials under About *\/\r\n    .coh-social { display:flex; gap:12px; margin-top:10px; }\r\n    .coh-social a { \r\n      display:inline-flex; \r\n      width:36px; height:36px; \r\n      border-radius:50%; \r\n      align-items:center; justify-content:center; \r\n      background:var(--icon-bg); \r\n      color:var(--white); \r\n      transition:all .2s ease; \r\n    }\r\n    .coh-social a:hover{ background:var(--icon-bg-hover); transform:translateY(-3px); }\r\n\r\n    \/* Contact icons *\/\r\n    .coh-contact-row { display:flex; align-items:center; gap:12px; margin-bottom:12px; font-size:14px; text-align:left; }\r\n    .coh-icon-circle { width:32px; height:32px; min-width:32px; border-radius:50%; background:var(--icon-bg); display:flex; align-items:center; justify-content:center; }\r\n    .coh-icon-circle svg, .coh-icon-circle i { width:16px; height:16px; color:var(--white); }\r\n    .coh-contact-row a{ color:var(--muted); }\r\n    .coh-contact-row a:hover{ color:var(--white); }\r\n\r\n    \/* Responsive *\/\r\n    @media(max-width:900px){\r\n      .coh-main{ grid-template-columns: repeat(2,1fr); gap:24px; }\r\n    }\r\n    @media(max-width:540px){\r\n      .coh-main{ grid-template-columns: 1fr; }\r\n      .coh-about p{ max-width:100%; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"coh-main\">\r\n    <!-- About Us -->\r\n    <div class=\"col coh-about\">\r\n      <h4>About Us<\/h4>\r\n      <p>\r\n        Welcome to Clickon Value Seven Hills Hotels \u2014 boutique comfort with warm hospitality. \r\n        Centrally located, thoughtfully serviced rooms and personalised experiences make your stay memorable.\r\n      <\/p>\r\n      <div class=\"coh-social\">\r\n        <a href=\"https:\/\/www.facebook.com\/people\/Seven-Hills-Boutique-Hotel\/61563992332341\/#\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/clickonsevenhills\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Quick Links -->\r\n    <div class=\"col links\">\r\n      <h4>Quick Links<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/sevenhills\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/sevenhills\/rooms\/\">Rooms<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/sevenhills\/dining\/\">Dining<\/a><\/li>\r\n        <li><a href=\"https:\/\/clickonhotels.in\/sevenhills\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Rooms -->\r\n    <div class=\"col rooms\">\r\n      <h4>Our Rooms<\/h4>\r\n      <ul>\r\n        <li>Standard Rooms<\/li>\r\n        <li>Economy Rooms<\/li>\r\n        <li>Suite Rooms<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Contact -->\r\n    <div class=\"col contact\">\r\n      <h4>Contact Us<\/h4>\r\n      <div class=\"coh-contact-row\">\r\n        <span class=\"coh-icon-circle\"><i class=\"fas fa-phone\"><\/i><\/span>\r\n        <a href=\"tel:+919036935155\">+91 9036935155<\/a>\r\n      <\/div>\r\n      <div class=\"coh-contact-row\">\r\n        <span class=\"coh-icon-circle\"><i class=\"fas fa-envelope\"><\/i><\/span>\r\n        <a href=\"mailto:reservations.sevenhills@clickonhotels.in\">reservations.sevenhills@clickonhotels.in<\/a>\r\n      <\/div>\r\n      <div class=\"coh-contact-row\">\r\n        <span class=\"coh-icon-circle\"><i class=\"fas fa-globe\"><\/i><\/span>\r\n        <a href=\"https:\/\/www.clickonhotels.in\">clickonhotels.in<\/a>\r\n      <\/div>\r\n      <div class=\"coh-contact-row\">\r\n        <span class=\"coh-icon-circle\"><i class=\"fas fa-map-marker-alt\"><\/i><\/span>\r\n        Sai Ram Layout, SRS Dhavalagiri Complex,Thotadaguddhalli, Bengaluru, Karnataka 560073\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Font Awesome -->\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/js\/all.min.js\"><\/script>\r\n<\/footer>\r\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>Home About Us Our Hotels Contact Us Clickon Seven Hills Clickon Seven Hills Home Rooms Dining Contact Nearby Locations NEARBY [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":88,"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/pages\/88\/revisions\/518"}],"wp:attachment":[{"href":"https:\/\/clickonhotels.in\/sevenhills\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}