{"id":3673,"date":"2026-05-19T10:29:24","date_gmt":"2026-05-19T10:29:24","guid":{"rendered":"https:\/\/fontib.com\/?page_id=3673"},"modified":"2026-06-06T03:52:32","modified_gmt":"2026-06-06T03:52:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/fontib.com\/contact\/","title":{"rendered":"Contact"},"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;]<style>\r\n        :root {\r\n            --fontib-contact-primary: #003EA4;\r\n            --fontib-contact-secondary: #185cc9;\r\n            --fontib-contact-bg: #f4f7fc;\r\n            --fontib-contact-card-bg: rgba(255, 255, 255, 0.55);\r\n            --fontib-contact-card-border: rgba(255, 255, 255, 0.6);\r\n            --fontib-contact-card-shadow: 0 8px 32px rgba(0, 62, 164, 0.10);\r\n            --fontib-contact-glass-blur: 18px;\r\n            --fontib-contact-text: #1a2744;\r\n            --fontib-contact-text-muted: #5a6a8a;\r\n            --fontib-contact-gradient: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            --fontib-contact-radius: 20px;\r\n            --fontib-contact-radius-sm: 14px;\r\n            --fontib-contact-font: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* ========== HERO SECTION ========== *\/\r\n        .fontib-contact-hero {\r\n            position: relative;\r\n            padding: 120px 0 100px;\r\n            background: linear-gradient(160deg, #e8f0fe 0%, #f4f7fc 40%, #eaf2ff 100%);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -80px;\r\n            right: -120px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontibContactFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-contact-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -60px;\r\n            left: -80px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(24, 92, 201, 0.07) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontibContactFloat 10s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes fontibContactFloat {\r\n            0%, 100% { transform: translateY(0) scale(1); }\r\n            50% { transform: translateY(-30px) scale(1.05); }\r\n        }\r\n\r\n        .fontib-contact-hero-shapes {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-hero-shapes span {\r\n            position: absolute;\r\n            font-family: var(--fontib-contact-font);\r\n            font-weight: 800;\r\n            color: rgba(0, 62, 164, 0.04);\r\n            font-size: clamp(60px, 12vw, 180px);\r\n            user-select: none;\r\n        }\r\n\r\n        .fontib-contact-hero-shapes .shape-a { top: 10%; left: 5%; transform: rotate(-15deg); }\r\n        .fontib-contact-hero-shapes .shape-b { top: 5%; right: 8%; transform: rotate(12deg); }\r\n        .fontib-contact-hero-shapes .shape-f { bottom: 10%; left: 50%; transform: translateX(-50%) rotate(-8deg); }\r\n        .fontib-contact-hero-shapes .shape-g { bottom: 5%; right: 5%; transform: rotate(20deg); font-size: clamp(50px, 10vw, 150px); }\r\n\r\n        .fontib-contact-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .fontib-contact-hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 20px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: 50px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-primary);\r\n            margin-bottom: 28px;\r\n            box-shadow: 0 4px 20px rgba(0, 62, 164, 0.08);\r\n            transform: perspective(600px) rotateX(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-hero-badge:hover {\r\n            transform: perspective(600px) rotateX(4deg) translateY(-2px);\r\n            box-shadow: 0 8px 30px rgba(0, 62, 164, 0.14);\r\n        }\r\n\r\n        .fontib-contact-hero-badge i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .fontib-contact-hero h1 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(32px, 5vw, 56px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-hero h1 span {\r\n            background: var(--fontib-contact-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-contact-hero p {\r\n            font-size: clamp(15px, 2vw, 18px);\r\n            color: var(--fontib-contact-text-muted);\r\n            max-width: 560px;\r\n            margin: 0 auto 36px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 36px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 14px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .fontib-contact-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.15), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .fontib-contact-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-btn:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-btn i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-btn:hover i {\r\n            transform: translateX(3px);\r\n        }\r\n\r\n        \/* ========== CONTACT INFO CARDS ========== *\/\r\n        .fontib-contact-info {\r\n            padding: 0 20px;\r\n            margin-top: -50px;\r\n            position: relative;\r\n            z-index: 5;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .fontib-contact-info .row {\r\n            row-gap: 24px;\r\n        }\r\n\r\n        .fontib-contact-info-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transform: perspective(800px) rotateX(0deg) rotateY(0deg);\r\n            transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n            cursor: default;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--fontib-contact-gradient);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover {\r\n            transform: perspective(800px) rotateX(3deg) translateY(-8px);\r\n            box-shadow: 0 20px 50px rgba(0, 62, 164, 0.16);\r\n        }\r\n\r\n        .fontib-contact-info-card .icon-wrap {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 22px;\r\n            background: var(--fontib-contact-gradient);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 22px;\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2);\r\n            transform: perspective(400px) rotateX(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover .icon-wrap {\r\n            transform: perspective(400px) rotateX(-8deg) scale(1.06);\r\n            box-shadow: 0 12px 36px rgba(0, 62, 164, 0.3);\r\n        }\r\n\r\n        .fontib-contact-info-card .icon-wrap i {\r\n            font-size: 36px;\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-info-card h5 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .fontib-contact-info-card p {\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin: 0;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fontib-contact-info-card a {\r\n            color: var(--fontib-contact-primary);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card a:hover {\r\n            color: var(--fontib-contact-secondary);\r\n        }\r\n\r\n        \/* ========== CONTACT FORM SECTION ========== *\/\r\n        .fontib-contact-form-section {\r\n            padding: 100px 20px;\r\n            background: var(--fontib-contact-bg);\r\n\t\t\t\t\t\tmargin-top: 40px;\r\n        }\r\n\r\n        .fontib-contact-form-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 16px;\r\n            background: rgba(255, 255, 255, 0.65);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.7);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 16px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-section-title {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(26px, 4vw, 40px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-section-desc {\r\n            font-size: 15px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 48px;\r\n            max-width: 520px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-form-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 48px;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-form-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            right: -100px;\r\n            width: 250px;\r\n            height: 250px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.04), transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .fontib-contact-form-group {\r\n            position: relative;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-form-group label {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 18px;\r\n            transform: translateY(-50%);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            pointer-events: none;\r\n            transition: all 0.3s ease;\r\n            background: transparent;\r\n            padding: 0 4px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fontib-contact-form-group.textarea-group label {\r\n            top: 22px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group input,\r\n        .fontib-contact-form-group select,\r\n        .fontib-contact-form-group textarea {\r\n            width: 100%;\r\n            padding: 18px 18px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px solid rgba(0, 62, 164, 0.08);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text);\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n        }\r\n\r\n        .fontib-contact-form-group textarea {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .fontib-contact-form-group select {\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6a8a' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 18px center;\r\n        }\r\n\r\n        .fontib-contact-form-group input:focus,\r\n        .fontib-contact-form-group select:focus,\r\n        .fontib-contact-form-group textarea:focus {\r\n            border-color: var(--fontib-contact-primary);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            box-shadow: 0 0 0 4px rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-form-group input:focus + label,\r\n        .fontib-contact-form-group input:not(:placeholder-shown) + label,\r\n        .fontib-contact-form-group select:focus + label,\r\n        .fontib-contact-form-group select:valid + label,\r\n        .fontib-contact-form-group textarea:focus + label,\r\n        .fontib-contact-form-group textarea:not(:placeholder-shown) + label {\r\n            top: -1px;\r\n            left: 14px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            background: #fff;\r\n            padding: 0 8px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group.textarea-group input:focus + label,\r\n        .fontib-contact-form-group.textarea-group textarea:focus + label,\r\n        .fontib-contact-form-group.textarea-group textarea:not(:placeholder-shown) + label {\r\n            top: -1px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group .invalid-feedback {\r\n            font-size: 12px;\r\n            color: #dc3545;\r\n            margin-top: 6px;\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-invalid input,\r\n        .fontib-contact-form-group.is-invalid select,\r\n        .fontib-contact-form-group.is-invalid textarea {\r\n            border-color: #dc3545;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-invalid .invalid-feedback {\r\n            display: block;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-valid input,\r\n        .fontib-contact-form-group.is-valid select,\r\n        .fontib-contact-form-group.is-valid textarea {\r\n            border-color: #198754;\r\n        }\r\n\r\n        .fontib-contact-upload {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-upload-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 22px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px dashed rgba(0, 62, 164, 0.15);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            cursor: pointer;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-upload-label:hover {\r\n            border-color: var(--fontib-contact-primary);\r\n            color: var(--fontib-contact-primary);\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-contact-upload-label i {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-contact-upload-label input {\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-file-name {\r\n            font-size: 12px;\r\n            color: var(--fontib-contact-primary);\r\n            margin-top: 8px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .fontib-contact-form-submit {\r\n            width: 100%;\r\n            padding: 18px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-submit::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.15), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-form-submit:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-submit i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Inline success\/error message *\/\r\n        .fontib-contact-form-message {\r\n            margin-top: 20px;\r\n            padding: 16px 20px;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            display: none;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-message.success {\r\n            display: flex;\r\n            background: rgba(25, 135, 84, 0.08);\r\n            border: 1px solid rgba(25, 135, 84, 0.2);\r\n            color: #198754;\r\n        }\r\n\r\n        .fontib-contact-form-message.error {\r\n            display: flex;\r\n            background: rgba(220, 53, 69, 0.08);\r\n            border: 1px solid rgba(220, 53, 69, 0.2);\r\n            color: #dc3545;\r\n        }\r\n\r\n        \/* ========== FAQ SECTION ========== *\/\r\n        .fontib-contact-faq {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(180deg, var(--fontib-contact-bg) 0%, #edf3ff 100%);\r\n        }\r\n\r\n        .fontib-contact-faq-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-faq-grid .row {\r\n            row-gap: 24px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fontib-contact-faq-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 16px 44px rgba(0, 62, 164, 0.13);\r\n        }\r\n\r\n        .fontib-contact-faq-item {\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-faq-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-contact-faq-question {\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            padding: 20px 24px;\r\n            background: transparent;\r\n            border: none;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-text);\r\n            text-align: left;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease, color 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-question:hover {\r\n            background: rgba(0, 62, 164, 0.03);\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-question i {\r\n            font-size: 20px;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: transform 0.4s ease, color 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-question {\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-question i {\r\n            transform: rotate(180deg);\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-answer {\r\n            max-height: 200px;\r\n        }\r\n\r\n        .fontib-contact-faq-answer p {\r\n            padding: 0 24px 20px;\r\n            font-size: 13px;\r\n            color: var(--fontib-contact-text-muted);\r\n            line-height: 1.7;\r\n            margin: 0;\r\n        }\r\n\r\n        .fontib-contact-faq-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 16px;\r\n            background: rgba(255, 255, 255, 0.65);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.7);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 14px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-chatbot-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 100%;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 16px 44px rgba(0, 62, 164, 0.13);\r\n        }\r\n\r\n        .fontib-contact-chatbot-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: var(--fontib-contact-gradient);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2);\r\n            animation: fontibContactPulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes fontibContactPulse {\r\n            0%, 100% { box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2); }\r\n            50% { box-shadow: 0 8px 40px rgba(0, 62, 164, 0.35), 0 0 0 12px rgba(0, 62, 164, 0.06); }\r\n        }\r\n\r\n        .fontib-contact-chatbot-icon i {\r\n            font-size: 36px;\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card h5 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card p {\r\n            font-size: 13px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 24px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fontib-contact-chatbot-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 28px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.2);\r\n        }\r\n\r\n        .fontib-contact-chatbot-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.3);\r\n        }\r\n\r\n        \/* ========== MAP SECTION ========== *\/\r\n        .fontib-contact-map {\r\n            padding: 0 20px 100px;\r\n            background: linear-gradient(180deg, #edf3ff 0%, var(--fontib-contact-bg) 100%);\r\n        }\r\n\r\n        .fontib-contact-map-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-map-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n        }\r\n\r\n        .fontib-contact-map-card iframe {\r\n            width: 100%;\r\n            height: 420px;\r\n            border: none;\r\n            display: block;\r\n            filter: saturate(0.8) contrast(1.05);\r\n        }\r\n\r\n        .fontib-contact-map-locations {\r\n            padding: 30px 36px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 24px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fontib-contact-map-loc {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 20px;\r\n            background: rgba(0, 62, 164, 0.04);\r\n            border-radius: 12px;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-map-loc:hover {\r\n            background: rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-map-loc i {\r\n            font-size: 20px;\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-map-loc span {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-text);\r\n        }\r\n\r\n        \/* ========== SOCIAL SECTION ========== *\/\r\n        .fontib-contact-social {\r\n            padding: 80px 20px;\r\n            background: var(--fontib-contact-bg);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-social-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-social-title {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .fontib-contact-social-links {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 18px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .fontib-contact-social-link {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 18px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-decoration: none;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n            transform: perspective(400px) rotateX(0deg) rotateY(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-social-link i {\r\n            font-size: 28px;\r\n            color: var(--fontib-contact-primary);\r\n            transition: color 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-social-link:hover {\r\n            transform: perspective(400px) rotateX(-6deg) rotateY(6deg) translateY(-4px);\r\n            box-shadow: 0 12px 32px rgba(0, 62, 164, 0.16);\r\n            background: var(--fontib-contact-gradient);\r\n        }\r\n\r\n        .fontib-contact-social-link:hover i {\r\n            color: #fff;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        \/* ========== FOOTER CTA ========== *\/\r\n        .fontib-contact-footer-cta {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(160deg, #e0ebff 0%, #edf3ff 50%, #e8f0fe 100%);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-footer-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -60px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.06), transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 20px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 24px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-footer-cta h2 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(28px, 4vw, 44px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-footer-cta h2 span {\r\n            background: var(--fontib-contact-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-desc {\r\n            font-size: 15px;\r\n            color: var(--fontib-contact-text-muted);\r\n            max-width: 480px;\r\n            margin: 0 auto 36px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-top: 36px;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner {\r\n            padding: 18px 42px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border-radius: 50px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:active {\r\n            transform: translateY(0) scale(1);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* ========== CONTACT FORM 7 CUSTOM STYLES ========== *\/\r\n        .fontib-contact-form-card .wpcf7 {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form {\r\n            margin: 0;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form div {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form div:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-label {\r\n            display: block;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 8px;\r\n            font-family: var(--fontib-contact-font);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-text,\r\n        .fontib-contact-form-card .wpcf7-textarea,\r\n        .fontib-contact-form-card .wpcf7-select,\r\n        .fontib-contact-form-card .wpcf7-file {\r\n            width: 100%;\r\n            padding: 18px 18px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px solid rgba(0, 62, 164, 0.08);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text);\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n            box-sizing: border-box;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-text:focus,\r\n        .fontib-contact-form-card .wpcf7-textarea:focus,\r\n        .fontib-contact-form-card .wpcf7-select:focus {\r\n            border-color: var(--fontib-contact-primary);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            box-shadow: 0 0 0 4px rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-textarea {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-select {\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6a8a' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 18px center;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file {\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file + label,\r\n        .fontib-contact-form-card .wpcf7-form input[type=\"file\"] + label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 22px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px dashed rgba(0, 62, 164, 0.15);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            cursor: pointer;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file:hover + label,\r\n        .fontib-contact-form-card .wpcf7-form input[type=\"file\"]:hover + label {\r\n            border-color: var(--fontib-contact-primary);\r\n            color: var(--fontib-contact-primary);\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit {\r\n            width: 100%;\r\n            padding: 18px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-not-valid {\r\n            border-color: #dc3545 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-response-output {\r\n            margin: 20px 0 0 !important;\r\n            padding: 16px 20px !important;\r\n            border-radius: var(--fontib-contact-radius-sm) !important;\r\n            font-size: 14px !important;\r\n            font-weight: 500 !important;\r\n            border: 1px solid !important;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-mail-sent-ok {\r\n            background: rgba(25, 135, 84, 0.08) !important;\r\n            border-color: rgba(25, 135, 84, 0.2) !important;\r\n            color: #198754 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-validation-errors,\r\n        .fontib-contact-form-card .wpcf7-mail-sent-ng {\r\n            background: rgba(220, 53, 69, 0.08) !important;\r\n            border-color: rgba(220, 53, 69, 0.2) !important;\r\n            color: #dc3545 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-spinner {\r\n            display: none;\r\n        }\r\n\r\n        \/* CF7 Row Layout Support *\/\r\n        .fontib-contact-form-card .wpcf7-form .row {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            margin: 0 -10px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n        .fontib-contact-form-card .wpcf7-form .row > div {\r\n            flex: 0 0 50%;\r\n            max-width: 50%;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .fontib-contact-form-card .wpcf7-form .row {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n            .fontib-contact-form-card .wpcf7-form .row > div {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 767px) {\r\n            .fontib-contact-form-card {\r\n                padding: 28px 20px;\r\n            }\r\n\r\n            .fontib-contact-map-locations {\r\n                padding: 20px;\r\n            }\r\n\r\n            .fontib-contact-map-card iframe {\r\n                height: 280px;\r\n            }\r\n\r\n            .fontib-contact-info-card {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .fontib-contact-footer-cta-btn-inner {\r\n                padding: 16px 32px;\r\n                font-size: 14px;\r\n                width: 100%;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n            .fontib-contact-form-card .wpcf7-form .row > div {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .fontib-contact-faq {\r\n                padding: 60px 16px;\r\n            }\r\n\r\n            .fontib-contact-faq-wrap {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .fontib-contact-faq-grid .row {\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n\r\n            .fontib-contact-faq-grid .col-lg-8,\r\n            .fontib-contact-faq-grid .col-lg-4 {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .fontib-contact-faq-question {\r\n                padding: 16px 18px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .fontib-contact-faq-answer p {\r\n                padding: 0 18px 16px;\r\n                font-size: 12px;\r\n            }\r\n\r\n        .fontib-contact-faq-grid .col-lg-8 {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-faq-card {\r\n                margin: 0 -4px;\r\n            }\r\n\r\n            .fontib-contact-section-desc {\r\n                margin-left: auto !important;\r\n                margin-right: auto !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ========== 1. HERO SECTION ========== -->\r\n    <section class=\"fontib-contact-hero\" id=\"fontib-contact-top\">\r\n        <div class=\"fontib-contact-hero-shapes\">\r\n            <span class=\"shape-a\">A<\/span>\r\n            <span class=\"shape-b\">B<\/span>\r\n            <span class=\"shape-f\">F<\/span>\r\n            <span class=\"shape-g\">g<\/span>\r\n        <\/div>\r\n        <div class=\"fontib-contact-hero-content\">\r\n            <div class=\"fontib-contact-hero-badge\" data-aos=\"fade-down\" data-aos-delay=\"100\">\r\n                <i class='bx bx-support'><\/i>\r\n                We're Here to Help\r\n            <\/div>\r\n            <h1 data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Get in Touch with Our<br><span>Team<\/span>\r\n            <\/h1>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                Have questions or need support? Our team is here to help you create stunning typography.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 2. CONTACT INFO CARDS ========== -->\r\n    <section class=\"fontib-contact-info\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-envelope'><\/i>\r\n                    <\/div>\r\n                    <h5>Email Support<\/h5>\r\n                    <p>support@fontib.com<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Mon \u2013 Fri, 9AM \u2013 6PM EST<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-phone-call'><\/i>\r\n                    <\/div>\r\n                    <h5>Phone<\/h5>\r\n                    <p>+1 (469) 995-5069<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Available 24\/7 for urgent queries<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-4 col-md-12\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-map'><\/i>\r\n                    <\/div>\r\n                    <h5>Office Address<\/h5>\r\n                    <p>123 Font Street, Typetown,USA 10001<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Walk-ins welcome by appointment<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 3. CONTACT FORM SECTION ========== -->\r\n    <section class=\"fontib-contact-form-section\" id=\"fontib-contact-form\">\r\n        <div class=\"fontib-contact-form-wrap\">\r\n            <div class=\"text-center\" style=\"margin-bottom: 48px;\">\r\n                <div class=\"fontib-contact-section-label\" data-aos=\"fade-down\">\r\n                    <i class='bx bx-edit'><\/i> Send a Message\r\n                <\/div>\r\n                <h2 class=\"fontib-contact-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    We'd Love to Hear From You\r\n                <\/h2>\r\n                <p class=\"fontib-contact-section-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"margin-left:auto; margin-right:auto;\">\r\n                    Fill out the form below and our team will get back to you within 24 hours.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-contact-form-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3653-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3653\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/de\/wp-json\/wp\/v2\/pages\/3673#wpcf7-f3653-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=\"3653\" \/><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-f3653-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><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\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><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\" placeholder=\"Your Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><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\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><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\" placeholder=\"Your Message\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 4. FAQ \/ SUPPORT SECTION ========== -->\r\n    <section class=\"fontib-contact-faq\">\r\n        <div class=\"fontib-contact-faq-wrap\">\r\n            <div class=\"text-center\" style=\"margin-bottom: 48px;\">\r\n                <div class=\"fontib-contact-faq-badge\" data-aos=\"fade-down\">\r\n                    <i class='bx bx-help-circle'><\/i> Quick Support\r\n                <\/div>\r\n                <h2 class=\"fontib-contact-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Frequently Asked Questions\r\n                <\/h2>\r\n                <p class=\"fontib-contact-section-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"margin-left:auto; margin-right:auto;\">\r\n                    Find quick answers to common questions before reaching out.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-contact-faq-grid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-lg-8\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                        <div class=\"fontib-contact-faq-card\">\r\n                            <div class=\"fontib-contact-faq-item active\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    How can I reset my font projects?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Navigate to your dashboard, click on the project you want to reset, and select \"Reset Project\" from the options menu. All changes will be reverted to the default state. You can also duplicate a project before resetting to keep a backup.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    Can I request a custom font feature?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Absolutely! Use the contact form above and select \"Sales\" as the subject. Describe the custom feature you need, and our team will evaluate feasibility and provide a timeline and quote within 48 hours.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    What payment methods are accepted?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>We accept all major credit cards (Visa, MasterCard, American Express), PayPal, bank transfers, and cryptocurrency (BTC, ETH). Enterprise customers can also arrange invoicing with NET-30 terms.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    How do I export my fonts in different formats?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>In the export panel, you can select multiple output formats simultaneously: TTF, OTF, WOFF, WOFF2, and SVG. Use batch export for entire font families. Pro plans also include variable font export.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    Is there a free plan available?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Yes! Our Starter plan is completely free and includes up to 3 font projects with basic glyph editing, TTF export, and community support. Upgrade anytime to unlock advanced OpenType features and more exports.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 7. FOOTER CTA ========== -->\r\n    <section class=\"fontib-contact-footer-cta\">\r\n        <div class=\"fontib-contact-footer-cta-wrap\">\r\n            <div class=\"fontib-contact-footer-cta-badge\" data-aos=\"fade-down\">\r\n                <i class='bx bx-bell'><\/i> Stay Updated\r\n            <\/div>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Ready to build <span> Stylish font<\/span> Again?\r\n            <\/h2>\r\n            <div class=\"fontib-contact-footer-cta-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Jump back to the build font for bios, captions, names, and social profiles.\r\n            <\/div>\r\n            <div class=\"fontib-contact-footer-cta-btn\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <a href=\"\/\" class=\"fontib-contact-footer-cta-btn-inner\">\r\n                    Get Started <i class='bx bx-right-arrow-alt'><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n\r\n        \/\/ ========== FAQ Accordion ==========\r\n        document.querySelectorAll('.fontib-contact-faq-question').forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                const item = btn.parentElement;\r\n                const isActive = item.classList.contains('active');\r\n\r\n                document.querySelectorAll('.fontib-contact-faq-item').forEach(i => {\r\n                    i.classList.remove('active');\r\n                });\r\n\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n\r\n            btn.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    btn.click();\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ========== Smooth Scroll 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({ behavior: 'smooth', block: 'start' });\r\n                }\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<style>\r\n        :root {\r\n            --fontib-contact-primary: #003EA4;\r\n            --fontib-contact-secondary: #185cc9;\r\n            --fontib-contact-bg: #f4f7fc;\r\n            --fontib-contact-card-bg: rgba(255, 255, 255, 0.55);\r\n            --fontib-contact-card-border: rgba(255, 255, 255, 0.6);\r\n            --fontib-contact-card-shadow: 0 8px 32px rgba(0, 62, 164, 0.10);\r\n            --fontib-contact-glass-blur: 18px;\r\n            --fontib-contact-text: #1a2744;\r\n            --fontib-contact-text-muted: #5a6a8a;\r\n            --fontib-contact-gradient: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            --fontib-contact-radius: 20px;\r\n            --fontib-contact-radius-sm: 14px;\r\n            --fontib-contact-font: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* ========== HERO SECTION ========== *\/\r\n        .fontib-contact-hero {\r\n            position: relative;\r\n            padding: 120px 0 100px;\r\n            background: linear-gradient(160deg, #e8f0fe 0%, #f4f7fc 40%, #eaf2ff 100%);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -80px;\r\n            right: -120px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontibContactFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-contact-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -60px;\r\n            left: -80px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(24, 92, 201, 0.07) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontibContactFloat 10s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes fontibContactFloat {\r\n            0%, 100% { transform: translateY(0) scale(1); }\r\n            50% { transform: translateY(-30px) scale(1.05); }\r\n        }\r\n\r\n        .fontib-contact-hero-shapes {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-hero-shapes span {\r\n            position: absolute;\r\n            font-family: var(--fontib-contact-font);\r\n            font-weight: 800;\r\n            color: rgba(0, 62, 164, 0.04);\r\n            font-size: clamp(60px, 12vw, 180px);\r\n            user-select: none;\r\n        }\r\n\r\n        .fontib-contact-hero-shapes .shape-a { top: 10%; left: 5%; transform: rotate(-15deg); }\r\n        .fontib-contact-hero-shapes .shape-b { top: 5%; right: 8%; transform: rotate(12deg); }\r\n        .fontib-contact-hero-shapes .shape-f { bottom: 10%; left: 50%; transform: translateX(-50%) rotate(-8deg); }\r\n        .fontib-contact-hero-shapes .shape-g { bottom: 5%; right: 5%; transform: rotate(20deg); font-size: clamp(50px, 10vw, 150px); }\r\n\r\n        .fontib-contact-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .fontib-contact-hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 20px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: 50px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-primary);\r\n            margin-bottom: 28px;\r\n            box-shadow: 0 4px 20px rgba(0, 62, 164, 0.08);\r\n            transform: perspective(600px) rotateX(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-hero-badge:hover {\r\n            transform: perspective(600px) rotateX(4deg) translateY(-2px);\r\n            box-shadow: 0 8px 30px rgba(0, 62, 164, 0.14);\r\n        }\r\n\r\n        .fontib-contact-hero-badge i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .fontib-contact-hero h1 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(32px, 5vw, 56px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-hero h1 span {\r\n            background: var(--fontib-contact-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-contact-hero p {\r\n            font-size: clamp(15px, 2vw, 18px);\r\n            color: var(--fontib-contact-text-muted);\r\n            max-width: 560px;\r\n            margin: 0 auto 36px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 36px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 14px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .fontib-contact-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.15), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .fontib-contact-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-btn:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-btn i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-btn:hover i {\r\n            transform: translateX(3px);\r\n        }\r\n\r\n        \/* ========== CONTACT INFO CARDS ========== *\/\r\n        .fontib-contact-info {\r\n            padding: 0 20px;\r\n            margin-top: -50px;\r\n            position: relative;\r\n            z-index: 5;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .fontib-contact-info .row {\r\n            row-gap: 24px;\r\n        }\r\n\r\n        .fontib-contact-info-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transform: perspective(800px) rotateX(0deg) rotateY(0deg);\r\n            transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n            cursor: default;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--fontib-contact-gradient);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover {\r\n            transform: perspective(800px) rotateX(3deg) translateY(-8px);\r\n            box-shadow: 0 20px 50px rgba(0, 62, 164, 0.16);\r\n        }\r\n\r\n        .fontib-contact-info-card .icon-wrap {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 22px;\r\n            background: var(--fontib-contact-gradient);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 22px;\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2);\r\n            transform: perspective(400px) rotateX(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card:hover .icon-wrap {\r\n            transform: perspective(400px) rotateX(-8deg) scale(1.06);\r\n            box-shadow: 0 12px 36px rgba(0, 62, 164, 0.3);\r\n        }\r\n\r\n        .fontib-contact-info-card .icon-wrap i {\r\n            font-size: 36px;\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-info-card h5 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .fontib-contact-info-card p {\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin: 0;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fontib-contact-info-card a {\r\n            color: var(--fontib-contact-primary);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-info-card a:hover {\r\n            color: var(--fontib-contact-secondary);\r\n        }\r\n\r\n        \/* ========== CONTACT FORM SECTION ========== *\/\r\n        .fontib-contact-form-section {\r\n            padding: 100px 20px;\r\n            background: var(--fontib-contact-bg);\r\n\t\t\t\t\t\tmargin-top: 40px;\r\n        }\r\n\r\n        .fontib-contact-form-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 16px;\r\n            background: rgba(255, 255, 255, 0.65);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.7);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 16px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-section-title {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(26px, 4vw, 40px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-section-desc {\r\n            font-size: 15px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 48px;\r\n            max-width: 520px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-form-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 48px;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-form-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            right: -100px;\r\n            width: 250px;\r\n            height: 250px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.04), transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .fontib-contact-form-group {\r\n            position: relative;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-form-group label {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 18px;\r\n            transform: translateY(-50%);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            pointer-events: none;\r\n            transition: all 0.3s ease;\r\n            background: transparent;\r\n            padding: 0 4px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fontib-contact-form-group.textarea-group label {\r\n            top: 22px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group input,\r\n        .fontib-contact-form-group select,\r\n        .fontib-contact-form-group textarea {\r\n            width: 100%;\r\n            padding: 18px 18px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px solid rgba(0, 62, 164, 0.08);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text);\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n        }\r\n\r\n        .fontib-contact-form-group textarea {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .fontib-contact-form-group select {\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6a8a' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 18px center;\r\n        }\r\n\r\n        .fontib-contact-form-group input:focus,\r\n        .fontib-contact-form-group select:focus,\r\n        .fontib-contact-form-group textarea:focus {\r\n            border-color: var(--fontib-contact-primary);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            box-shadow: 0 0 0 4px rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-form-group input:focus + label,\r\n        .fontib-contact-form-group input:not(:placeholder-shown) + label,\r\n        .fontib-contact-form-group select:focus + label,\r\n        .fontib-contact-form-group select:valid + label,\r\n        .fontib-contact-form-group textarea:focus + label,\r\n        .fontib-contact-form-group textarea:not(:placeholder-shown) + label {\r\n            top: -1px;\r\n            left: 14px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            background: #fff;\r\n            padding: 0 8px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group.textarea-group input:focus + label,\r\n        .fontib-contact-form-group.textarea-group textarea:focus + label,\r\n        .fontib-contact-form-group.textarea-group textarea:not(:placeholder-shown) + label {\r\n            top: -1px;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-group .invalid-feedback {\r\n            font-size: 12px;\r\n            color: #dc3545;\r\n            margin-top: 6px;\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-invalid input,\r\n        .fontib-contact-form-group.is-invalid select,\r\n        .fontib-contact-form-group.is-invalid textarea {\r\n            border-color: #dc3545;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-invalid .invalid-feedback {\r\n            display: block;\r\n        }\r\n\r\n        .fontib-contact-form-group.is-valid input,\r\n        .fontib-contact-form-group.is-valid select,\r\n        .fontib-contact-form-group.is-valid textarea {\r\n            border-color: #198754;\r\n        }\r\n\r\n        .fontib-contact-upload {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-upload-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 22px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px dashed rgba(0, 62, 164, 0.15);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            cursor: pointer;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-upload-label:hover {\r\n            border-color: var(--fontib-contact-primary);\r\n            color: var(--fontib-contact-primary);\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-contact-upload-label i {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-contact-upload-label input {\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-file-name {\r\n            font-size: 12px;\r\n            color: var(--fontib-contact-primary);\r\n            margin-top: 8px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .fontib-contact-form-submit {\r\n            width: 100%;\r\n            padding: 18px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-submit::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.15), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-form-submit:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-submit i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-form-submit:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Inline success\/error message *\/\r\n        .fontib-contact-form-message {\r\n            margin-top: 20px;\r\n            padding: 16px 20px;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            display: none;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-message.success {\r\n            display: flex;\r\n            background: rgba(25, 135, 84, 0.08);\r\n            border: 1px solid rgba(25, 135, 84, 0.2);\r\n            color: #198754;\r\n        }\r\n\r\n        .fontib-contact-form-message.error {\r\n            display: flex;\r\n            background: rgba(220, 53, 69, 0.08);\r\n            border: 1px solid rgba(220, 53, 69, 0.2);\r\n            color: #dc3545;\r\n        }\r\n\r\n        \/* ========== FAQ SECTION ========== *\/\r\n        .fontib-contact-faq {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(180deg, var(--fontib-contact-bg) 0%, #edf3ff 100%);\r\n        }\r\n\r\n        .fontib-contact-faq-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-faq-grid .row {\r\n            row-gap: 24px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fontib-contact-faq-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 16px 44px rgba(0, 62, 164, 0.13);\r\n        }\r\n\r\n        .fontib-contact-faq-item {\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-faq-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-contact-faq-question {\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            padding: 20px 24px;\r\n            background: transparent;\r\n            border: none;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-text);\r\n            text-align: left;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease, color 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-question:hover {\r\n            background: rgba(0, 62, 164, 0.03);\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-question i {\r\n            font-size: 20px;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: transform 0.4s ease, color 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-question {\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-question i {\r\n            transform: rotate(180deg);\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n        }\r\n\r\n        .fontib-contact-faq-item.active .fontib-contact-faq-answer {\r\n            max-height: 200px;\r\n        }\r\n\r\n        .fontib-contact-faq-answer p {\r\n            padding: 0 24px 20px;\r\n            font-size: 13px;\r\n            color: var(--fontib-contact-text-muted);\r\n            line-height: 1.7;\r\n            margin: 0;\r\n        }\r\n\r\n        .fontib-contact-faq-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 16px;\r\n            background: rgba(255, 255, 255, 0.65);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.7);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 14px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-chatbot-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 100%;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 16px 44px rgba(0, 62, 164, 0.13);\r\n        }\r\n\r\n        .fontib-contact-chatbot-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: var(--fontib-contact-gradient);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2);\r\n            animation: fontibContactPulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes fontibContactPulse {\r\n            0%, 100% { box-shadow: 0 8px 28px rgba(0, 62, 164, 0.2); }\r\n            50% { box-shadow: 0 8px 40px rgba(0, 62, 164, 0.35), 0 0 0 12px rgba(0, 62, 164, 0.06); }\r\n        }\r\n\r\n        .fontib-contact-chatbot-icon i {\r\n            font-size: 36px;\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card h5 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .fontib-contact-chatbot-card p {\r\n            font-size: 13px;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 24px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fontib-contact-chatbot-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 28px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.2);\r\n        }\r\n\r\n        .fontib-contact-chatbot-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 28px rgba(0, 62, 164, 0.3);\r\n        }\r\n\r\n        \/* ========== MAP SECTION ========== *\/\r\n        .fontib-contact-map {\r\n            padding: 0 20px 100px;\r\n            background: linear-gradient(180deg, #edf3ff 0%, var(--fontib-contact-bg) 100%);\r\n        }\r\n\r\n        .fontib-contact-map-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-map-card {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-contact-glass-blur));\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: var(--fontib-contact-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--fontib-contact-card-shadow);\r\n        }\r\n\r\n        .fontib-contact-map-card iframe {\r\n            width: 100%;\r\n            height: 420px;\r\n            border: none;\r\n            display: block;\r\n            filter: saturate(0.8) contrast(1.05);\r\n        }\r\n\r\n        .fontib-contact-map-locations {\r\n            padding: 30px 36px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 24px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fontib-contact-map-loc {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 20px;\r\n            background: rgba(0, 62, 164, 0.04);\r\n            border-radius: 12px;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-map-loc:hover {\r\n            background: rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-map-loc i {\r\n            font-size: 20px;\r\n            color: var(--fontib-contact-primary);\r\n        }\r\n\r\n        .fontib-contact-map-loc span {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--fontib-contact-text);\r\n        }\r\n\r\n        \/* ========== SOCIAL SECTION ========== *\/\r\n        .fontib-contact-social {\r\n            padding: 80px 20px;\r\n            background: var(--fontib-contact-bg);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-social-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-social-title {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .fontib-contact-social-links {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 18px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .fontib-contact-social-link {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 18px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-decoration: none;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n            transform: perspective(400px) rotateX(0deg) rotateY(0deg);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-social-link i {\r\n            font-size: 28px;\r\n            color: var(--fontib-contact-primary);\r\n            transition: color 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-social-link:hover {\r\n            transform: perspective(400px) rotateX(-6deg) rotateY(6deg) translateY(-4px);\r\n            box-shadow: 0 12px 32px rgba(0, 62, 164, 0.16);\r\n            background: var(--fontib-contact-gradient);\r\n        }\r\n\r\n        .fontib-contact-social-link:hover i {\r\n            color: #fff;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        \/* ========== FOOTER CTA ========== *\/\r\n        .fontib-contact-footer-cta {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(160deg, #e0ebff 0%, #edf3ff 50%, #e8f0fe 100%);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-contact-footer-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -60px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(0, 62, 164, 0.06), transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 20px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid var(--fontib-contact-card-border);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--fontib-contact-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 24px;\r\n            box-shadow: 0 4px 16px rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-contact-footer-cta h2 {\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: clamp(28px, 4vw, 44px);\r\n            font-weight: 800;\r\n            color: var(--fontib-contact-text);\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .fontib-contact-footer-cta h2 span {\r\n            background: var(--fontib-contact-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-desc {\r\n            font-size: 15px;\r\n            color: var(--fontib-contact-text-muted);\r\n            max-width: 480px;\r\n            margin: 0 auto 36px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-top: 36px;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner {\r\n            padding: 18px 42px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border-radius: 50px;\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent, rgba(255,255,255,0.1));\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:active {\r\n            transform: translateY(0) scale(1);\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-footer-cta-btn-inner:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* ========== CONTACT FORM 7 CUSTOM STYLES ========== *\/\r\n        .fontib-contact-form-card .wpcf7 {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form {\r\n            margin: 0;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form div {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form div:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-label {\r\n            display: block;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            margin-bottom: 8px;\r\n            font-family: var(--fontib-contact-font);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-text,\r\n        .fontib-contact-form-card .wpcf7-textarea,\r\n        .fontib-contact-form-card .wpcf7-select,\r\n        .fontib-contact-form-card .wpcf7-file {\r\n            width: 100%;\r\n            padding: 18px 18px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px solid rgba(0, 62, 164, 0.08);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 14px;\r\n            color: var(--fontib-contact-text);\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n            box-sizing: border-box;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-text:focus,\r\n        .fontib-contact-form-card .wpcf7-textarea:focus,\r\n        .fontib-contact-form-card .wpcf7-select:focus {\r\n            border-color: var(--fontib-contact-primary);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            box-shadow: 0 0 0 4px rgba(0, 62, 164, 0.08);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-textarea {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-select {\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6a8a' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 18px center;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file {\r\n            display: none;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file + label,\r\n        .fontib-contact-form-card .wpcf7-form input[type=\"file\"] + label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 22px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 2px dashed rgba(0, 62, 164, 0.15);\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            cursor: pointer;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--fontib-contact-text-muted);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-file:hover + label,\r\n        .fontib-contact-form-card .wpcf7-form input[type=\"file\"]:hover + label {\r\n            border-color: var(--fontib-contact-primary);\r\n            color: var(--fontib-contact-primary);\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit {\r\n            width: 100%;\r\n            padding: 18px;\r\n            background: var(--fontib-contact-gradient);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: var(--fontib-contact-radius-sm);\r\n            font-family: var(--fontib-contact-font);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 6px 24px rgba(0, 62, 164, 0.25);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 36px rgba(0, 62, 164, 0.35);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-submit:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-not-valid {\r\n            border-color: #dc3545 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-response-output {\r\n            margin: 20px 0 0 !important;\r\n            padding: 16px 20px !important;\r\n            border-radius: var(--fontib-contact-radius-sm) !important;\r\n            font-size: 14px !important;\r\n            font-weight: 500 !important;\r\n            border: 1px solid !important;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-mail-sent-ok {\r\n            background: rgba(25, 135, 84, 0.08) !important;\r\n            border-color: rgba(25, 135, 84, 0.2) !important;\r\n            color: #198754 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-validation-errors,\r\n        .fontib-contact-form-card .wpcf7-mail-sent-ng {\r\n            background: rgba(220, 53, 69, 0.08) !important;\r\n            border-color: rgba(220, 53, 69, 0.2) !important;\r\n            color: #dc3545 !important;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-spinner {\r\n            display: none;\r\n        }\r\n\r\n        \/* CF7 Row Layout Support *\/\r\n        .fontib-contact-form-card .wpcf7-form .row {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            margin: 0 -10px;\r\n        }\r\n\r\n        .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n        .fontib-contact-form-card .wpcf7-form .row > div {\r\n            flex: 0 0 50%;\r\n            max-width: 50%;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .fontib-contact-form-card .wpcf7-form .row {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n            .fontib-contact-form-card .wpcf7-form .row > div {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 767px) {\r\n            .fontib-contact-form-card {\r\n                padding: 28px 20px;\r\n            }\r\n\r\n            .fontib-contact-map-locations {\r\n                padding: 20px;\r\n            }\r\n\r\n            .fontib-contact-map-card iframe {\r\n                height: 280px;\r\n            }\r\n\r\n            .fontib-contact-info-card {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .fontib-contact-footer-cta-btn-inner {\r\n                padding: 16px 32px;\r\n                font-size: 14px;\r\n                width: 100%;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .fontib-contact-form-card .wpcf7-form .row .col-md-6,\r\n            .fontib-contact-form-card .wpcf7-form .row > div {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .fontib-contact-faq {\r\n                padding: 60px 16px;\r\n            }\r\n\r\n            .fontib-contact-faq-wrap {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .fontib-contact-faq-grid .row {\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n\r\n            .fontib-contact-faq-grid .col-lg-8,\r\n            .fontib-contact-faq-grid .col-lg-4 {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .fontib-contact-faq-question {\r\n                padding: 16px 18px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .fontib-contact-faq-answer p {\r\n                padding: 0 18px 16px;\r\n                font-size: 12px;\r\n            }\r\n\r\n        .fontib-contact-faq-grid .col-lg-8 {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fontib-contact-faq-card {\r\n                margin: 0 -4px;\r\n            }\r\n\r\n            .fontib-contact-section-desc {\r\n                margin-left: auto !important;\r\n                margin-right: auto !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ========== 1. HERO SECTION ========== -->\r\n    <section class=\"fontib-contact-hero\" id=\"fontib-contact-top\">\r\n        <div class=\"fontib-contact-hero-shapes\">\r\n            <span class=\"shape-a\">A<\/span>\r\n            <span class=\"shape-b\">B<\/span>\r\n            <span class=\"shape-f\">F<\/span>\r\n            <span class=\"shape-g\">g<\/span>\r\n        <\/div>\r\n        <div class=\"fontib-contact-hero-content\">\r\n            <div class=\"fontib-contact-hero-badge\" data-aos=\"fade-down\" data-aos-delay=\"100\">\r\n                <i class='bx bx-support'><\/i>\r\n                We're Here to Help\r\n            <\/div>\r\n            <h1 data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Get in Touch with Our<br><span>Team<\/span>\r\n            <\/h1>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                Have questions or need support? Our team is here to help you create stunning typography.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 2. CONTACT INFO CARDS ========== -->\r\n    <section class=\"fontib-contact-info\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-envelope'><\/i>\r\n                    <\/div>\r\n                    <h5>Email Support<\/h5>\r\n                    <p>support@fontib.com<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Mon \u2013 Fri, 9AM \u2013 6PM EST<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-phone-call'><\/i>\r\n                    <\/div>\r\n                    <h5>Phone<\/h5>\r\n                    <p>+1 (469) 995-5069<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Available 24\/7 for urgent queries<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-4 col-md-12\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"fontib-contact-info-card\">\r\n                    <div class=\"icon-wrap\">\r\n                        <i class='bx bx-map'><\/i>\r\n                    <\/div>\r\n                    <h5>Office Address<\/h5>\r\n                    <p>123 Font Street, Typetown,USA 10001<\/p>\r\n                    <p style=\"margin-top:6px; font-size:12px;\">Walk-ins welcome by appointment<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 3. CONTACT FORM SECTION ========== -->\r\n    <section class=\"fontib-contact-form-section\" id=\"fontib-contact-form\">\r\n        <div class=\"fontib-contact-form-wrap\">\r\n            <div class=\"text-center\" style=\"margin-bottom: 48px;\">\r\n                <div class=\"fontib-contact-section-label\" data-aos=\"fade-down\">\r\n                    <i class='bx bx-edit'><\/i> Send a Message\r\n                <\/div>\r\n                <h2 class=\"fontib-contact-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    We'd Love to Hear From You\r\n                <\/h2>\r\n                <p class=\"fontib-contact-section-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"margin-left:auto; margin-right:auto;\">\r\n                    Fill out the form below and our team will get back to you within 24 hours.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-contact-form-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3653-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3653\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/de\/wp-json\/wp\/v2\/pages\/3673#wpcf7-f3653-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=\"3653\" \/><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-f3653-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><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\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><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\" placeholder=\"Your Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><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\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><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\" placeholder=\"Your Message\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 4. FAQ \/ SUPPORT SECTION ========== -->\r\n    <section class=\"fontib-contact-faq\">\r\n        <div class=\"fontib-contact-faq-wrap\">\r\n            <div class=\"text-center\" style=\"margin-bottom: 48px;\">\r\n                <div class=\"fontib-contact-faq-badge\" data-aos=\"fade-down\">\r\n                    <i class='bx bx-help-circle'><\/i> Quick Support\r\n                <\/div>\r\n                <h2 class=\"fontib-contact-section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Frequently Asked Questions\r\n                <\/h2>\r\n                <p class=\"fontib-contact-section-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"margin-left:auto; margin-right:auto;\">\r\n                    Find quick answers to common questions before reaching out.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-contact-faq-grid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-lg-8\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                        <div class=\"fontib-contact-faq-card\">\r\n                            <div class=\"fontib-contact-faq-item active\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    How can I reset my font projects?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Navigate to your dashboard, click on the project you want to reset, and select \"Reset Project\" from the options menu. All changes will be reverted to the default state. You can also duplicate a project before resetting to keep a backup.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    Can I request a custom font feature?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Absolutely! Use the contact form above and select \"Sales\" as the subject. Describe the custom feature you need, and our team will evaluate feasibility and provide a timeline and quote within 48 hours.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    What payment methods are accepted?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>We accept all major credit cards (Visa, MasterCard, American Express), PayPal, bank transfers, and cryptocurrency (BTC, ETH). Enterprise customers can also arrange invoicing with NET-30 terms.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    How do I export my fonts in different formats?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>In the export panel, you can select multiple output formats simultaneously: TTF, OTF, WOFF, WOFF2, and SVG. Use batch export for entire font families. Pro plans also include variable font export.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"fontib-contact-faq-item\">\r\n                                <div class=\"fontib-contact-faq-question\" role=\"button\" tabindex=\"0\">\r\n                                    Is there a free plan available?\r\n                                    <i class='bx bx-chevron-down'><\/i>\r\n                                <\/div>\r\n                                <div class=\"fontib-contact-faq-answer\">\r\n                                    <p>Yes! Our Starter plan is completely free and includes up to 3 font projects with basic glyph editing, TTF export, and community support. Upgrade anytime to unlock advanced OpenType features and more exports.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 7. FOOTER CTA ========== -->\r\n    <section class=\"fontib-contact-footer-cta\">\r\n        <div class=\"fontib-contact-footer-cta-wrap\">\r\n            <div class=\"fontib-contact-footer-cta-badge\" data-aos=\"fade-down\">\r\n                <i class='bx bx-bell'><\/i> Stay Updated\r\n            <\/div>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Ready to build <span> Stylish font<\/span> Again?\r\n            <\/h2>\r\n            <div class=\"fontib-contact-footer-cta-desc\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Jump back to the build font for bios, captions, names, and social profiles.\r\n            <\/div>\r\n            <div class=\"fontib-contact-footer-cta-btn\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <a href=\"\/\" class=\"fontib-contact-footer-cta-btn-inner\">\r\n                    Get Started <i class='bx bx-right-arrow-alt'><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n\r\n        \/\/ ========== FAQ Accordion ==========\r\n        document.querySelectorAll('.fontib-contact-faq-question').forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                const item = btn.parentElement;\r\n                const isActive = item.classList.contains('active');\r\n\r\n                document.querySelectorAll('.fontib-contact-faq-item').forEach(i => {\r\n                    i.classList.remove('active');\r\n                });\r\n\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n\r\n            btn.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    btn.click();\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ========== Smooth Scroll 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({ behavior: 'smooth', block: 'start' });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\n","protected":false},"author":4,"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-3673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/comments?post=3673"}],"version-history":[{"count":4,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3673\/revisions"}],"predecessor-version":[{"id":3710,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3673\/revisions\/3710"}],"wp:attachment":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/media?parent=3673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}