{"id":155,"date":"2025-11-20T05:07:47","date_gmt":"2025-11-20T05:07:47","guid":{"rendered":"https:\/\/ctd.cst.edu.bt\/?page_id=155"},"modified":"2026-08-09T15:53:32","modified_gmt":"2026-08-09T15:53:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/ctd.cst.edu.bt\/?page_id=155","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"155\" class=\"elementor elementor-155\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f79882f e-con-full e-flex e-con e-parent\" data-id=\"f79882f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69428fa elementor-widget elementor-widget-html\" data-id=\"69428fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.tc-contact-v1 {\n  --tc-primary:        #1F3C7D;\n  --tc-primary-light:  #2f56a3;\n  --tc-primary-xlight: #e8eef7;\n  --tc-primary-dark:   #162c5a;\n  --tc-accent:         #F8B500;\n  --tc-accent-light:   #fff3cc;\n  --tc-accent-dark:    #c98f00;\n  --tc-white:          #ffffff;\n  --tc-gray-50:        #f8f9fb;\n  --tc-gray-100:       #f0f2f6;\n  --tc-gray-200:       #e2e6ee;\n  --tc-gray-400:       #9aa3b5;\n  --tc-gray-600:       #5a6278;\n  --tc-gray-800:       #2d3348;\n  --tc-shadow-sm:      0 2px 8px rgba(31,60,125,0.08);\n  --tc-shadow-md:      0 4px 20px rgba(31,60,125,0.13);\n  --tc-shadow-lg:      0 8px 40px rgba(31,60,125,0.18);\n  --tc-radius-sm:      8px;\n  --tc-radius-md:      12px;\n  --tc-radius-lg:      16px;\n  --tc-font:           'Poppins', sans-serif;\n\n  font-family: var(--tc-font);\n  color: var(--tc-gray-800);\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  background: var(--tc-gray-50);\n  padding: 100px 6vw;\n}\n\n.tc-contact-v1 * {font-family: var(--tc-font);},\n.tc-contact-v1 *::before,\n.tc-contact-v1 *::after { box-sizing: border-box; }\n\n\/* Ghost watermark \u2014 matches the hero\/labs treatment on a light background *\/\n.tc-contact-v1 .ghost-mark {\n  position: absolute; z-index: 0; right: -2%; top: -10%;\n  font-size: clamp(140px, 22vh, 320px); font-weight: 700; line-height: 1;\n  color: rgba(31,60,125,0.035);\n  letter-spacing: -0.02em;\n  pointer-events: none; user-select: none;\n}\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-contact-v1 .ghost-mark {\n    color: transparent;\n    -webkit-text-stroke: 1px rgba(31,60,125,0.06);\n  }\n}\n\n.tc-contact-v1 .contact-inner {\n  position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto;\n}\n\n\/* Header \u2014 mirrors the Labs section header pattern *\/\n.tc-contact-v1 .contact-header {\n  border-bottom: 1px solid var(--tc-gray-200);\n  padding-bottom: 32px; margin-bottom: 52px;\n}\n.tc-contact-v1 .contact-header-top {\n  display: flex; align-items: center; justify-content: space-between;\n  flex-wrap: wrap; gap: 12px; margin-bottom: 18px;\n}\n.tc-contact-v1 .contact-eyebrow {\n  display: inline-flex; align-items: center; gap: 12px;\n  font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--tc-primary);\n}\n.tc-contact-v1 .eyebrow-dash { width: 26px; height: 2px; background: var(--tc-accent); display: inline-block; }\n.tc-contact-v1 .contact-meta {\n  font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\n  color: var(--tc-gray-400);\n}\n.tc-contact-v1 .contact-title {\n  font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em;\n  color: var(--tc-primary-dark); margin: 0 0 14px;\n}\n.tc-contact-v1 .contact-title .accent-outline { color: var(--tc-primary-dark); }\n@supports (-webkit-text-stroke: 1px black) {\n  .tc-contact-v1 .contact-title .accent-outline {\n    color: transparent;\n    -webkit-text-stroke: 1.5px var(--tc-accent);\n  }\n}\n.tc-contact-v1 .contact-subtitle {\n  font-size: 1rem; line-height: 1.65; color: var(--tc-gray-600);\n  max-width: 620px; margin: 0;\n}\n\n\/* Grid *\/\n.tc-contact-v1 .contact-grid {\n  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 44px; align-items: start;\n}\n\n\/* Reveal-on-scroll (shared by both panels) *\/\n.tc-contact-v1 .reveal-up {\n  opacity: 0; transform: translateY(24px);\n  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.5s cubic-bezier(0.16,1,0.3,1);\n}\n.tc-contact-v1 .reveal-up.in-view { opacity: 1; transform: translateY(0); }\n\n\/* Info panel *\/\n.tc-contact-v1 .contact-info-panel {\n  position: relative;\n  background: var(--tc-white);\n  border: 1px solid var(--tc-gray-200);\n  border-radius: var(--tc-radius-lg);\n  padding: 40px 34px;\n  height: 100%;\n}\n.tc-contact-v1 .panel-corner { position: absolute; width: 16px; height: 16px; pointer-events: none; }\n.tc-contact-v1 .panel-corner.tl { top: 10px; left: 10px; border-top: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-contact-v1 .panel-corner.tr { top: 10px; right: 10px; border-top: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n.tc-contact-v1 .panel-corner.bl { bottom: 10px; left: 10px; border-bottom: 1.5px solid var(--tc-accent); border-left: 1.5px solid var(--tc-accent); }\n.tc-contact-v1 .panel-corner.br { bottom: 10px; right: 10px; border-bottom: 1.5px solid var(--tc-accent); border-right: 1.5px solid var(--tc-accent); }\n\n.tc-contact-v1 .info-list { display: flex; flex-direction: column; }\n.tc-contact-v1 .info-item {\n  display: flex; align-items: flex-start; gap: 16px;\n  padding: 18px 0; border-bottom: 1px solid var(--tc-gray-200);\n}\n.tc-contact-v1 .info-item:first-child { padding-top: 0; }\n.tc-contact-v1 .info-item:last-child { border-bottom: none; padding-bottom: 0; }\n.tc-contact-v1 .info-icon {\n  flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%;\n  background: var(--tc-primary); color: var(--tc-accent);\n  display: flex; align-items: center; justify-content: center;\n}\n.tc-contact-v1 .info-icon svg { width: 19px; height: 19px; }\n.tc-contact-v1 .info-text { display: flex; flex-direction: column; gap: 4px; padding-top: 2px; }\n.tc-contact-v1 .info-label {\n  font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--tc-gray-400);\n}\n.tc-contact-v1 .info-value {\n  font-size: 0.98rem; font-weight: 600; color: var(--tc-primary-dark); line-height: 1.5;\n}\n\n.tc-contact-v1 .social-row { margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--tc-gray-200); }\n.tc-contact-v1 .social-label {\n  display: block; margin-bottom: 14px;\n  font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--tc-gray-400);\n}\n.tc-contact-v1 .social-links { display: flex; gap: 10px; }\n.tc-contact-v1 .social-links a {\n  width: 38px; height: 38px; border-radius: 50%;\n  border: 1px solid var(--tc-gray-200); color: var(--tc-primary);\n  display: flex; align-items: center; justify-content: center;\n  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n}\n.tc-contact-v1 .social-links a:hover {\n  background: var(--tc-primary); color: var(--tc-white); border-color: var(--tc-primary);\n  transform: translateY(-3px);\n}\n.tc-contact-v1 .social-links svg { width: 16px; height: 16px; }\n\n\/* Form card *\/\n.tc-contact-v1 .contact-form-card {\n  background: var(--tc-white);\n  border: 1px solid var(--tc-gray-200);\n  border-radius: var(--tc-radius-lg);\n  box-shadow: var(--tc-shadow-md);\n  padding: 42px 42px 46px;\n}\n.tc-contact-v1 .form-heading { font-size: 1.35rem; font-weight: 700; color: var(--tc-primary-dark); margin: 0 0 6px; }\n.tc-contact-v1 .form-subheading { font-size: 0.92rem; color: var(--tc-gray-600); margin: 0 0 28px; }\n\n.tc-contact-v1 .form-row {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px;\n}\n.tc-contact-v1 .form-group { display: flex; flex-direction: column; gap: 8px; }\n.tc-contact-v1 .form-group.full { grid-column: 1 \/ -1; }\n.tc-contact-v1 .form-group label {\n  font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;\n  color: var(--tc-gray-600);\n}\n.tc-contact-v1 .form-group input,\n.tc-contact-v1 .form-group select,\n.tc-contact-v1 .form-group textarea {\n  font-family: var(--tc-font); font-size: 0.95rem; color: var(--tc-gray-800);\n  border: 1.5px solid var(--tc-gray-200); border-radius: var(--tc-radius-sm);\n  background: var(--tc-gray-50); padding: 12px 14px; width: 100%;\n  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n}\n.tc-contact-v1 .form-group input::placeholder,\n.tc-contact-v1 .form-group textarea::placeholder { color: var(--tc-gray-400); }\n.tc-contact-v1 .form-group input:focus,\n.tc-contact-v1 .form-group select:focus,\n.tc-contact-v1 .form-group textarea:focus {\n  outline: none; border-color: var(--tc-primary); background: var(--tc-white);\n  box-shadow: 0 0 0 3px rgba(31,60,125,0.1);\n}\n.tc-contact-v1 .form-group textarea { resize: vertical; min-height: 120px; }\n\n.tc-contact-v1 .form-submit {\n  position: relative; overflow: hidden; z-index: 0;\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  border: 1px solid var(--tc-accent); border-radius: 2px; cursor: pointer;\n  background: var(--tc-primary-dark);\n  padding: 14px 30px; min-height: 48px; min-width: 180px;\n  font-family: var(--tc-font); font-weight: 600; font-size: 14px;\n  color: var(--tc-white); margin-top: 6px;\n}\n.tc-contact-v1 .form-submit span,\n.tc-contact-v1 .form-submit svg { position: relative; z-index: 2; transition: color 0.35s ease; }\n.tc-contact-v1 .form-submit::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 1;\n  background: var(--tc-accent); transform: scaleX(0); transform-origin: left;\n  transition: transform 0.4s cubic-bezier(0.65,0,0.35,1);\n}\n.tc-contact-v1 .form-submit:hover::before { transform: scaleX(1); }\n.tc-contact-v1 .form-submit:hover span,\n.tc-contact-v1 .form-submit:hover svg { color: var(--tc-primary-dark); }\n.tc-contact-v1 .form-submit:disabled { opacity: 0.75; cursor: not-allowed; }\n.tc-contact-v1 .form-submit svg { transition: transform 0.3s ease, color 0.35s ease; }\n.tc-contact-v1 .form-submit:hover svg { transform: translateX(4px); }\n\n\/* Success state *\/\n.tc-contact-v1 .form-success { display: none; text-align: center; padding: 30px 10px 10px; }\n.tc-contact-v1 .form-success.show { display: flex; flex-direction: column; align-items: center; gap: 14px; }\n.tc-contact-v1 .success-icon {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: var(--tc-primary-xlight); color: var(--tc-primary);\n  display: flex; align-items: center; justify-content: center;\n}\n.tc-contact-v1 .success-icon svg { width: 26px; height: 26px; }\n.tc-contact-v1 .form-success h4 { margin: 0; font-size: 1.15rem; color: var(--tc-primary-dark); }\n.tc-contact-v1 .form-success p { margin: 0; font-size: 0.92rem; color: var(--tc-gray-600); max-width: 320px; line-height: 1.6; }\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .tc-contact-v1 { padding: 70px 5vw; }\n  .tc-contact-v1 .contact-grid { grid-template-columns: 1fr; gap: 28px; }\n  .tc-contact-v1 .contact-info-panel { height: auto; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .tc-contact-v1 { padding: 56px 20px; }\n  .tc-contact-v1 .contact-header { margin-bottom: 36px; padding-bottom: 24px; }\n  .tc-contact-v1 .contact-info-panel { padding: 30px 22px; }\n  .tc-contact-v1 .contact-form-card { padding: 28px 22px 32px; }\n  .tc-contact-v1 .form-row { grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; }\n  .tc-contact-v1 .form-submit { width: 100%; }\n  .tc-contact-v1 .ghost-mark { font-size: 30vh; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tc-contact-v1 .reveal-up { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"tc-contact-v1\">\n  <span class=\"ghost-mark\" aria-hidden=\"true\">REACH<\/span>\n\n  <div class=\"contact-inner\">\n    <div class=\"contact-header\">\n      <div class=\"contact-header-top\">\n        <span class=\"contact-eyebrow\"><span class=\"eyebrow-dash\"><\/span>Get In Touch<\/span>\n        <span class=\"contact-meta\">We Reply Within 48 Hrs<\/span>\n      <\/div>\n      <h2 class=\"contact-title\">Contact <span class=\"accent-outline\">Us<\/span><\/h2>\n      <p class=\"contact-subtitle\">Questions about our programs, admissions, or partnerships? Send us a note below and a member of the department will follow up shortly.<\/p>\n    <\/div>\n\n    <div class=\"contact-grid\">\n\n      <!-- Info panel -->\n      <div class=\"contact-info-panel reveal-up\">\n        <span class=\"panel-corner tl\"><\/span>\n        <span class=\"panel-corner tr\"><\/span>\n        <span class=\"panel-corner bl\"><\/span>\n        <span class=\"panel-corner br\"><\/span>\n\n        <div class=\"info-list\">\n          <div class=\"info-item\">\n            <span class=\"info-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n            <\/span>\n            <span class=\"info-text\">\n              <span class=\"info-label\">Visit Us<\/span>\n              <span class=\"info-value\">CTD Building, CST<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"info-item\">\n            <span class=\"info-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n            <\/span>\n            <span class=\"info-text\">\n              <span class=\"info-label\">Call Us<\/span>\n              <span class=\"info-value\">+975-17160538<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"info-item\">\n            <span class=\"info-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\n            <\/span>\n            <span class=\"info-text\">\n              <span class=\"info-label\">Email Us<\/span>\n              <span class=\"info-value\">itds.cst@rub.edu.bt<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"info-item\">\n            <span class=\"info-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n            <\/span>\n            <span class=\"info-text\">\n              <span class=\"info-label\">Office Hours<\/span>\n              <span class=\"info-value\">Mon &ndash; Fri, 08:00 AM &ndash; 05:00 PM<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"social-row\">\n          <span class=\"social-label\">Follow The Department<\/span>\n          <div class=\"social-links\">\n            <a href=\"#\" aria-label=\"Facebook\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 9H15V6.5h-1.5C11.6 6.5 10 8.1 10 10.2V12H8v2.5h2V21h2.5v-6.5H15l.5-2.5h-3v-1.6c0-.6.4-1.4 1-1.4z\"><\/path><\/svg>\n            <\/a>\n            <a href=\"#\" aria-label=\"X (Twitter)\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.3 3H21l-6.6 7.5L22 21h-6.1l-4.8-5.9L5.5 21H3l7-8-7.3-10h6.2l4.4 5.4L18.3 3z\"><\/path><\/svg>\n            <\/a>\n            <a href=\"#\" aria-label=\"LinkedIn\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3.5 9h3v11.5h-3V9zm6.5 0h2.9v1.6h.04c.4-.76 1.4-1.6 2.9-1.6 3.1 0 3.7 2 3.7 4.7v6.8h-3v-6c0-1.4 0-3.2-2-3.2s-2.3 1.5-2.3 3.1v6.1h-3V9z\"><\/path><\/svg>\n            <\/a>\n            <a href=\"#\" aria-label=\"YouTube\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 8.4c0-1.9-1.5-3.4-3.4-3.6C16.6 4.6 12 4.6 12 4.6s-4.6 0-6.6.2C3.5 5 2 6.5 2 8.4 1.8 10 1.8 12 1.8 12s0 2 .2 3.6c.1 1.9 1.6 3.4 3.4 3.6 2 .2 6.6.2 6.6.2s4.6 0 6.6-.2c1.9-.2 3.4-1.7 3.4-3.6.2-1.6.2-3.6.2-3.6s0-2-.2-3.6zM10 15.2V8.8l5.7 3.2-5.7 3.2z\"><\/path><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Form card -->\n      <div class=\"contact-form-card reveal-up\">\n        <h3 class=\"form-heading\">Send Us a Message<\/h3>\n        <p class=\"form-subheading\">Fill in the form and our team will get back to you shortly.<\/p>\n\n        <form class=\"contact-form\" id=\"tcContactForm\" novalidate>\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label for=\"tcName\">Full Name<\/label>\n              <input type=\"text\" id=\"tcName\" name=\"name\" placeholder=\"Your full name\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"tcEmail\">Email Address<\/label>\n              <input type=\"email\" id=\"tcEmail\" name=\"email\" placeholder=\"you@example.com\" required>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label for=\"tcPhone\">Phone Number<\/label>\n              <input type=\"tel\" id=\"tcPhone\" name=\"phone\" placeholder=\"Optional\">\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"tcSubject\">Subject<\/label>\n              <select id=\"tcSubject\" name=\"subject\" required>\n                <option value=\"\" disabled selected>Select a topic<\/option>\n                <option value=\"admissions\">Admissions<\/option>\n                <option value=\"programs\">Programs &amp; Courses<\/option>\n                <option value=\"faculty\">Faculty &amp; Staff<\/option>\n                <option value=\"partnership\">Partnership \/ Collaboration<\/option>\n                <option value=\"other\">Other<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-row\">\n            <div class=\"form-group full\">\n              <label for=\"tcMessage\">Message<\/label>\n              <textarea id=\"tcMessage\" name=\"message\" placeholder=\"Tell us a bit about your inquiry...\" required><\/textarea>\n            <\/div>\n          <\/div>\n\n          <button type=\"submit\" class=\"form-submit\">\n            <span>Send Message<\/span>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/button>\n        <\/form>\n\n        <div class=\"form-success\" id=\"tcFormSuccess\">\n          <span class=\"success-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          <\/span>\n          <h4>Message Sent!<\/h4>\n          <p>Thanks for reaching out &mdash; a member of our team will get back to you within 1&ndash;2 business days.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.querySelector('.tc-contact-v1');\n  if (!root) return;\n\n  \/* Scroll-reveal for the two panels, staggered like the Labs cards *\/\n  var revealEls = Array.prototype.slice.call(root.querySelectorAll('.reveal-up'));\n  var prefersReducedMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (prefersReducedMotion) {\n    revealEls.forEach(function (el) { el.classList.add('in-view'); });\n  } else if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var delay = revealEls.indexOf(entry.target) * 120;\n          setTimeout(function () { entry.target.classList.add('in-view'); }, delay);\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.2 });\n    revealEls.forEach(function (el) { observer.observe(el); });\n  } else {\n    revealEls.forEach(function (el) { el.classList.add('in-view'); });\n  }\n\n  \/* Form handling *\/\n  var form = root.querySelector('#tcContactForm');\n  var successBox = root.querySelector('#tcFormSuccess');\n  if (!form) return;\n\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n    if (!form.checkValidity()) {\n      form.reportValidity();\n      return;\n    }\n\n    var submitBtn = form.querySelector('.form-submit');\n    var label = submitBtn.querySelector('span');\n    submitBtn.disabled = true;\n    label.textContent = 'Sending\u2026';\n\n    \/* --------------------------------------------------------------------\n       WIRE UP YOUR REAL SUBMISSION HERE.\n       Elementor's HTML widget does not send emails or store data on its\n       own \u2014 this timeout only simulates a successful send in the browser.\n       Replace it with one of:\n         1) A fetch() call to a WordPress REST route, or to\n            admin-ajax.php with a nonce, that emails the department.\n         2) Swapping this <form> for a Contact Form 7 \/ WPForms\n            shortcode dropped in via Elementor's Shortcode widget.\n    -------------------------------------------------------------------- *\/\n    setTimeout(function () {\n      form.style.display = 'none';\n      successBox.classList.add('show');\n    }, 900);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\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>REACH Get In Touch We Reply Within 48 Hrs Contact Us Questions about our programs, admissions, or partnerships? Send us a note below and a member of the department will follow up shortly. Visit Us CTD Building, CST Call Us +975-17160538 Email Us itds.cst@rub.edu.bt Office Hours Mon &ndash; Fri, 08:00 AM &ndash; 05:00 PM Follow [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155"}],"version-history":[{"count":57,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":3682,"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions\/3682"}],"wp:attachment":[{"href":"https:\/\/ctd.cst.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}