{"id":14,"date":"2026-03-13T07:28:47","date_gmt":"2026-03-13T07:28:47","guid":{"rendered":"https:\/\/Demo5.yinwoodweb.com\/agro\/?page_id=14"},"modified":"2026-07-22T03:13:32","modified_gmt":"2026-07-22T03:13:32","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/Demo5.yinwoodweb.com\/agro\/contact-us\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-96edc659 alignfull uagb-is-root-container\">\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Contact Us \u2014 San Roque Mission Center Agro<\/title>\n\n  <!-- Google Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&#038;family=DM+Sans:wght@400;500;600;700&#038;family=Playfair+Display:wght@700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n  <!-- Material Symbols -->\n  <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0\" \/>\n\n  <style>\n    \/* ========================================\n       SCOPED CSS \u2014 ONLY affects .srmc-cp\n    ======================================== *\/\n\n    .srmc-cp,\n    .srmc-cp * {\n      box-sizing: border-box;\n    }\n\n    .srmc-cp {\n      font-family: 'DM Sans', sans-serif;\n      font-size: 16px;\n      line-height: 1.7;\n      color: #3a3c30;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      overflow-x: hidden;\n      position: relative;\n      z-index: 1;\n    }\n\n    .srmc-cp img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* FIXED: removed color: inherit so it won't override button colors *\/\n    .srmc-cp a {\n      text-decoration: none;\n    }\n\n    .srmc-cp ul,\n    .srmc-cp ol {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .srmc-cp button {\n      background: none;\n      border: none;\n      padding: 0;\n      cursor: pointer;\n      font: inherit;\n      color: inherit;\n    }\n\n    \/* CSS Variables *\/\n    .srmc-cp {\n      --gold: #EFD34A;\n      --gold-light: #f5e27a;\n      --gold-dark: #c9a820;\n      --gold-soft: #f8edbe;\n      --olive: #4B4E3A;\n      --olive-light: #6b6f54;\n      --olive-dark: #2e3024;\n      --olive-deeper: #1a1c14;\n      --bg-cream: #faf8f0;\n      --bg-warm: #f5f2e6;\n      --bg-card: #ffffff;\n      --text-body: #3a3c30;\n      --text-muted: #7a7c6e;\n      --shadow-soft: 0 4px 20px rgba(75, 78, 58, 0.08);\n      --shadow-medium: 0 8px 40px rgba(75, 78, 58, 0.12);\n      --shadow-strong: 0 16px 60px rgba(75, 78, 58, 0.18);\n      --radius-sm: 8px;\n      --radius-md: 14px;\n      --radius-lg: 22px;\n      --radius-xl: 32px;\n      --t-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n      --t-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      --t-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n\n    \/* ========================================\n       MAIN CONTAINER\n    ======================================== *\/\n    .srmc-cp-wrap {\n      width: 100%;\n      max-width: 100%;\n      overflow-x: hidden;\n    }\n\n    .srmc-cp-inner {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    .srmc-cp-section {\n      padding: 80px 0;\n      position: relative;\n    }\n\n    \/* ========================================\n       TYPOGRAPHY\n    ======================================== *\/\n    .srmc-cp-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: var(--gold-dark);\n      margin-bottom: 16px;\n      padding: 8px 18px;\n      background: linear-gradient(135deg, rgba(239, 211, 74, 0.15), rgba(239, 211, 74, 0.05));\n      border: 1px solid rgba(239, 211, 74, 0.3);\n      border-radius: 100px;\n    }\n\n    .srmc-cp-label .material-symbols-rounded {\n      font-size: 18px;\n      color: var(--gold-dark);\n    }\n\n    .srmc-cp-label-light {\n      color: var(--gold);\n      background: rgba(239, 211, 74, 0.08);\n      border-color: rgba(239, 211, 74, 0.2);\n    }\n\n    .srmc-cp-label-light .material-symbols-rounded {\n      color: var(--gold);\n    }\n\n    .srmc-cp-title {\n      font-family: 'Playfair Display', serif;\n      font-weight: 800;\n      font-size: clamp(32px, 5vw, 52px);\n      line-height: 1.15;\n      color: var(--olive-dark);\n      margin-bottom: 16px;\n    }\n\n    .srmc-cp-subtitle {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 400;\n      font-style: italic;\n      color: var(--text-muted);\n      max-width: 640px;\n      line-height: 1.6;\n    }\n\n    \/* ========================================\n       BUTTONS\n    ======================================== *\/\n    .srmc-cp .srmc-cp-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 15px;\n      font-weight: 700;\n      padding: 14px 32px;\n      border-radius: 100px;\n      cursor: pointer;\n      transition: all var(--t-smooth);\n      border: none;\n      text-decoration: none !important;\n    }\n\n    .srmc-cp .srmc-cp-btn span {\n      text-decoration: none !important;\n    }\n\n    .srmc-cp .srmc-cp-btn .material-symbols-rounded {\n      font-size: 20px;\n      transition: transform var(--t-bounce), color var(--t-smooth);\n      text-decoration: none !important;\n    }\n\n    .srmc-cp .srmc-cp-btn:hover .material-symbols-rounded {\n      transform: translateX(3px);\n    }\n\n    \/* Primary \u2014 gold fill, dark text *\/\n    .srmc-cp .srmc-cp-btn-primary {\n      background: var(--gold);\n      color: var(--olive-dark);\n      box-shadow: 0 4px 20px rgba(239, 211, 74, 0.35);\n    }\n\n    .srmc-cp .srmc-cp-btn-primary:hover {\n      background: var(--gold-light);\n      box-shadow: 0 8px 32px rgba(239, 211, 74, 0.45);\n      transform: translateY(-2px);\n    }\n\n    \/* Outline \u2014 white text, gold fill on hover *\/\n    .srmc-cp .srmc-cp-btn-outline {\n      background: rgba(255, 255, 255, 0.15);\n      color: #ffffff;\n      border: none;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n    }\n\n    .srmc-cp .srmc-cp-btn-outline:hover {\n      background: var(--gold);\n      color: var(--olive-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(239, 211, 74, 0.4);\n    }\n\n    \/* Olive \u2014 solid olive bg, white text, gold fill on hover *\/\n    .srmc-cp .srmc-cp-btn-olive {\n      background: var(--olive);\n      color: #ffffff;\n      box-shadow: 0 4px 20px rgba(75, 78, 58, 0.3);\n    }\n\n    .srmc-cp .srmc-cp-btn-olive:hover {\n      background: var(--gold);\n      color: var(--olive-dark);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(239, 211, 74, 0.4);\n    }\n\n    .srmc-cp .srmc-cp-btn-sm {\n      font-size: 13px;\n      padding: 10px 22px;\n    }\n\n    \/* ========================================\n       HERO\n    ======================================== *\/\n    .srmc-cp-hero {\n      position: relative;\n      width: 100%;\n      min-height: 420px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      background: linear-gradient(155deg, var(--olive-deeper) 0%, var(--olive-dark) 40%, var(--olive) 100%);\n      padding: 100px 24px;\n      overflow: hidden;\n    }\n\n    .srmc-cp-hero::before {\n      content: '';\n      position: absolute;\n      top: -40%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(239, 211, 74, 0.12) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .srmc-cp-hero::after {\n      content: '';\n      position: absolute;\n      bottom: -30%;\n      left: -5%;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(239, 211, 74, 0.08) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .srmc-cp-hero-pattern {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(45deg, rgba(239, 211, 74, 0.03) 25%, transparent 25%),\n        linear-gradient(-45deg, rgba(239, 211, 74, 0.03) 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, rgba(239, 211, 74, 0.03) 75%),\n        linear-gradient(-45deg, transparent 75%, rgba(239, 211, 74, 0.03) 75%);\n      background-size: 60px 60px;\n      pointer-events: none;\n    }\n\n    .srmc-cp-hero-content {\n      position: relative;\n      z-index: 2;\n      max-width: 820px;\n      padding-top: 100px;\n    }\n\n    .srmc-cp-hero-cross {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 64px;\n      height: 64px;\n      border-radius: 50%;\n      background: rgba(239, 211, 74, 0.12);\n      border: 2px solid rgba(239, 211, 74, 0.3);\n      margin-bottom: 28px;\n      animation: srmc-cp-pulse 3s ease-in-out infinite;\n    }\n\n    .srmc-cp-hero-cross .material-symbols-rounded {\n      font-size: 30px;\n      color: var(--gold);\n    }\n\n    @keyframes srmc-cp-pulse {\n      0%, 100% { box-shadow: 0 0 0 0 rgba(239, 211, 74, 0.2); }\n      50% { box-shadow: 0 0 24px 8px rgba(239, 211, 74, 0.12); }\n    }\n\n    .srmc-cp-hero-crumb {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      font-size: 13px;\n      color: rgba(240, 237, 220, 0.5);\n      margin-bottom: 24px;\n      opacity: 0;\n      animation: srmc-cp-dn 0.6s 0.1s forwards;\n    }\n\n    .srmc-cp-hero-crumb a {\n      color: rgba(240, 237, 220, 0.6);\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-hero-crumb a:hover { color: var(--gold); }\n    .srmc-cp-hero-crumb .sep { font-size: 10px; }\n    .srmc-cp-hero-crumb .cur { color: var(--gold); }\n\n    .srmc-cp-hero-top {\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 5px;\n      color: var(--gold);\n      margin-bottom: 20px;\n      opacity: 0;\n      animation: srmc-cp-dn 0.8s 0.2s forwards;\n    }\n\n    .srmc-cp-hero-title {\n      font-family: 'Playfair Display', serif;\n      font-weight: 900;\n      font-size: clamp(36px, 7vw, 72px);\n      line-height: 1.05;\n      margin-bottom: 12px;\n      background: linear-gradient(135deg, #ffffff 0%, var(--gold) 50%, var(--gold-light) 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      opacity: 0;\n      animation: srmc-cp-up 0.8s 0.4s forwards;\n    }\n\n    .srmc-cp-hero-sub {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(16px, 2.5vw, 22px);\n      font-style: italic;\n      color: var(--gold-soft);\n      margin-bottom: 32px;\n      line-height: 1.6;\n      opacity: 0;\n      animation: srmc-cp-up 0.8s 0.6s forwards;\n    }\n\n    @keyframes srmc-cp-up {\n      from { opacity: 0; transform: translateY(24px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes srmc-cp-dn {\n      from { opacity: 0; transform: translateY(-16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* ========================================\n       QUICK STRIP\n    ======================================== *\/\n    .srmc-cp-strip {\n      background: var(--olive);\n      padding: 0;\n      position: relative;\n      z-index: 3;\n    }\n\n    .srmc-cp-strip-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n    }\n\n    .srmc-cp-strip-item {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 28px 32px;\n      border-right: 1px solid rgba(239, 211, 74, 0.1);\n      transition: all var(--t-smooth);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .srmc-cp-strip-item:last-child { border-right: none; }\n\n    .srmc-cp-strip-item::before {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0; right: 0;\n      height: 0%;\n      background: linear-gradient(180deg, rgba(239, 211, 74, 0.08), rgba(239, 211, 74, 0.03));\n      transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      z-index: 0;\n    }\n\n    .srmc-cp-strip-item:hover::before { height: 100%; }\n    .srmc-cp-strip-item > * { position: relative; z-index: 1; }\n\n    .srmc-cp-strip-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: rgba(239, 211, 74, 0.1);\n      border: 1px solid rgba(239, 211, 74, 0.15);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: all var(--t-smooth);\n    }\n\n    .srmc-cp-strip-item:hover .srmc-cp-strip-icon {\n      background: var(--gold);\n      border-color: var(--gold);\n      transform: rotate(-8deg) scale(1.05);\n    }\n\n    .srmc-cp-strip-icon .material-symbols-rounded {\n      font-size: 24px;\n      color: var(--gold);\n      transition: color var(--t-smooth);\n    }\n\n    .srmc-cp-strip-item:hover .srmc-cp-strip-icon .material-symbols-rounded {\n      color: var(--olive-dark);\n    }\n\n    .srmc-cp-strip-label {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: rgba(240, 237, 220, 0.4);\n      margin-bottom: 2px;\n    }\n\n    .srmc-cp-strip-val {\n      font-weight: 600;\n      font-size: 15px;\n      color: #ffffff;\n    }\n\n    .srmc-cp-strip-val a {\n      color: #ffffff;\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-strip-val a:hover { color: var(--gold); }\n\n    \/* ========================================\n       CONTACT SPLIT\n    ======================================== *\/\n    .srmc-cp-main { background: var(--bg-cream); }\n\n    .srmc-cp-split {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 0;\n      background: var(--bg-card);\n      border-radius: var(--radius-xl);\n      overflow: hidden;\n      box-shadow: var(--shadow-strong);\n      border: 1px solid rgba(75, 78, 58, 0.06);\n    }\n\n    \/* LEFT PANEL *\/\n    .srmc-cp-info {\n      background: linear-gradient(160deg, var(--olive-deeper), var(--olive-dark) 60%, var(--olive));\n      padding: 56px 48px;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    .srmc-cp-info::before,\n    .srmc-cp-info::after {\n      content: '';\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .srmc-cp-info::before {\n      top: -40%; right: -20%;\n      width: 400px; height: 400px;\n      background: radial-gradient(circle, rgba(239, 211, 74, 0.08) 0%, transparent 70%);\n    }\n\n    .srmc-cp-info::after {\n      bottom: -20%; left: -10%;\n      width: 300px; height: 300px;\n      background: radial-gradient(circle, rgba(239, 211, 74, 0.05) 0%, transparent 70%);\n    }\n\n    .srmc-cp-info-top { position: relative; z-index: 1; }\n\n    .srmc-cp-info-h {\n      font-family: 'Playfair Display', serif;\n      font-weight: 800;\n      font-size: 32px;\n      color: #ffffff;\n      margin-bottom: 8px;\n      line-height: 1.2;\n    }\n\n    .srmc-cp-info-h em { color: var(--gold); font-style: normal; }\n\n    .srmc-cp-info-desc {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 17px;\n      font-style: italic;\n      color: rgba(240, 237, 220, 0.55);\n      margin-bottom: 40px;\n      line-height: 1.6;\n    }\n\n    .srmc-cp-info-list {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      margin-bottom: 40px;\n    }\n\n    .srmc-cp-info-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 18px;\n    }\n\n    .srmc-cp-info-dot {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: rgba(239, 211, 74, 0.1);\n      border: 1px solid rgba(239, 211, 74, 0.2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      position: relative;\n    }\n\n    .srmc-cp-info-dot::after {\n      content: '';\n      position: absolute;\n      inset: -4px;\n      border-radius: 50%;\n      border: 1px solid rgba(239, 211, 74, 0.15);\n      animation: srmc-cp-ring 2.5s ease-in-out infinite;\n    }\n\n    @keyframes srmc-cp-ring {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.3); opacity: 0; }\n    }\n\n    .srmc-cp-info-dot .material-symbols-rounded {\n      font-size: 20px;\n      color: var(--gold);\n    }\n\n    .srmc-cp-info-lbl {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: rgba(240, 237, 220, 0.4);\n      margin-bottom: 4px;\n    }\n\n    .srmc-cp-info-val {\n      font-weight: 500;\n      font-size: 15px;\n      color: #ffffff;\n      line-height: 1.5;\n    }\n\n    .srmc-cp-info-val a {\n      color: #ffffff;\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-info-val a:hover { color: var(--gold); }\n\n    .srmc-cp-socials {\n      display: flex;\n      gap: 12px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .srmc-cp-social {\n      width: 46px;\n      height: 46px;\n      border-radius: 50%;\n      background: rgba(239, 211, 74, 0.08);\n      border: 1px solid rgba(239, 211, 74, 0.15);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all var(--t-bounce);\n      cursor: pointer;\n    }\n\n    .srmc-cp-social:hover {\n      background: var(--gold);\n      border-color: var(--gold);\n      transform: translateY(-4px) rotate(-5deg);\n      box-shadow: 0 8px 24px rgba(239, 211, 74, 0.3);\n    }\n\n    .srmc-cp-social .material-symbols-rounded {\n      font-size: 22px;\n      color: var(--gold);\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-social:hover .material-symbols-rounded {\n      color: var(--olive-dark);\n    }\n\n    \/* RIGHT PANEL \u2014 FORM *\/\n    .srmc-cp-form {\n      padding: 56px 48px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .srmc-cp-form-h {\n      font-family: 'Playfair Display', serif;\n      font-weight: 800;\n      font-size: 28px;\n      color: var(--olive-dark);\n      margin-bottom: 6px;\n    }\n\n    .srmc-cp-form-sub {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 16px;\n      font-style: italic;\n      color: var(--text-muted);\n      margin-bottom: 32px;\n    }\n\n    .srmc-cp-fg { margin-bottom: 22px; }\n\n    .srmc-cp-fl {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--olive-light);\n      margin-bottom: 8px;\n    }\n\n    \/* ========================================\n       FORM INPUTS\n    ======================================== *\/\n    .srmc-cp-fi,\n    .srmc-cp-ft,\n    .srmc-cp-fs {\n      width: 100%;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 15px;\n      color: var(--olive-dark);\n      background-color: var(--bg-warm);\n      border: 2px solid transparent;\n      border-radius: var(--radius-md);\n      padding: 14px 18px;\n      outline: none;\n      transition: border-color var(--t-smooth), background-color var(--t-smooth), box-shadow var(--t-smooth);\n      line-height: 1.5;\n      height: auto;\n      min-height: 48px;\n    }\n\n    .srmc-cp-fi::placeholder,\n    .srmc-cp-ft::placeholder { color: var(--text-muted); }\n\n    .srmc-cp-fi:focus,\n    .srmc-cp-ft:focus,\n    .srmc-cp-fs:focus {\n      border-color: var(--gold);\n      background-color: var(--bg-card);\n      box-shadow: 0 0 0 4px rgba(239, 211, 74, 0.12);\n    }\n\n    .srmc-cp-ft { min-height: 130px; resize: vertical; }\n\n    .srmc-cp-fs {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n      cursor: pointer;\n      background-color: var(--bg-warm);\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a7c6e' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 16px center;\n      background-size: 12px;\n      padding-right: 40px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n      position: relative;\n      z-index: 10;\n    }\n\n    .srmc-cp-fs option {\n      font-family: 'DM Sans', sans-serif;\n      font-size: 15px;\n      color: var(--olive-dark);\n      background-color: var(--bg-card);\n      padding: 10px 14px;\n      line-height: 1.6;\n      white-space: normal;\n      word-wrap: break-word;\n    }\n\n    .srmc-cp-fs option[value=\"\"] {\n      color: var(--text-muted);\n    }\n\n    .srmc-cp-fr {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 18px;\n    }\n\n    .srmc-cp-fsubmit { margin-top: 8px; }\n\n    .srmc-cp-fsubmit .srmc-cp-btn {\n      width: 100%;\n      justify-content: center;\n      font-size: 16px;\n      padding: 16px 32px;\n    }\n\n    \/* ========================================\n       SUCCESS MESSAGE\n    ======================================== *\/\n    .srmc-cp-success {\n      display: none;\n      margin-top: 24px;\n      padding: 22px 24px;\n      background: linear-gradient(135deg, rgba(239, 211, 74, 0.08), rgba(239, 211, 74, 0.03));\n      border: 1px solid rgba(239, 211, 74, 0.25);\n      border-left: 5px solid var(--gold);\n      border-radius: var(--radius-md);\n      opacity: 0;\n      transform: translateY(12px);\n      transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n\n    .srmc-cp-success.show {\n      display: block;\n      opacity: 0;\n      transform: translateY(12px);\n    }\n\n    .srmc-cp-success.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .srmc-cp-success.hide {\n      opacity: 0;\n      transform: translateY(-8px);\n      transition: opacity 0.35s ease, transform 0.35s ease;\n    }\n\n    .srmc-cp-success-top {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 10px;\n    }\n\n    .srmc-cp-success-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--gold), var(--gold-light));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      position: relative;\n    }\n\n    .srmc-cp-success-icon::after {\n      content: '';\n      position: absolute;\n      inset: -4px;\n      border-radius: 50%;\n      border: 2px solid rgba(239, 211, 74, 0.3);\n      animation: srmc-cp-ring 2s ease-in-out infinite;\n    }\n\n    .srmc-cp-success-icon .material-symbols-rounded {\n      font-size: 22px;\n      color: var(--olive-dark);\n    }\n\n    .srmc-cp-success-text h4 {\n      font-family: 'DM Sans', sans-serif;\n      font-weight: 700;\n      font-size: 16px;\n      color: var(--olive-dark);\n      margin: 0 0 2px 0;\n      line-height: 1.3;\n    }\n\n    .srmc-cp-success-text p {\n      font-size: 13px;\n      color: var(--text-muted);\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    .srmc-cp-success-bar {\n      width: 100%;\n      height: 3px;\n      background: rgba(239, 211, 74, 0.15);\n      border-radius: 100px;\n      overflow: hidden;\n    }\n\n    .srmc-cp-success-bar-fill {\n      height: 100%;\n      background: linear-gradient(90deg, var(--gold), var(--gold-light));\n      border-radius: 100px;\n      width: 100%;\n      transform-origin: left;\n      transition: transform linear;\n    }\n\n    \/* ========================================\n       MAP\n    ======================================== *\/\n    .srmc-cp-map-sec { padding: 0; position: relative; }\n\n    .srmc-cp-map-hdr {\n      background: var(--bg-warm);\n      padding: 56px 24px 0;\n      text-align: center;\n    }\n\n    .srmc-cp-map-hdr .srmc-cp-subtitle { margin: 0 auto; }\n\n    .srmc-cp-map-wrap {\n      width: 100%;\n      height: 500px;\n      position: relative;\n      background: var(--olive);\n    }\n\n    .srmc-cp-map-wrap iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      display: block;\n    }\n\n    .srmc-cp-map-card {\n      position: absolute;\n      bottom: 32px;\n      left: 32px;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: 28px 32px;\n      box-shadow: var(--shadow-strong);\n      max-width: 360px;\n      z-index: 3;\n      border-left: 5px solid var(--gold);\n    }\n\n    .srmc-cp-map-card-lbl {\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: var(--gold-dark);\n      margin-bottom: 6px;\n    }\n\n    .srmc-cp-map-card-lbl .material-symbols-rounded {\n      color: var(--gold-dark);\n    }\n\n    .srmc-cp-map-card-t {\n      font-family: 'Playfair Display', serif;\n      font-weight: 700;\n      font-size: 20px;\n      color: var(--olive-dark);\n      margin-bottom: 6px;\n    }\n\n    .srmc-cp-map-card-a {\n      font-size: 14px;\n      color: var(--text-muted);\n      line-height: 1.6;\n      margin-bottom: 16px;\n    }\n\n    .srmc-cp-map-card .srmc-cp-btn { font-size: 13px; padding: 10px 22px; }\n\n    \/* ========================================\n       OFFICE HOURS\n    ======================================== *\/\n    .srmc-cp-hours {\n      background: var(--olive-deeper);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .srmc-cp-hours::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse at 30% 50%, rgba(239, 211, 74, 0.05) 0%, transparent 50%),\n        radial-gradient(ellipse at 70% 30%, rgba(239, 211, 74, 0.03) 0%, transparent 50%);\n      pointer-events: none;\n    }\n\n    .srmc-cp-hours-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 48px;\n      align-items: center;\n      position: relative;\n      z-index: 1;\n    }\n\n    .srmc-cp-hours-left .srmc-cp-title { color: #ffffff; }\n    .srmc-cp-hours-left .srmc-cp-subtitle { color: rgba(240, 237, 220, 0.55); }\n\n    .srmc-cp-hours-note {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 20px 24px;\n      background: rgba(239, 211, 74, 0.06);\n      border-radius: var(--radius-md);\n      border-left: 3px solid var(--gold);\n      margin-top: 32px;\n    }\n\n    .srmc-cp-hours-note .material-symbols-rounded {\n      font-size: 22px;\n      color: var(--gold);\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .srmc-cp-hours-note p {\n      font-size: 14px;\n      color: rgba(240, 237, 220, 0.6);\n      line-height: 1.6;\n    }\n\n    .srmc-cp-hcards {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .srmc-cp-hcard {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 22px 28px;\n      background: rgba(255, 255, 255, 0.03);\n      border: 1px solid rgba(239, 211, 74, 0.08);\n      border-radius: var(--radius-md);\n      transition: all var(--t-smooth);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .srmc-cp-hcard::after {\n      content: '';\n      position: absolute;\n      right: 0; top: 0; bottom: 0;\n      width: 4px;\n      background: var(--gold);\n      transform: scaleY(0);\n      transition: transform var(--t-smooth);\n      border-radius: 0 4px 4px 0;\n    }\n\n    .srmc-cp-hcard:hover {\n      background: rgba(239, 211, 74, 0.06);\n      border-color: rgba(239, 211, 74, 0.18);\n      transform: translateX(-6px);\n    }\n\n    .srmc-cp-hcard:hover::after { transform: scaleY(1); }\n\n    .srmc-cp-hcard-day {\n      font-family: 'Playfair Display', serif;\n      font-weight: 700;\n      font-size: 17px;\n      color: #ffffff;\n      min-width: 120px;\n    }\n\n    .srmc-cp-hcard-time {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 15px;\n      color: var(--gold);\n      font-weight: 500;\n    }\n\n    .srmc-cp-hcard-time .material-symbols-rounded { font-size: 18px; }\n\n    .srmc-cp-hcard-st {\n      margin-left: auto;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      padding: 4px 12px;\n      border-radius: 100px;\n    }\n\n    .srmc-cp-hcard-st.open { color: #4caf50; background: rgba(76, 175, 80, 0.1); }\n    .srmc-cp-hcard-st.closed { color: #ef5350; background: rgba(239, 83, 80, 0.1); }\n\n    \/* ========================================\n       FAQ\n    ======================================== *\/\n    .srmc-cp-faq { background: var(--bg-warm); }\n\n    .srmc-cp-faq-hdr { text-align: center; margin-bottom: 48px; }\n    .srmc-cp-faq-hdr .srmc-cp-subtitle { margin: 0 auto; }\n\n    .srmc-cp-faq-list {\n      max-width: 800px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .srmc-cp-faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-soft);\n      border: 1px solid rgba(75, 78, 58, 0.06);\n      overflow: hidden;\n      transition: all var(--t-smooth);\n    }\n\n    .srmc-cp-faq-item:hover { box-shadow: var(--shadow-medium); }\n\n    .srmc-cp-faq-q {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 22px 28px;\n      cursor: pointer;\n      transition: background var(--t-fast);\n      user-select: none;\n    }\n\n    .srmc-cp-faq-q:hover { background: rgba(239, 211, 74, 0.04); }\n\n    .srmc-cp-faq-qi {\n      width: 40px;\n      height: 40px;\n      border-radius: 10px;\n      background: linear-gradient(135deg, rgba(239, 211, 74, 0.12), rgba(239, 211, 74, 0.04));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: all var(--t-smooth);\n    }\n\n    .srmc-cp-faq-item.active .srmc-cp-faq-qi { background: var(--gold); }\n\n    .srmc-cp-faq-qi .material-symbols-rounded {\n      font-size: 20px;\n      color: var(--gold-dark);\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-faq-item.active .srmc-cp-faq-qi .material-symbols-rounded { color: var(--olive-dark); }\n\n    .srmc-cp-faq-qt {\n      flex: 1;\n      font-weight: 600;\n      font-size: 15px;\n      color: var(--olive-dark);\n    }\n\n    .srmc-cp-faq-tog {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: var(--bg-warm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      transition: all var(--t-smooth);\n    }\n\n    .srmc-cp-faq-item.active .srmc-cp-faq-tog {\n      background: var(--olive);\n      transform: rotate(180deg);\n    }\n\n    .srmc-cp-faq-tog .material-symbols-rounded {\n      font-size: 20px;\n      color: var(--olive-light);\n      transition: color var(--t-fast);\n    }\n\n    .srmc-cp-faq-item.active .srmc-cp-faq-tog .material-symbols-rounded { color: var(--gold); }\n\n    .srmc-cp-faq-ans {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .srmc-cp-faq-ans-inner {\n      padding: 0 28px 24px 84px;\n      font-size: 14px;\n      line-height: 1.8;\n      color: var(--text-muted);\n    }\n\n    .srmc-cp-faq-item.active .srmc-cp-faq-ans { max-height: 300px; }\n\n    \/* ========================================\n       CTA\n    ======================================== *\/\n    .srmc-cp-cta {\n      background: linear-gradient(155deg, var(--olive-dark) 0%, var(--olive) 100%);\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .srmc-cp-cta::before {\n      content: '';\n      position: absolute;\n      top: 50%; left: 50%;\n      transform: translate(-50%, -50%);\n      width: 800px; height: 800px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(239, 211, 74, 0.06) 0%, transparent 60%);\n      pointer-events: none;\n    }\n\n    .srmc-cp-cta-inner {\n      position: relative;\n      z-index: 1;\n      max-width: 640px;\n      margin: 0 auto;\n    }\n\n    .srmc-cp-cta-t {\n      font-family: 'Playfair Display', serif;\n      font-weight: 800;\n      font-size: clamp(28px, 4vw, 44px);\n      color: #ffffff;\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n\n    .srmc-cp-cta-t em { color: var(--gold); font-style: normal; }\n\n    .srmc-cp-cta-d {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      font-style: italic;\n      color: rgba(240, 237, 220, 0.6);\n      margin-bottom: 32px;\n      line-height: 1.6;\n    }\n\n    .srmc-cp-cta-btns {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 16px;\n      justify-content: center;\n    }\n\n    \/* ========================================\n       SCROLL REVEAL\n    ======================================== *\/\n    .srmc-cp-rv {\n      opacity: 0;\n      transform: translateY(32px);\n      transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .srmc-cp-rv.vis { opacity: 1; transform: translateY(0); }\n\n    .srmc-cp-rl {\n      opacity: 0;\n      transform: translateX(-40px);\n      transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .srmc-cp-rl.vis { opacity: 1; transform: translateX(0); }\n\n    .srmc-cp-rr {\n      opacity: 0;\n      transform: translateX(40px);\n      transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .srmc-cp-rr.vis { opacity: 1; transform: translateX(0); }\n\n    .srmc-cp-d1 { transition-delay: 0.1s; }\n    .srmc-cp-d2 { transition-delay: 0.2s; }\n    .srmc-cp-d3 { transition-delay: 0.3s; }\n    .srmc-cp-d4 { transition-delay: 0.4s; }\n    .srmc-cp-d5 { transition-delay: 0.5s; }\n\n    \/* ========================================\n       RESPONSIVE\n    ======================================== *\/\n    @media (max-width: 1024px) {\n      .srmc-cp-section { padding: 60px 0; }\n      .srmc-cp-strip-grid { grid-template-columns: repeat(2, 1fr); }\n      .srmc-cp-strip-item:nth-child(2) { border-right: none; }\n      .srmc-cp-split { grid-template-columns: 1fr; }\n      .srmc-cp-info { padding: 40px 36px; }\n      .srmc-cp-form { padding: 40px 36px; }\n      .srmc-cp-hours-grid { grid-template-columns: 1fr; gap: 36px; }\n      .srmc-cp-map-card {\n        position: relative;\n        bottom: auto; left: auto;\n        max-width: 100%;\n        border-radius: 0;\n        border-left: none;\n        border-top: 5px solid var(--gold);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .srmc-cp-inner { padding: 0 16px; }\n      .srmc-cp-section { padding: 48px 0; }\n      .srmc-cp-hero { min-height: 340px; padding: 72px 16px; }\n      .srmc-cp-strip-grid { grid-template-columns: 1fr; }\n      .srmc-cp-strip-item {\n        border-right: none;\n        border-bottom: 1px solid rgba(239, 211, 74, 0.1);\n        padding: 22px 24px;\n      }\n      .srmc-cp-strip-item:last-child { border-bottom: none; }\n      .srmc-cp-info { padding: 32px 24px; }\n      .srmc-cp-form { padding: 32px 24px; }\n      .srmc-cp-fr { grid-template-columns: 1fr; gap: 0; }\n      .srmc-cp-info-h { font-size: 26px; }\n      .srmc-cp-form-h { font-size: 24px; }\n      .srmc-cp-map-wrap { height: 350px; }\n      .srmc-cp-hcard {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n        padding: 18px 22px;\n      }\n      .srmc-cp-hcard-st { margin-left: 0; }\n      .srmc-cp-faq-ans-inner { padding: 0 22px 20px 22px; }\n      .srmc-cp-faq-q { padding: 18px 22px; }\n    }\n\n    @media (max-width: 480px) {\n      .srmc-cp-socials { flex-wrap: wrap; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- ============================================\n     PAGE CONTENT\n============================================ -->\n<div class=\"srmc-cp\">\n\n  <!-- HERO -->\n  <section class=\"srmc-cp-hero\" id=\"cTop\">\n    <div class=\"srmc-cp-hero-pattern\"><\/div>\n    <div class=\"srmc-cp-hero-content\">\n      <nav class=\"srmc-cp-hero-crumb\">\n        <a href=\"https:\/\/demo5.yinwoodweb.com\/agro\">Home<\/a>\n        <span class=\"sep material-symbols-rounded\">chevron_right<\/span>\n        <span class=\"cur\">Contact Us<\/span>\n      <\/nav>\n      <div class=\"srmc-cp-hero-cross\">\n        <span class=\"material-symbols-rounded\">mail<\/span>\n      <\/div>\n      <p class=\"srmc-cp-hero-top\">San Roque Mission Center Agro<\/p>\n      <h1 class=\"srmc-cp-hero-title\">Contact Us<\/h1>\n      <p class=\"srmc-cp-hero-sub\">We are here to serve you. Reach out for sacramental requests, prayer intentions, or any inquiry about our parish community.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- QUICK STRIP -->\n  <section class=\"srmc-cp-strip\">\n    <div class=\"srmc-cp-inner\">\n      <div class=\"srmc-cp-strip-grid\">\n        <div class=\"srmc-cp-strip-item srmc-cp-rv srmc-cp-d1\">\n          <div class=\"srmc-cp-strip-icon\"><span class=\"material-symbols-rounded\">call<\/span><\/div>\n          <div>\n            <div class=\"srmc-cp-strip-label\">Call Us<\/div>\n            <div class=\"srmc-cp-strip-val\"><a href=\"tel:+63042XXXXXXX\">+63 (042) XXX-XXXX<\/a><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"srmc-cp-strip-item srmc-cp-rv srmc-cp-d2\">\n          <div class=\"srmc-cp-strip-icon\"><span class=\"material-symbols-rounded\">mail<\/span><\/div>\n          <div>\n            <div class=\"srmc-cp-strip-label\">Email<\/div>\n            <div class=\"srmc-cp-strip-val\"><a href=\"mailto:agrosanroque@gmail.com\">agrosanroque@gmail.com<\/a><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"srmc-cp-strip-item srmc-cp-rv srmc-cp-d3\">\n          <div class=\"srmc-cp-strip-icon\"><span class=\"material-symbols-rounded\">location_on<\/span><\/div>\n          <div>\n            <div class=\"srmc-cp-strip-label\">Location<\/div>\n            <div class=\"srmc-cp-strip-val\">Brgy. Agro, Catanauan, Quezon<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"srmc-cp-strip-item srmc-cp-rv srmc-cp-d4\">\n          <div class=\"srmc-cp-strip-icon\"><span class=\"material-symbols-rounded\">schedule<\/span><\/div>\n          <div>\n            <div class=\"srmc-cp-strip-label\">Office Hours<\/div>\n            <div class=\"srmc-cp-strip-val\">Mon\u2013Sat: 8 AM \u2013 5 PM<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT SPLIT -->\n  <section class=\"srmc-cp-section srmc-cp-main\" id=\"cForm\">\n    <div class=\"srmc-cp-inner\">\n      <div class=\"srmc-cp-split\">\n        <!-- LEFT -->\n        <div class=\"srmc-cp-info srmc-cp-rl\">\n          <div class=\"srmc-cp-info-top\">\n            <h2 class=\"srmc-cp-info-h\">Let&#8217;s <em>Connect<\/em><\/h2>\n            <p class=\"srmc-cp-info-desc\">Whether you need a sacrament, want to volunteer, or simply want to say hello \u2014 we would love to hear from you.<\/p>\n            <div class=\"srmc-cp-info-list\">\n              <div class=\"srmc-cp-info-item\">\n                <div class=\"srmc-cp-info-dot\"><span class=\"material-symbols-rounded\">location_on<\/span><\/div>\n                <div>\n                  <div class=\"srmc-cp-info-lbl\">Parish Address<\/div>\n                  <div class=\"srmc-cp-info-val\">San Roque Mission Center Agro<br>Brgy. Agro, Catanauan,<br>Quezon Province, Philippines<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"srmc-cp-info-item\">\n                <div class=\"srmc-cp-info-dot\"><span class=\"material-symbols-rounded\">call<\/span><\/div>\n                <div>\n                  <div class=\"srmc-cp-info-lbl\">Phone Number<\/div>\n                  <div class=\"srmc-cp-info-val\"><a href=\"tel:+63042XXXXXXX\">+63 (042) XXX-XXXX<\/a><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"srmc-cp-info-item\">\n                <div class=\"srmc-cp-info-dot\"><span class=\"material-symbols-rounded\">mail<\/span><\/div>\n                <div>\n                  <div class=\"srmc-cp-info-lbl\">Email Address<\/div>\n                  <div class=\"srmc-cp-info-val\"><a href=\"mailto:agrosanroque@gmail.com\">agrosanroque@gmail.com<\/a><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"srmc-cp-info-item\">\n                <div class=\"srmc-cp-info-dot\"><span class=\"material-symbols-rounded\">schedule<\/span><\/div>\n                <div>\n                  <div class=\"srmc-cp-info-lbl\">Office Hours<\/div>\n                  <div class=\"srmc-cp-info-val\">Monday \u2013 Saturday<br>8:00 AM \u2013 12:00 PM &amp; 2:00 PM \u2013 5:00 PM<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"srmc-cp-socials\">\n            <a href=\"#\" class=\"srmc-cp-social\" aria-label=\"Facebook\"><span class=\"material-symbols-rounded\">thumb_up<\/span><\/a>\n            <a href=\"#\" class=\"srmc-cp-social\" aria-label=\"Messenger\"><span class=\"material-symbols-rounded\">chat<\/span><\/a>\n            <a href=\"#\" class=\"srmc-cp-social\" aria-label=\"YouTube\"><span class=\"material-symbols-rounded\">play_circle<\/span><\/a>\n            <a href=\"#\" class=\"srmc-cp-social\" aria-label=\"Share\"><span class=\"material-symbols-rounded\">share<\/span><\/a>\n          <\/div>\n        <\/div>\n\n        <!-- RIGHT -->\n        <div class=\"srmc-cp-form srmc-cp-rr\">\n          <h3 class=\"srmc-cp-form-h\">Send Us a Message<\/h3>\n          <p class=\"srmc-cp-form-sub\">Fill in the form below and we will get back to you as soon as possible.<\/p>\n          <form id=\"cContactForm\" onsubmit=\"srmcCpSubmit(event)\">\n            <div class=\"srmc-cp-fr\">\n              <div class=\"srmc-cp-fg\">\n                <label class=\"srmc-cp-fl\" for=\"cFn\">First Name<\/label>\n                <input class=\"srmc-cp-fi\" type=\"text\" id=\"cFn\" placeholder=\"Juan\" required \/>\n              <\/div>\n              <div class=\"srmc-cp-fg\">\n                <label class=\"srmc-cp-fl\" for=\"cLn\">Last Name<\/label>\n                <input class=\"srmc-cp-fi\" type=\"text\" id=\"cLn\" placeholder=\"Dela Cruz\" required \/>\n              <\/div>\n            <\/div>\n            <div class=\"srmc-cp-fr\">\n              <div class=\"srmc-cp-fg\">\n                <label class=\"srmc-cp-fl\" for=\"cEm\">Email Address<\/label>\n                <input class=\"srmc-cp-fi\" type=\"email\" id=\"cEm\" placeholder=\"juan@email.com\" required \/>\n              <\/div>\n              <div class=\"srmc-cp-fg\">\n                <label class=\"srmc-cp-fl\" for=\"cPh\">Phone Number<\/label>\n                <input class=\"srmc-cp-fi\" type=\"tel\" id=\"cPh\" placeholder=\"+63 9XX XXX XXXX\" \/>\n              <\/div>\n            <\/div>\n            <div class=\"srmc-cp-fg\">\n              <label class=\"srmc-cp-fl\" for=\"cSb\">Subject<\/label>\n              <select class=\"srmc-cp-fs\" id=\"cSb\" required>\n                <option value=\"\" disabled selected>Select a subject&#8230;<\/option>\n                <option value=\"sacrament\">Sacramental Request (Baptism, Wedding, etc.)<\/option>\n                <option value=\"mass\">Mass Intention \/ Special Prayer<\/option>\n                <option value=\"volunteer\">Volunteer \/ Ministry Inquiry<\/option>\n                <option value=\"event\">Event Information<\/option>\n                <option value=\"general\">General Inquiry<\/option>\n                <option value=\"other\">Other<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"srmc-cp-fg\">\n              <label class=\"srmc-cp-fl\" for=\"cMsg\">Your Message<\/label>\n              <textarea class=\"srmc-cp-ft\" id=\"cMsg\" placeholder=\"Write your message here...\" required><\/textarea>\n            <\/div>\n            <div class=\"srmc-cp-fsubmit\">\n              <button type=\"submit\" class=\"srmc-cp-btn srmc-cp-btn-primary\">\n                <span>Send Message<\/span>\n                <span class=\"material-symbols-rounded\">send<\/span>\n              <\/button>\n            <\/div>\n          <\/form>\n\n          <!-- SUCCESS MESSAGE -->\n          <div class=\"srmc-cp-success\" id=\"cSuccess\">\n            <div class=\"srmc-cp-success-top\">\n              <div class=\"srmc-cp-success-icon\">\n                <span class=\"material-symbols-rounded\">check<\/span>\n              <\/div>\n              <div class=\"srmc-cp-success-text\">\n                <h4>Message Sent Successfully!<\/h4>\n                <p>We will respond as soon as possible. God bless!<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"srmc-cp-success-bar\">\n              <div class=\"srmc-cp-success-bar-fill\" id=\"cSuccessBar\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MAP -->\n  <section class=\"srmc-cp-map-sec\" id=\"cMap\">\n    <div class=\"srmc-cp-map-hdr\">\n      <span class=\"srmc-cp-label\"><span class=\"material-symbols-rounded\">map<\/span>Find Us<\/span>\n      <h2 class=\"srmc-cp-title\" style=\"font-size: clamp(28px, 4vw, 40px);\">Our Location<\/h2>\n      <p class=\"srmc-cp-subtitle\">Located in the heart of Brgy. Agro, Catanauan, Quezon Province \u2014 easy to find and always open for you.<\/p>\n    <\/div>\n    <div class=\"srmc-cp-map-wrap\">\n      <iframe src=\"https:\/\/www.google.com\/maps?q=Brgy.+Agro,+Catanauan,+Quezon+Province,+Philippines&#038;output=embed&#038;z=15\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"San Roque Mission Center Agro Location Map\"><\/iframe>\n      <div class=\"srmc-cp-map-card srmc-cp-rv\">\n        <div class=\"srmc-cp-map-card-lbl\">\n          <span class=\"material-symbols-rounded\" style=\"font-size:14px; vertical-align:middle; margin-right:4px;\">pin_drop<\/span>Pinned Location\n        <\/div>\n        <h3 class=\"srmc-cp-map-card-t\">San Roque Mission Center Agro<\/h3>\n        <p class=\"srmc-cp-map-card-a\">Brgy. Agro, Catanauan, Quezon Province, Philippines<\/p>\n        <a href=\"https:\/\/www.google.com\/maps\/search\/Brgy.+Agro,+Catanauan,+Quezon+Province\" target=\"_blank\" rel=\"noopener\" class=\"srmc-cp-btn srmc-cp-btn-olive srmc-cp-btn-sm\">\n          <span>Open in Google Maps<\/span>\n          <span class=\"material-symbols-rounded\">open_in_new<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- HOURS -->\n  <section class=\"srmc-cp-section srmc-cp-hours\" id=\"cHours\">\n    <div class=\"srmc-cp-inner\">\n      <div class=\"srmc-cp-hours-grid\">\n        <div class=\"srmc-cp-hours-left srmc-cp-rl\">\n          <span class=\"srmc-cp-label srmc-cp-label-light\"><span class=\"material-symbols-rounded\">schedule<\/span>Availability<\/span>\n          <h2 class=\"srmc-cp-title\">Parish Office Hours<\/h2>\n          <p class=\"srmc-cp-subtitle\">Visit us during office hours for sacramental bookings, certificates, donations, and general inquiries.<\/p>\n          <div class=\"srmc-cp-hours-note\">\n            <span class=\"material-symbols-rounded\">info<\/span>\n            <p>For emergencies such as anointing of the sick, please call our emergency hotline at any time. We are always here for you.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"srmc-cp-hcards srmc-cp-rr\">\n          <div class=\"srmc-cp-hcard srmc-cp-d1\"><span class=\"srmc-cp-hcard-day\">Monday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 5:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard srmc-cp-d2\"><span class=\"srmc-cp-hcard-day\">Tuesday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 5:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard srmc-cp-d3\"><span class=\"srmc-cp-hcard-day\">Wednesday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 5:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard srmc-cp-d4\"><span class=\"srmc-cp-hcard-day\">Thursday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 5:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard srmc-cp-d5\"><span class=\"srmc-cp-hcard-day\">Friday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 5:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard\"><span class=\"srmc-cp-hcard-day\">Saturday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">schedule<\/span>8:00 AM \u2013 12:00 PM<\/span><span class=\"srmc-cp-hcard-st open\">Open<\/span><\/div>\n          <div class=\"srmc-cp-hcard\"><span class=\"srmc-cp-hcard-day\">Sunday<\/span><span class=\"srmc-cp-hcard-time\"><span class=\"material-symbols-rounded\">event_busy<\/span>Closed<\/span><span class=\"srmc-cp-hcard-st closed\">Closed<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"srmc-cp-section srmc-cp-faq\" id=\"cFaq\">\n    <div class=\"srmc-cp-inner\">\n      <div class=\"srmc-cp-faq-hdr srmc-cp-rv\">\n        <span class=\"srmc-cp-label\"><span class=\"material-symbols-rounded\">help<\/span>Common Questions<\/span>\n        <h2 class=\"srmc-cp-title\">Frequently Asked Questions<\/h2>\n        <p class=\"srmc-cp-subtitle\">Find quick answers to the most common inquiries about our parish and sacraments.<\/p>\n      <\/div>\n      <div class=\"srmc-cp-faq-list\">\n        <div class=\"srmc-cp-faq-item srmc-cp-rv srmc-cp-d1\">\n          <div class=\"srmc-cp-faq-q\" onclick=\"srmcCpFaq(this)\">\n            <div class=\"srmc-cp-faq-qi\"><span class=\"material-symbols-rounded\">water_drop<\/span><\/div>\n            <span class=\"srmc-cp-faq-qt\">How do I schedule a Baptism?<\/span>\n            <div class=\"srmc-cp-faq-tog\"><span class=\"material-symbols-rounded\">expand_more<\/span><\/div>\n          <\/div>\n          <div class=\"srmc-cp-faq-ans\"><div class=\"srmc-cp-faq-ans-inner\">Please visit the parish office at least two weeks before the desired baptism date. Bring the child&#8217;s birth certificate, the parents&#8217; marriage certificate (if applicable), and the names of the godparents. A pre-baptismal seminar is required for both parents and sponsors.<\/div><\/div>\n        <\/div>\n        <div class=\"srmc-cp-faq-item srmc-cp-rv srmc-cp-d2\">\n          <div class=\"srmc-cp-faq-q\" onclick=\"srmcCpFaq(this)\">\n            <div class=\"srmc-cp-faq-qi\"><span class=\"material-symbols-rounded\">favorite<\/span><\/div>\n            <span class=\"srmc-cp-faq-qt\">What are the requirements for a Church Wedding?<\/span>\n            <div class=\"srmc-cp-faq-tog\"><span class=\"material-symbols-rounded\">expand_more<\/span><\/div>\n          <\/div>\n          <div class=\"srmc-cp-faq-ans\"><div class=\"srmc-cp-faq-ans-inner\">Couples must schedule an appointment at least three months before the wedding date. Requirements include baptismal and confirmation certificates (recent copies), marriage license, canonical interview, pre-Cana seminar completion, and the names of sponsors (ninong and ninang).<\/div><\/div>\n        <\/div>\n        <div class=\"srmc-cp-faq-item srmc-cp-rv srmc-cp-d3\">\n          <div class=\"srmc-cp-faq-q\" onclick=\"srmcCpFaq(this)\">\n            <div class=\"srmc-cp-faq-qi\"><span class=\"material-symbols-rounded\">volunteer_activism<\/span><\/div>\n            <span class=\"srmc-cp-faq-qt\">How can I request a Mass intention?<\/span>\n            <div class=\"srmc-cp-faq-tog\"><span class=\"material-symbols-rounded\">expand_more<\/span><\/div>\n          <\/div>\n          <div class=\"srmc-cp-faq-ans\"><div class=\"srmc-cp-faq-ans-inner\">Mass intentions can be requested at the parish office during office hours. Please provide the name of the person, your preferred date and time, and the stipend offering. You may also call or email us to check available schedules.<\/div><\/div>\n        <\/div>\n        <div class=\"srmc-cp-faq-item srmc-cp-rv srmc-cp-d4\">\n          <div class=\"srmc-cp-faq-q\" onclick=\"srmcCpFaq(this)\">\n            <div class=\"srmc-cp-faq-qi\"><span class=\"material-symbols-rounded\">groups<\/span><\/div>\n            <span class=\"srmc-cp-faq-qt\">How do I join a parish ministry or organization?<\/span>\n            <div class=\"srmc-cp-faq-tog\"><span class=\"material-symbols-rounded\">expand_more<\/span><\/div>\n          <\/div>\n          <div class=\"srmc-cp-faq-ans\"><div class=\"srmc-cp-faq-ans-inner\">We welcome all parishioners who wish to serve! You may approach any of our ministry leaders after Mass, visit the parish office, or contact us through this page. We have active groups including the Legion of Mary, Youth Ministry, Parish Choir, Bible Study Group, and the Agro Ministry.<\/div><\/div>\n        <\/div>\n        <div class=\"srmc-cp-faq-item srmc-cp-rv srmc-cp-d5\">\n          <div class=\"srmc-cp-faq-q\" onclick=\"srmcCpFaq(this)\">\n            <div class=\"srmc-cp-faq-qi\"><span class=\"material-symbols-rounded\">description<\/span><\/div>\n            <span class=\"srmc-cp-faq-qt\">How do I get a Certificate of Baptism, Confirmation, or Marriage?<\/span>\n            <div class=\"srmc-cp-faq-tog\"><span class=\"material-symbols-rounded\">expand_more<\/span><\/div>\n          <\/div>\n          <div class=\"srmc-cp-faq-ans\"><div class=\"srmc-cp-faq-ans-inner\">Please visit the parish office with a valid ID. If requesting on behalf of someone else, bring an authorization letter. A small processing fee may apply. Certificates are usually available within 3\u20135 working days.<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"srmc-cp-section srmc-cp-cta\">\n    <div class=\"srmc-cp-inner\">\n      <div class=\"srmc-cp-cta-inner srmc-cp-rv\">\n        <div class=\"srmc-cp-hero-cross\" style=\"margin: 0 auto 28px;\">\n          <span class=\"material-symbols-rounded\">favorite<\/span>\n        <\/div>\n        <h2 class=\"srmc-cp-cta-t\">We Are Here <em>For You<\/em><\/h2>\n        <p class=\"srmc-cp-cta-d\">&#8220;Come to me, all you who are weary and burdened, and I will give you rest.&#8221; \u2014 Matthew 11:28<\/p>\n        <div class=\"srmc-cp-cta-btns\">\n          <a href=\"#cForm\" class=\"srmc-cp-btn srmc-cp-btn-primary\"><span>Send a Message<\/span><span class=\"material-symbols-rounded\">arrow_upward<\/span><\/a>\n          <a href=\"#cMap\" class=\"srmc-cp-btn srmc-cp-btn-outline\"><span>View Map<\/span><span class=\"material-symbols-rounded\">map<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  var successTimer = null;\n  var AUTO_DISMISS_MS = 4500;\n\n  \/* Form Submit *\/\n  window.srmcCpSubmit = function(e) {\n    e.preventDefault();\n    var form = document.getElementById('cContactForm');\n    var msg = document.getElementById('cSuccess');\n    var bar = document.getElementById('cSuccessBar');\n    form.reset();\n    if (successTimer) { clearTimeout(successTimer); successTimer = null; }\n    if (msg.classList.contains('show')) {\n      msg.classList.remove('visible');\n      setTimeout(function() { showSuccess(msg, bar); }, 100);\n    } else {\n      showSuccess(msg, bar);\n    }\n  };\n\n  function showSuccess(msg, bar) {\n    msg.classList.add('show');\n    msg.classList.remove('hide');\n    void msg.offsetWidth;\n    requestAnimationFrame(function() { msg.classList.add('visible'); });\n    bar.style.transition = 'none';\n    bar.style.transform = 'scaleX(1)';\n    void bar.offsetWidth;\n    bar.style.transition = 'transform ' + AUTO_DISMISS_MS + 'ms linear';\n    bar.style.transform = 'scaleX(0)';\n    successTimer = setTimeout(function() { srmcCpSuccessClose(); }, AUTO_DISMISS_MS);\n  }\n\n  window.srmcCpSuccessClose = function() {\n    var msg = document.getElementById('cSuccess');\n    if (!msg.classList.contains('show')) return;\n    msg.classList.add('hide');\n    msg.classList.remove('visible');\n    setTimeout(function() {\n      msg.classList.remove('show', 'hide');\n      var bar = document.getElementById('cSuccessBar');\n      bar.style.transition = 'none';\n      bar.style.transform = 'scaleX(1)';\n    }, 400);\n  };\n\n  \/* FAQ Toggle *\/\n  window.srmcCpFaq = function(el) {\n    var item = el.parentElement;\n    var was = item.classList.contains('active');\n    document.querySelectorAll('.srmc-cp-faq-item').forEach(function(f) { f.classList.remove('active'); });\n    if (!was) item.classList.add('active');\n  };\n\n  \/* Scroll Reveal *\/\n  var els = document.querySelectorAll('.srmc-cp-rv, .srmc-cp-rl, .srmc-cp-rr');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) { if (e.isIntersecting) { e.target.classList.add('vis'); obs.unobserve(e.target); } });\n    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n    els.forEach(function(el) { obs.observe(el); });\n  } else {\n    els.forEach(function(el) { el.classList.add('vis'); });\n  }\n\n  \/* Smooth Scroll *\/\n  document.querySelectorAll('.srmc-cp a[href^=\"#\"]').forEach(function(a) {\n    a.addEventListener('click', function(e) {\n      var id = this.getAttribute('href');\n      if (id === '#') return;\n      var t = document.querySelector(id);\n      if (t) { e.preventDefault(); window.scrollTo({ top: t.getBoundingClientRect().top + window.pageYOffset - 24, behavior: 'smooth' }); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For any inquiries, please use the Contact Form. Contact Information Contact Us \u2014 San Roque Mission Center Agro Home chevron_right [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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":""}},"slim_seo":{"title":"Contact - San Roque Mission Center","description":"Contact Us \u2014 San Roque Mission Center Agro Home chevron_right Contact Us mail San Roque Mission Center Agro Contact Us We are here to serve you. Reach out for s"},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/Demo5.yinwoodweb.com\/agro\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"For any inquiries, please use the Contact Form. Contact Information Contact Us \u2014 San Roque Mission Center Agro Home chevron_right [&hellip;]","_links":{"self":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":30,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1515,"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/pages\/14\/revisions\/1515"}],"wp:attachment":[{"href":"https:\/\/Demo5.yinwoodweb.com\/agro\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}