{"id":22,"date":"2026-02-17T08:30:25","date_gmt":"2026-02-17T08:30:25","guid":{"rendered":"https:\/\/teradowntech.com\/?page_id=22"},"modified":"2026-05-16T09:54:29","modified_gmt":"2026-05-16T09:54:29","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/teradowntech.com\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]  <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        \/* ===================================\r\n           TeraDownTech Design System - White Background\r\n           =================================== *\/\r\n\r\n        :root {\r\n            \/* Color Palette - Updated for White Background *\/\r\n            --tb-bg-color: #ffffff;\r\n            --tb-section-bg: #f8f9fa;\r\n            --tb-primary-color: #4a148c;\r\n            --tb-secondary-color: #6a1b9a;\r\n            \r\n            \/* Accent Colors - Keeping Original Brand Colors *\/\r\n            --tb-accent-orange: #FF9800;\r\n            --tb-accent-orange-dark: #F57C00;\r\n            --tb-accent-cyan: #00BCD4;\r\n            --tb-accent-cyan-dark: #0097A7;\r\n            --tb-accent-green: #4CAF50;\r\n            --tb-accent-green-dark: #388E3C;\r\n            \r\n            \/* Text Colors - Updated for White Background *\/\r\n            --tb-text-primary: #212121;\r\n            --tb-text-secondary: #424242;\r\n            --tb-text-muted: #757575;\r\n            --tb-text-disabled: #bdbdbd;\r\n            \r\n            \/* Card & Component Colors *\/\r\n            --tb-card-bg: #ffffff;\r\n            --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --tb-border-color: #e0e0e0;\r\n            --tb-border-light: #f0f0f0;\r\n            \r\n            \/* Typography *\/\r\n            --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            --tb-font-size-xs: 14px;\r\n            --tb-font-size-sm: 16px;\r\n            --tb-font-size-base: 18px;\r\n            --tb-font-size-lg: 20px;\r\n            --tb-font-size-xl: 24px;\r\n            --tb-font-size-2xl: 32px;\r\n            --tb-font-size-3xl: 36px;\r\n            --tb-font-size-4xl: 42px;\r\n            --tb-font-weight-normal: 400;\r\n            --tb-font-weight-medium: 500;\r\n            --tb-font-weight-semibold: 600;\r\n            --tb-font-weight-bold: 700;\r\n            --tb-font-weight-extrabold: 800;\r\n            --tb-line-height-normal: 1.6;\r\n            \r\n            \/* Spacing *\/\r\n            --tb-space-1: 4px;\r\n            --tb-space-2: 8px;\r\n            --tb-space-3: 12px;\r\n            --tb-space-4: 16px;\r\n            --tb-space-5: 20px;\r\n            --tb-space-6: 24px;\r\n            --tb-space-8: 32px;\r\n            --tb-space-10: 40px;\r\n            --tb-space-12: 48px;\r\n            --tb-space-16: 64px;\r\n            --tb-space-20: 80px;\r\n            \r\n            \/* Border Radius *\/\r\n            --tb-radius-sm: 8px;\r\n            --tb-radius-md: 12px;\r\n            --tb-radius-lg: 16px;\r\n            --tb-radius-xl: 20px;\r\n            --tb-radius-full: 50%;\r\n            \r\n            \/* Transitions *\/\r\n            --tb-transition-fast: 0.2s ease;\r\n            --tb-transition-normal: 0.3s ease;\r\n            --tb-transition-slow: 0.4s ease;\r\n        }\r\n\r\n        \/* ===================================\r\n           Base Styles\r\n           =================================== *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--tb-font-family);\r\n            background-color: var(--tb-bg-color);\r\n            color: var(--tb-text-primary);\r\n            line-height: var(--tb-line-height-normal);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===================================\r\n           Section Styles\r\n           =================================== *\/\r\n\r\n        .tb-section {\r\n            padding: var(--tb-space-16) 0;\r\n        }\r\n\r\n        .tb-section:nth-child(even) {\r\n            background-color: var(--tb-section-bg);\r\n        }\r\n\r\n        .tb-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 var(--tb-space-4);\r\n        }\r\n\r\n        .tb-section-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-4);\r\n            text-align: center;\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-section-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .tb-grid {\r\n            display: grid;\r\n            gap: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-grid-2 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-3 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-4 {\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        }\r\n\r\n        \/* ===================================\r\n           Component Styles\r\n           =================================== *\/\r\n\r\n        \/* Buttons *\/\r\n        .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            padding: 12px 24px;\r\n            border-radius: var(--tb-radius-md);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            font-size: var(--tb-font-size-base);\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-btn-primary {\r\n            background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\r\n        }\r\n\r\n        .tb-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-btn-secondary {\r\n            background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-btn-success {\r\n            background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\r\n            color: white;\r\n        }\r\n\r\n        .tb-btn-success:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        \/* ===================================\r\n           Contact Page Specific Styles\r\n           =================================== *\/\r\n\r\n        \/* Hero Section *\/\r\n        .tb-hero-section {\r\n            background: linear-gradient(135deg, rgba(255, 152, 0, 0.05) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 188, 212, 0.05) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-hero-content {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tb-hero-title {\r\n            font-size: var(--tb-font-size-4xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: var(--tb-primary-color);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .tb-hero-description {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Contact Section *\/\r\n      \/* ===================================\r\n   Contact Form 7 Custom Styling - TeraDownTech\r\n   =================================== *\/\r\n\r\n\/* Main Form Container *\/\r\n.wpcf7 {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.wpcf7-form {\r\n    max-width: 100%;\r\n    margin: 0;\r\n}\r\n\r\n\/* Form Title and Description *\/\r\n.wpcf7-form h2 {\r\n    font-size: var(--tb-font-size-2xl);\r\n    font-weight: var(--tb-font-weight-bold);\r\n    color: var(--tb-text-primary);\r\n    margin-bottom: var(--tb-space-6);\r\n    text-align: center;\r\n}\r\n\r\n.wpcf7-form p {\r\n    font-size: var(--tb-font-size-base);\r\n    color: var(--tb-text-secondary);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Form Rows and Spacing *\/\r\n.wpcf7-form .wpcf7-form-control-wrap {\r\n    margin-bottom: var(--tb-space-6);\r\n}\r\n\r\n\/* Labels *\/\r\n.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-label {\r\n    display: block;\r\n    font-size: var(--tb-font-size-base);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    color: var(--tb-text-primary);\r\n    margin-bottom: var(--tb-space-3);\r\n}\r\n\r\n\/* Input Fields *\/\r\n.wpcf7-form input[type=\"text\"],\r\n.wpcf7-form input[type=\"email\"],\r\n.wpcf7-form input[type=\"tel\"],\r\n.wpcf7-form input[type=\"url\"],\r\n.wpcf7-form input[type=\"number\"],\r\n.wpcf7-form input[type=\"date\"],\r\n.wpcf7-form input[type=\"time\"],\r\n.wpcf7-form select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Textarea *\/\r\n.wpcf7-form textarea {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n    resize: vertical;\r\n}\r\n\r\n\/* Select Dropdown *\/\r\n.wpcf7-form select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3cpath d='M6 9l6 6 6-6'\/%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 12px center;\r\n    background-size: 20px;\r\n    padding-right: 40px;\r\n}\r\n\r\n.wpcf7-form select:focus {\r\n    outline: none;\r\n    border-color: var(--tb-accent-orange);\r\n    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.2);\r\n}\r\n\r\n\/* Focus States *\/\r\n.wpcf7-form input[type=\"text\"]:focus,\r\n.wpcf7-form input[type=\"email\"]:focus,\r\n.wpcf7-form input[type=\"tel\"]:focus,\r\n.wpcf7-form input[type=\"url\"]:focus,\r\n.wpcf7-form input[type=\"number\"]:focus,\r\n.wpcf7-form input[type=\"date\"]:focus,\r\n.wpcf7-form input[type=\"time\"]:focus,\r\n.wpcf7-form textarea:focus {\r\n    outline: none;\r\n    border-color: var(--tb-accent-orange);\r\n    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.2);\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n\/* Placeholder Text *\/\r\n.wpcf7-form input::placeholder,\r\n.wpcf7-form textarea::placeholder {\r\n    color: var(--tb-text-muted);\r\n    font-style: italic;\r\n}\r\n\r\n\/* Required Field Indicator *\/\r\n.wpcf7-form .wpcf7-not-valid-tip {\r\n    color: #dc3545;\r\n    font-size: var(--tb-font-size-sm);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    background-color: rgba(220, 53, 69, 0.1);\r\n    border: 1px solid rgba(220, 53, 69, 0.3);\r\n    border-radius: var(--tb-radius-md);\r\n    padding: var(--tb-space-2) var(--tb-space-3);\r\n    margin-top: var(--tb-space-2);\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* Validation Errors *\/\r\n.wpcf7-form .wpcf7-validation-errors {\r\n    border: none;\r\n    background: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.wpcf7-form .wpcf7-not-valid-tip {\r\n    display: block;\r\n    color: #dc3545;\r\n    font-size: var(--tb-font-size-sm);\r\n    background-color: rgba(220, 53, 69, 0.1);\r\n    border: 1px solid rgba(220, 53, 69, 0.3);\r\n    border-radius: var(--tb-radius-md);\r\n    padding: var(--tb-space-2) var(--tb-space-3);\r\n    margin-top: var(--tb-space-2);\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n    text-align: left;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.wpcf7-form .wpcf7-submit {\r\n    display: inline-block;\r\n    width: auto;\r\n    padding: 16px 32px;\r\n    font-size: var(--tb-font-size-lg);\r\n    font-weight: var(--tb-font-weight-semibold);\r\n    font-family: var(--tb-font-family);\r\n    color: white;\r\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n    border: none;\r\n    border-radius: var(--tb-radius-md);\r\n    cursor: pointer;\r\n    transition: all var(--tb-transition-normal);\r\n    text-align: center;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:hover {\r\n    background: linear-gradient(135deg, var(--tb-accent-orange-dark), var(--tb-accent-orange));\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3);\r\n}\r\n\r\n\/* Submit Button Loading State *\/\r\n.wpcf7-form .wpcf7-submit .ajax-loader {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    display: none;\r\n}\r\n\r\n.wpcf7-form.submitting .wpcf7-submit .ajax-loader {\r\n    display: block;\r\n}\r\n\r\n.wpcf7-form.submitting .wpcf7-submit {\r\n    color: transparent;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Response Messages *\/\r\n.wpcf7-form .wpcf7-response-output {\r\n    margin: var(--tb-space-4) 0;\r\n    padding: var(--tb-space-4);\r\n    border-radius: var(--tb-radius-md);\r\n    font-size: var(--tb-font-size-base);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    text-align: center;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.wpcf7-form .wpcf7-mail-sent-ok {\r\n    background-color: rgba(76, 175, 80, 0.1);\r\n    color: var(--tb-accent-green);\r\n    border: 1px solid var(--tb-accent-green);\r\n}\r\n\r\n.wpcf7-form .wpcf7-mail-sent-ng {\r\n    background-color: rgba(244, 67, 54, 0.1);\r\n    color: #dc3545;\r\n    border: 1px solid rgba(244, 67, 54, 0.3);\r\n}\r\n\r\n.wpcf7-form .wpcf7-validation-errors {\r\n    background-color: rgba(255, 193, 7, 0.1);\r\n    color: #ffc107;\r\n    border: 1px solid rgba(255, 193, 7, 0.3);\r\n}\r\n\r\n\/* Checkbox and Radio Buttons *\/\r\n.wpcf7-form .wpcf7-list-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--tb-space-2);\r\n    margin-bottom: var(--tb-space-3);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item label {\r\n    font-size: var(--tb-font-size-base);\r\n    color: var(--tb-text-primary);\r\n    margin: 0;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"],\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"] {\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: 0;\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-sm);\r\n    background-color: var(--tb-card-bg);\r\n    cursor: pointer;\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"]:checked,\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"]:checked {\r\n    border-color: var(--tb-accent-orange);\r\n    background-color: var(--tb-accent-orange);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"]:hover,\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"]:hover {\r\n    border-color: var(--tb-accent-cyan);\r\n}\r\n\r\n\/* File Upload *\/\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"file\"] {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 2px dashed var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    background-color: rgba(255, 255, 255, 0.5);\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"file\"]:hover {\r\n    border-color: var(--tb-accent-orange);\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n\/* Date and Time Inputs *\/\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"date\"],\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"time\"] {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    background-color: var(--tb-card-bg);\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea,\r\n    .wpcf7-form select {\r\n        font-size: var(--tb-font-size-base);\r\n        padding: 12px 14px;\r\n    }\r\n    \r\n    .wpcf7-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 14px 24px;\r\n        font-size: var(--tb-font-size-base);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea {\r\n        font-size: var(--tb-font-size-sm);\r\n        padding: 10px 12px;\r\n    }\r\n    \r\n    .wpcf7-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 12px 20px;\r\n        font-size: var(--tb-font-size-sm);\r\n    }\r\n}\r\n\r\n\/* Animation Classes *\/\r\n@keyframes tb-formPulse {\r\n    0% {\r\n        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7);\r\n    }\r\n    70% {\r\n        box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);\r\n    }\r\n    100% {\r\n        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);\r\n    }\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:hover {\r\n    animation: tb-formPulse 2s infinite;\r\n}\r\n\r\n\/* Dark mode support *\/\r\n@media (prefers-color-scheme: dark) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea,\r\n    .wpcf7-form select {\r\n        background-color: rgba(30, 30, 30, 0.9);\r\n        border-color: rgba(255, 255, 255, 0.2);\r\n        color: rgba(255, 255, 255, 0.9);\r\n    }\r\n    \r\n    .wpcf7-form input[type=\"text\"]:focus,\r\n    .wpcf7-form input[type=\"email\"]:focus,\r\n    .wpcf7-form input[type=\"tel\"]:focus,\r\n    .wpcf7-form input[type=\"url\"]:focus,\r\n    .wpcf7-form input[type=\"number\"]:focus,\r\n    .wpcf7-form input[type=\"date\"]:focus,\r\n    .wpcf7-form input[type=\"time\"]:focus,\r\n    .wpcf7-form textarea:focus {\r\n        background-color: rgba(40, 40, 40, 0.95);\r\n        border-color: var(--tb-accent-orange);\r\n    }\r\n}\r\n      \r\n        .tb-contact-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: var(--tb-space-10);\r\n            align-items: start;\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-contact-info {\r\n            padding: var(--tb-space-8);\r\n        }\r\n\r\n        .tb-contact-info h3 {\r\n            font-size: var(--tb-font-size-2xl);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--tb-space-4);\r\n            margin-bottom: var(--tb-space-6);\r\n            padding: var(--tb-space-4);\r\n            border-radius: var(--tb-radius-lg);\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-contact-item:hover {\r\n            background-color: rgba(255, 152, 0, 0.05);\r\n        }\r\n\r\n        .tb-contact-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: var(--tb-radius-full);\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            color: var(--tb-accent-orange);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .tb-contact-details h4 {\r\n            font-size: var(--tb-font-size-lg);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-contact-details p {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-muted);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .tb-contact-email {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            color: var(--tb-accent-cyan);\r\n            font-weight: var(--tb-font-weight-medium);\r\n        }\r\n\r\n        \/* Contact Form *\/\r\n        .tb-contact-form {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            padding: var(--tb-space-8);\r\n            box-shadow: var(--tb-card-shadow);\r\n            border: 1px solid var(--tb-border-light);\r\n        }\r\n\r\n        \/* Response Expectations *\/\r\n        .tb-expectations-content {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: var(--tb-space-10) auto;\r\n            padding: var(--tb-space-8);\r\n            background-color: rgba(0, 188, 212, 0.05);\r\n            border-radius: var(--tb-radius-lg);\r\n            border: 1px solid rgba(0, 188, 212, 0.1);\r\n        }\r\n\r\n        .tb-expectations-content h3 {\r\n            font-size: var(--tb-font-size-xl);\r\n            margin-bottom: var(--tb-space-4);\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-expectations-content p {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Support Guidelines *\/\r\n        .tb-guidelines-content {\r\n            max-width: 800px;\r\n            margin: var(--tb-space-10) auto;\r\n        }\r\n\r\n        .tb-guidelines-list {\r\n            list-style: none;\r\n        }\r\n\r\n        .tb-guidelines-list li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--tb-space-3);\r\n            margin-bottom: var(--tb-space-4);\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .tb-guidelines-list li i {\r\n            color: var(--tb-accent-orange);\r\n            font-size: var(--tb-font-size-sm);\r\n            margin-top: var(--tb-space-1);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Final CTA Section *\/\r\n        .tb-final-cta {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n\r\n        .tb-final-cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-final-cta-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            color: white;\r\n            margin-bottom: var(--tb-space-4);\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-final-cta-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Animation Classes *\/\r\n        @keyframes fadeIn {\r\n            from { \r\n                opacity: 0; \r\n                transform: translateY(12px); \r\n            }\r\n            to { \r\n                opacity: 1; \r\n                transform: translateY(0); \r\n            }\r\n        }\r\n\r\n        .tb-fade-in {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .tb-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ===================================\r\n           Responsive Design\r\n           =================================== *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-contact-content {\r\n                grid-template-columns: 1fr;\r\n                gap: var(--tb-space-6);\r\n            }\r\n            \r\n            .tb-contact-info {\r\n                margin-bottom: var(--tb-space-6);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-grid-2,\r\n            .tb-grid-3,\r\n            .tb-grid-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-3xl);\r\n            }\r\n            \r\n            .tb-contact-form {\r\n                padding: var(--tb-space-6);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tb-section {\r\n                padding: var(--tb-space-10) 0;\r\n            }\r\n            \r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-hero-description {\r\n                font-size: var(--tb-font-size-base);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"tb-section tb-hero-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-hero-content tb-fade-in\">\r\n                <h1 class=\"tb-hero-title\">Get in Touch with TeraDownTech<\/h1>\r\n                <p class=\"tb-hero-description\">Have questions about the TeraDownTech? Need help with a link or technical issue? Our team is here to assist you quickly and clearly.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Information + Form Section -->\r\n    <section id=\"contact\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-contact-content\">\r\n                <!-- Left Side: Contact Information -->\r\n                <div class=\"tb-contact-info tb-fade-in\">\r\n                    <h3>How We Can Help<\/h3>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-question-circle\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>General Support<\/h4>\r\n                            <p>Questions about how the TeraDownTech works or supported links.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-tools\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Technical Issues<\/h4>\r\n                            <p>Problems with streaming, file access, or download errors.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Business & Partnerships<\/h4>\r\n                            <p>Collaboration or integration inquiries.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Email Support<\/h4>\r\n                            <p>For general inquiries: <a href=\"mailto:support@teradowntech.com\" class=\"tb-contact-email\">support@teradowntech.com<\/a><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Right Side: Contact Form -->\r\n                <div class=\"tb-contact-form tb-fade-in\">\r\n                    <h3>Send Us a Message<\/h3>\r\n                    \r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f39-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"39\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pt\/wp-json\/wp\/v2\/pages\/22#wpcf7-f39-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"39\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f39-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                    \r\n                    <div id=\"formMessage\" style=\"margin-top: var(--tb-space-4); padding: var(--tb-space-3); border-radius: var(--tb-radius-md); display: none;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Response Expectations Section -->\r\n    <section id=\"expectations\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-expectations-content tb-fade-in\">\r\n                <h3>What to Expect<\/h3>\r\n                <p>We review all messages carefully and respond as soon as possible. Most inquiries receive a reply within 24 to 48 hours.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Support Guidelines Section -->\r\n    <section id=\"guidelines\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Before You Contact Us<\/h2>\r\n            <div class=\"tb-guidelines-content tb-fade-in\">\r\n                <ul class=\"tb-guidelines-list\">\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Make sure your TeraBox link is valid and accessible.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Confirm the link format matches our supported domains (terabox.com, 1024terabox.com, etc.).<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Include a detailed description of your issue or question.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>For technical issues, include steps to reproduce the problem and any error messages.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Check our FAQ section first - your question might already be answered there.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section id=\"final-cta\" class=\"tb-section tb-final-cta\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-final-cta-content\">\r\n                <h2 class=\"tb-final-cta-title\">Need Help with TeraDownTech?<\/h2>\r\n                <p class=\"tb-final-cta-subtitle\">Send us your message and we'll assist you promptly.<\/p>\r\n                <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\r\n                    <a href=\"#contact\" class=\"tb-btn tb-btn-secondary\">Send Message<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Fade-in animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.tb-fade-in').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Contact form functionality\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const form = e.target;\r\n            const formData = new FormData(form);\r\n            const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n            const messageDiv = document.getElementById('formMessage');\r\n            \r\n            \/\/ Disable submit button and show loading state\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n            \r\n            \/\/ Simulate form submission (replace with actual form submission)\r\n            setTimeout(() => {\r\n                \/\/ Show success message\r\n                messageDiv.style.display = 'block';\r\n                messageDiv.style.background = 'rgba(76, 175, 80, 0.1)';\r\n                messageDiv.style.color = 'var(--tb-accent-green)';\r\n                messageDiv.style.border = '1px solid var(--tb-accent-green)';\r\n                messageDiv.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Message sent successfully! We\\'ll get back to you within 24-48 hours.';\r\n                \r\n                \/\/ Reset form\r\n                form.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = 'Send Message';\r\n                \r\n                \/\/ Hide success message after 5 seconds\r\n                setTimeout(() => {\r\n                    messageDiv.style.display = 'none';\r\n                }, 5000);\r\n                \r\n                \/\/ Scroll to form if needed\r\n                form.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            }, 1500);\r\n        });\r\n\r\n        \/\/ Form validation feedback\r\n        const formInputs = document.querySelectorAll('.tb-form-control');\r\n        formInputs.forEach(input => {\r\n            input.addEventListener('blur', function() {\r\n                if (this.value.trim() === '') {\r\n                    this.style.borderColor = 'var(--tb-border-color)';\r\n                } else {\r\n                    this.style.borderColor = 'var(--tb-accent-green)';\r\n                }\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"  <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        \/* ===================================\r\n           TeraDownTech Design System - White Background\r\n           =================================== *\/\r\n\r\n        :root {\r\n            \/* Color Palette - Updated for White Background *\/\r\n            --tb-bg-color: #ffffff;\r\n            --tb-section-bg: #f8f9fa;\r\n            --tb-primary-color: #4a148c;\r\n            --tb-secondary-color: #6a1b9a;\r\n            \r\n            \/* Accent Colors - Keeping Original Brand Colors *\/\r\n            --tb-accent-orange: #FF9800;\r\n            --tb-accent-orange-dark: #F57C00;\r\n            --tb-accent-cyan: #00BCD4;\r\n            --tb-accent-cyan-dark: #0097A7;\r\n            --tb-accent-green: #4CAF50;\r\n            --tb-accent-green-dark: #388E3C;\r\n            \r\n            \/* Text Colors - Updated for White Background *\/\r\n            --tb-text-primary: #212121;\r\n            --tb-text-secondary: #424242;\r\n            --tb-text-muted: #757575;\r\n            --tb-text-disabled: #bdbdbd;\r\n            \r\n            \/* Card & Component Colors *\/\r\n            --tb-card-bg: #ffffff;\r\n            --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --tb-border-color: #e0e0e0;\r\n            --tb-border-light: #f0f0f0;\r\n            \r\n            \/* Typography *\/\r\n            --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            --tb-font-size-xs: 14px;\r\n            --tb-font-size-sm: 16px;\r\n            --tb-font-size-base: 18px;\r\n            --tb-font-size-lg: 20px;\r\n            --tb-font-size-xl: 24px;\r\n            --tb-font-size-2xl: 32px;\r\n            --tb-font-size-3xl: 36px;\r\n            --tb-font-size-4xl: 42px;\r\n            --tb-font-weight-normal: 400;\r\n            --tb-font-weight-medium: 500;\r\n            --tb-font-weight-semibold: 600;\r\n            --tb-font-weight-bold: 700;\r\n            --tb-font-weight-extrabold: 800;\r\n            --tb-line-height-normal: 1.6;\r\n            \r\n            \/* Spacing *\/\r\n            --tb-space-1: 4px;\r\n            --tb-space-2: 8px;\r\n            --tb-space-3: 12px;\r\n            --tb-space-4: 16px;\r\n            --tb-space-5: 20px;\r\n            --tb-space-6: 24px;\r\n            --tb-space-8: 32px;\r\n            --tb-space-10: 40px;\r\n            --tb-space-12: 48px;\r\n            --tb-space-16: 64px;\r\n            --tb-space-20: 80px;\r\n            \r\n            \/* Border Radius *\/\r\n            --tb-radius-sm: 8px;\r\n            --tb-radius-md: 12px;\r\n            --tb-radius-lg: 16px;\r\n            --tb-radius-xl: 20px;\r\n            --tb-radius-full: 50%;\r\n            \r\n            \/* Transitions *\/\r\n            --tb-transition-fast: 0.2s ease;\r\n            --tb-transition-normal: 0.3s ease;\r\n            --tb-transition-slow: 0.4s ease;\r\n        }\r\n\r\n        \/* ===================================\r\n           Base Styles\r\n           =================================== *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--tb-font-family);\r\n            background-color: var(--tb-bg-color);\r\n            color: var(--tb-text-primary);\r\n            line-height: var(--tb-line-height-normal);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===================================\r\n           Section Styles\r\n           =================================== *\/\r\n\r\n        .tb-section {\r\n            padding: var(--tb-space-16) 0;\r\n        }\r\n\r\n        .tb-section:nth-child(even) {\r\n            background-color: var(--tb-section-bg);\r\n        }\r\n\r\n        .tb-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 var(--tb-space-4);\r\n        }\r\n\r\n        .tb-section-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-4);\r\n            text-align: center;\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-section-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .tb-grid {\r\n            display: grid;\r\n            gap: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-grid-2 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-3 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-4 {\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        }\r\n\r\n        \/* ===================================\r\n           Component Styles\r\n           =================================== *\/\r\n\r\n        \/* Buttons *\/\r\n        .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            padding: 12px 24px;\r\n            border-radius: var(--tb-radius-md);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            font-size: var(--tb-font-size-base);\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-btn-primary {\r\n            background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\r\n        }\r\n\r\n        .tb-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-btn-secondary {\r\n            background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-btn-success {\r\n            background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\r\n            color: white;\r\n        }\r\n\r\n        .tb-btn-success:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        \/* ===================================\r\n           Contact Page Specific Styles\r\n           =================================== *\/\r\n\r\n        \/* Hero Section *\/\r\n        .tb-hero-section {\r\n            background: linear-gradient(135deg, rgba(255, 152, 0, 0.05) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 188, 212, 0.05) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-hero-content {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tb-hero-title {\r\n            font-size: var(--tb-font-size-4xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: var(--tb-primary-color);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .tb-hero-description {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Contact Section *\/\r\n      \/* ===================================\r\n   Contact Form 7 Custom Styling - TeraDownTech\r\n   =================================== *\/\r\n\r\n\/* Main Form Container *\/\r\n.wpcf7 {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.wpcf7-form {\r\n    max-width: 100%;\r\n    margin: 0;\r\n}\r\n\r\n\/* Form Title and Description *\/\r\n.wpcf7-form h2 {\r\n    font-size: var(--tb-font-size-2xl);\r\n    font-weight: var(--tb-font-weight-bold);\r\n    color: var(--tb-text-primary);\r\n    margin-bottom: var(--tb-space-6);\r\n    text-align: center;\r\n}\r\n\r\n.wpcf7-form p {\r\n    font-size: var(--tb-font-size-base);\r\n    color: var(--tb-text-secondary);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Form Rows and Spacing *\/\r\n.wpcf7-form .wpcf7-form-control-wrap {\r\n    margin-bottom: var(--tb-space-6);\r\n}\r\n\r\n\/* Labels *\/\r\n.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-label {\r\n    display: block;\r\n    font-size: var(--tb-font-size-base);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    color: var(--tb-text-primary);\r\n    margin-bottom: var(--tb-space-3);\r\n}\r\n\r\n\/* Input Fields *\/\r\n.wpcf7-form input[type=\"text\"],\r\n.wpcf7-form input[type=\"email\"],\r\n.wpcf7-form input[type=\"tel\"],\r\n.wpcf7-form input[type=\"url\"],\r\n.wpcf7-form input[type=\"number\"],\r\n.wpcf7-form input[type=\"date\"],\r\n.wpcf7-form input[type=\"time\"],\r\n.wpcf7-form select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Textarea *\/\r\n.wpcf7-form textarea {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n    resize: vertical;\r\n}\r\n\r\n\/* Select Dropdown *\/\r\n.wpcf7-form select {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    font-size: var(--tb-font-size-base);\r\n    font-family: var(--tb-font-family);\r\n    color: var(--tb-text-primary);\r\n    background-color: var(--tb-card-bg);\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    transition: all var(--tb-transition-normal);\r\n    box-sizing: border-box;\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3cpath d='M6 9l6 6 6-6'\/%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 12px center;\r\n    background-size: 20px;\r\n    padding-right: 40px;\r\n}\r\n\r\n.wpcf7-form select:focus {\r\n    outline: none;\r\n    border-color: var(--tb-accent-orange);\r\n    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.2);\r\n}\r\n\r\n\/* Focus States *\/\r\n.wpcf7-form input[type=\"text\"]:focus,\r\n.wpcf7-form input[type=\"email\"]:focus,\r\n.wpcf7-form input[type=\"tel\"]:focus,\r\n.wpcf7-form input[type=\"url\"]:focus,\r\n.wpcf7-form input[type=\"number\"]:focus,\r\n.wpcf7-form input[type=\"date\"]:focus,\r\n.wpcf7-form input[type=\"time\"]:focus,\r\n.wpcf7-form textarea:focus {\r\n    outline: none;\r\n    border-color: var(--tb-accent-orange);\r\n    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.2);\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n\/* Placeholder Text *\/\r\n.wpcf7-form input::placeholder,\r\n.wpcf7-form textarea::placeholder {\r\n    color: var(--tb-text-muted);\r\n    font-style: italic;\r\n}\r\n\r\n\/* Required Field Indicator *\/\r\n.wpcf7-form .wpcf7-not-valid-tip {\r\n    color: #dc3545;\r\n    font-size: var(--tb-font-size-sm);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    background-color: rgba(220, 53, 69, 0.1);\r\n    border: 1px solid rgba(220, 53, 69, 0.3);\r\n    border-radius: var(--tb-radius-md);\r\n    padding: var(--tb-space-2) var(--tb-space-3);\r\n    margin-top: var(--tb-space-2);\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* Validation Errors *\/\r\n.wpcf7-form .wpcf7-validation-errors {\r\n    border: none;\r\n    background: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.wpcf7-form .wpcf7-not-valid-tip {\r\n    display: block;\r\n    color: #dc3545;\r\n    font-size: var(--tb-font-size-sm);\r\n    background-color: rgba(220, 53, 69, 0.1);\r\n    border: 1px solid rgba(220, 53, 69, 0.3);\r\n    border-radius: var(--tb-radius-md);\r\n    padding: var(--tb-space-2) var(--tb-space-3);\r\n    margin-top: var(--tb-space-2);\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n    text-align: left;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.wpcf7-form .wpcf7-submit {\r\n    display: inline-block;\r\n    width: auto;\r\n    padding: 16px 32px;\r\n    font-size: var(--tb-font-size-lg);\r\n    font-weight: var(--tb-font-weight-semibold);\r\n    font-family: var(--tb-font-family);\r\n    color: white;\r\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n    border: none;\r\n    border-radius: var(--tb-radius-md);\r\n    cursor: pointer;\r\n    transition: all var(--tb-transition-normal);\r\n    text-align: center;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:hover {\r\n    background: linear-gradient(135deg, var(--tb-accent-orange-dark), var(--tb-accent-orange));\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3);\r\n}\r\n\r\n\/* Submit Button Loading State *\/\r\n.wpcf7-form .wpcf7-submit .ajax-loader {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    display: none;\r\n}\r\n\r\n.wpcf7-form.submitting .wpcf7-submit .ajax-loader {\r\n    display: block;\r\n}\r\n\r\n.wpcf7-form.submitting .wpcf7-submit {\r\n    color: transparent;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Response Messages *\/\r\n.wpcf7-form .wpcf7-response-output {\r\n    margin: var(--tb-space-4) 0;\r\n    padding: var(--tb-space-4);\r\n    border-radius: var(--tb-radius-md);\r\n    font-size: var(--tb-font-size-base);\r\n    font-weight: var(--tb-font-weight-medium);\r\n    text-align: center;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.wpcf7-form .wpcf7-mail-sent-ok {\r\n    background-color: rgba(76, 175, 80, 0.1);\r\n    color: var(--tb-accent-green);\r\n    border: 1px solid var(--tb-accent-green);\r\n}\r\n\r\n.wpcf7-form .wpcf7-mail-sent-ng {\r\n    background-color: rgba(244, 67, 54, 0.1);\r\n    color: #dc3545;\r\n    border: 1px solid rgba(244, 67, 54, 0.3);\r\n}\r\n\r\n.wpcf7-form .wpcf7-validation-errors {\r\n    background-color: rgba(255, 193, 7, 0.1);\r\n    color: #ffc107;\r\n    border: 1px solid rgba(255, 193, 7, 0.3);\r\n}\r\n\r\n\/* Checkbox and Radio Buttons *\/\r\n.wpcf7-form .wpcf7-list-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--tb-space-2);\r\n    margin-bottom: var(--tb-space-3);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item label {\r\n    font-size: var(--tb-font-size-base);\r\n    color: var(--tb-text-primary);\r\n    margin: 0;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"],\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"] {\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: 0;\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-sm);\r\n    background-color: var(--tb-card-bg);\r\n    cursor: pointer;\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"]:checked,\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"]:checked {\r\n    border-color: var(--tb-accent-orange);\r\n    background-color: var(--tb-accent-orange);\r\n}\r\n\r\n.wpcf7-form .wpcf7-list-item input[type=\"checkbox\"]:hover,\r\n.wpcf7-form .wpcf7-list-item input[type=\"radio\"]:hover {\r\n    border-color: var(--tb-accent-cyan);\r\n}\r\n\r\n\/* File Upload *\/\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"file\"] {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 2px dashed var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    background-color: rgba(255, 255, 255, 0.5);\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"file\"]:hover {\r\n    border-color: var(--tb-accent-orange);\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n\/* Date and Time Inputs *\/\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"date\"],\r\n.wpcf7-form .wpcf7-form-control-wrap input[type=\"time\"] {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border: 2px solid var(--tb-border-color);\r\n    border-radius: var(--tb-radius-md);\r\n    background-color: var(--tb-card-bg);\r\n    transition: all var(--tb-transition-normal);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea,\r\n    .wpcf7-form select {\r\n        font-size: var(--tb-font-size-base);\r\n        padding: 12px 14px;\r\n    }\r\n    \r\n    .wpcf7-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 14px 24px;\r\n        font-size: var(--tb-font-size-base);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea {\r\n        font-size: var(--tb-font-size-sm);\r\n        padding: 10px 12px;\r\n    }\r\n    \r\n    .wpcf7-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 12px 20px;\r\n        font-size: var(--tb-font-size-sm);\r\n    }\r\n}\r\n\r\n\/* Animation Classes *\/\r\n@keyframes tb-formPulse {\r\n    0% {\r\n        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7);\r\n    }\r\n    70% {\r\n        box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);\r\n    }\r\n    100% {\r\n        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);\r\n    }\r\n}\r\n\r\n.wpcf7-form .wpcf7-submit:hover {\r\n    animation: tb-formPulse 2s infinite;\r\n}\r\n\r\n\/* Dark mode support *\/\r\n@media (prefers-color-scheme: dark) {\r\n    .wpcf7-form input[type=\"text\"],\r\n    .wpcf7-form input[type=\"email\"],\r\n    .wpcf7-form input[type=\"tel\"],\r\n    .wpcf7-form input[type=\"url\"],\r\n    .wpcf7-form input[type=\"number\"],\r\n    .wpcf7-form input[type=\"date\"],\r\n    .wpcf7-form input[type=\"time\"],\r\n    .wpcf7-form textarea,\r\n    .wpcf7-form select {\r\n        background-color: rgba(30, 30, 30, 0.9);\r\n        border-color: rgba(255, 255, 255, 0.2);\r\n        color: rgba(255, 255, 255, 0.9);\r\n    }\r\n    \r\n    .wpcf7-form input[type=\"text\"]:focus,\r\n    .wpcf7-form input[type=\"email\"]:focus,\r\n    .wpcf7-form input[type=\"tel\"]:focus,\r\n    .wpcf7-form input[type=\"url\"]:focus,\r\n    .wpcf7-form input[type=\"number\"]:focus,\r\n    .wpcf7-form input[type=\"date\"]:focus,\r\n    .wpcf7-form input[type=\"time\"]:focus,\r\n    .wpcf7-form textarea:focus {\r\n        background-color: rgba(40, 40, 40, 0.95);\r\n        border-color: var(--tb-accent-orange);\r\n    }\r\n}\r\n      \r\n        .tb-contact-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: var(--tb-space-10);\r\n            align-items: start;\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-contact-info {\r\n            padding: var(--tb-space-8);\r\n        }\r\n\r\n        .tb-contact-info h3 {\r\n            font-size: var(--tb-font-size-2xl);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--tb-space-4);\r\n            margin-bottom: var(--tb-space-6);\r\n            padding: var(--tb-space-4);\r\n            border-radius: var(--tb-radius-lg);\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-contact-item:hover {\r\n            background-color: rgba(255, 152, 0, 0.05);\r\n        }\r\n\r\n        .tb-contact-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: var(--tb-radius-full);\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            color: var(--tb-accent-orange);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .tb-contact-details h4 {\r\n            font-size: var(--tb-font-size-lg);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-contact-details p {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-muted);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .tb-contact-email {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            color: var(--tb-accent-cyan);\r\n            font-weight: var(--tb-font-weight-medium);\r\n        }\r\n\r\n        \/* Contact Form *\/\r\n        .tb-contact-form {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            padding: var(--tb-space-8);\r\n            box-shadow: var(--tb-card-shadow);\r\n            border: 1px solid var(--tb-border-light);\r\n        }\r\n\r\n        \/* Response Expectations *\/\r\n        .tb-expectations-content {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: var(--tb-space-10) auto;\r\n            padding: var(--tb-space-8);\r\n            background-color: rgba(0, 188, 212, 0.05);\r\n            border-radius: var(--tb-radius-lg);\r\n            border: 1px solid rgba(0, 188, 212, 0.1);\r\n        }\r\n\r\n        .tb-expectations-content h3 {\r\n            font-size: var(--tb-font-size-xl);\r\n            margin-bottom: var(--tb-space-4);\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-expectations-content p {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Support Guidelines *\/\r\n        .tb-guidelines-content {\r\n            max-width: 800px;\r\n            margin: var(--tb-space-10) auto;\r\n        }\r\n\r\n        .tb-guidelines-list {\r\n            list-style: none;\r\n        }\r\n\r\n        .tb-guidelines-list li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--tb-space-3);\r\n            margin-bottom: var(--tb-space-4);\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .tb-guidelines-list li i {\r\n            color: var(--tb-accent-orange);\r\n            font-size: var(--tb-font-size-sm);\r\n            margin-top: var(--tb-space-1);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Final CTA Section *\/\r\n        .tb-final-cta {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n\r\n        .tb-final-cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-final-cta-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            color: white;\r\n            margin-bottom: var(--tb-space-4);\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-final-cta-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Animation Classes *\/\r\n        @keyframes fadeIn {\r\n            from { \r\n                opacity: 0; \r\n                transform: translateY(12px); \r\n            }\r\n            to { \r\n                opacity: 1; \r\n                transform: translateY(0); \r\n            }\r\n        }\r\n\r\n        .tb-fade-in {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .tb-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ===================================\r\n           Responsive Design\r\n           =================================== *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-contact-content {\r\n                grid-template-columns: 1fr;\r\n                gap: var(--tb-space-6);\r\n            }\r\n            \r\n            .tb-contact-info {\r\n                margin-bottom: var(--tb-space-6);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-grid-2,\r\n            .tb-grid-3,\r\n            .tb-grid-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-3xl);\r\n            }\r\n            \r\n            .tb-contact-form {\r\n                padding: var(--tb-space-6);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tb-section {\r\n                padding: var(--tb-space-10) 0;\r\n            }\r\n            \r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-hero-description {\r\n                font-size: var(--tb-font-size-base);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"tb-section tb-hero-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-hero-content tb-fade-in\">\r\n                <h1 class=\"tb-hero-title\">Get in Touch with TeraDownTech<\/h1>\r\n                <p class=\"tb-hero-description\">Have questions about the TeraDownTech? Need help with a link or technical issue? Our team is here to assist you quickly and clearly.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Information + Form Section -->\r\n    <section id=\"contact\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-contact-content\">\r\n                <!-- Left Side: Contact Information -->\r\n                <div class=\"tb-contact-info tb-fade-in\">\r\n                    <h3>How We Can Help<\/h3>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-question-circle\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>General Support<\/h4>\r\n                            <p>Questions about how the TeraDownTech works or supported links.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-tools\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Technical Issues<\/h4>\r\n                            <p>Problems with streaming, file access, or download errors.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Business & Partnerships<\/h4>\r\n                            <p>Collaboration or integration inquiries.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tb-contact-item\">\r\n                        <div class=\"tb-contact-icon\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"tb-contact-details\">\r\n                            <h4>Email Support<\/h4>\r\n                            <p>For general inquiries: <a href=\"mailto:support@teradowntech.com\" class=\"tb-contact-email\">support@teradowntech.com<\/a><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Right Side: Contact Form -->\r\n                <div class=\"tb-contact-form tb-fade-in\">\r\n                    <h3>Send Us a Message<\/h3>\r\n                    \r\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f39-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"39\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pt\/wp-json\/wp\/v2\/pages\/22#wpcf7-f39-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"39\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f39-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                    \r\n                    <div id=\"formMessage\" style=\"margin-top: var(--tb-space-4); padding: var(--tb-space-3); border-radius: var(--tb-radius-md); display: none;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Response Expectations Section -->\r\n    <section id=\"expectations\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-expectations-content tb-fade-in\">\r\n                <h3>What to Expect<\/h3>\r\n                <p>We review all messages carefully and respond as soon as possible. Most inquiries receive a reply within 24 to 48 hours.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Support Guidelines Section -->\r\n    <section id=\"guidelines\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Before You Contact Us<\/h2>\r\n            <div class=\"tb-guidelines-content tb-fade-in\">\r\n                <ul class=\"tb-guidelines-list\">\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Make sure your TeraBox link is valid and accessible.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Confirm the link format matches our supported domains (terabox.com, 1024terabox.com, etc.).<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Include a detailed description of your issue or question.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>For technical issues, include steps to reproduce the problem and any error messages.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Check our FAQ section first - your question might already be answered there.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section id=\"final-cta\" class=\"tb-section tb-final-cta\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-final-cta-content\">\r\n                <h2 class=\"tb-final-cta-title\">Need Help with TeraDownTech?<\/h2>\r\n                <p class=\"tb-final-cta-subtitle\">Send us your message and we'll assist you promptly.<\/p>\r\n                <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\r\n                    <a href=\"#contact\" class=\"tb-btn tb-btn-secondary\">Send Message<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Fade-in animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.tb-fade-in').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Contact form functionality\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const form = e.target;\r\n            const formData = new FormData(form);\r\n            const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n            const messageDiv = document.getElementById('formMessage');\r\n            \r\n            \/\/ Disable submit button and show loading state\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n            \r\n            \/\/ Simulate form submission (replace with actual form submission)\r\n            setTimeout(() => {\r\n                \/\/ Show success message\r\n                messageDiv.style.display = 'block';\r\n                messageDiv.style.background = 'rgba(76, 175, 80, 0.1)';\r\n                messageDiv.style.color = 'var(--tb-accent-green)';\r\n                messageDiv.style.border = '1px solid var(--tb-accent-green)';\r\n                messageDiv.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Message sent successfully! We\\'ll get back to you within 24-48 hours.';\r\n                \r\n                \/\/ Reset form\r\n                form.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = 'Send Message';\r\n                \r\n                \/\/ Hide success message after 5 seconds\r\n                setTimeout(() => {\r\n                    messageDiv.style.display = 'none';\r\n                }, 5000);\r\n                \r\n                \/\/ Scroll to form if needed\r\n                form.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            }, 1500);\r\n        });\r\n\r\n        \/\/ Form validation feedback\r\n        const formInputs = document.querySelectorAll('.tb-form-control');\r\n        formInputs.forEach(input => {\r\n            input.addEventListener('blur', function() {\r\n                if (this.value.trim() === '') {\r\n                    this.style.borderColor = 'var(--tb-border-color)';\r\n                } else {\r\n                    this.style.borderColor = 'var(--tb-accent-green)';\r\n                }\r\n            });\r\n        });\r\n    <\/script>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":4,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/22\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}