{"id":1411,"date":"2023-05-08T11:20:56","date_gmt":"2023-05-08T11:20:56","guid":{"rendered":"https:\/\/web.annulartechnologies.com\/staging\/?page_id=2"},"modified":"2026-10-20T18:04:27","modified_gmt":"2026-10-20T18:04:27","slug":"programmer-home","status":"publish","type":"page","link":"https:\/\/web.annulartechnologies.com\/staging\/","title":{"rendered":"Home"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-blend-mode:overlay;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:206px;--awb-padding-right:26%;--awb-padding-bottom:130px;--awb-padding-left:6%;--awb-padding-top-medium:130px;--awb-padding-top-small:100px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-image-small:linear-gradient(90deg, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 70%),url(https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/conference_room_hero_4k_upscaled-1-1024x410.png);;--awb-background-image:linear-gradient(90deg, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 70%);--awb-background-size:cover;--awb-flex-wrap:wrap;\" ><div class=\"awb-background-slider\" data-type=\"container\" data-loop=\"yes\" data-animation=\"slide\" data-slideshow-speed=\"5000\" data-animation-speed=\"1000\" data-direction=\"right\" style=\"--awb-image-position:46% 11%;\"><div class=\"swiper-wrapper\"><div class=\"swiper-slide\"><img decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network.png\" class=\"awb-background-slider__image\" alt=\"\" srcset=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-200x113.png 200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-300x169.png 300w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-400x225.png 400w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-600x338.png 600w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-768x432.png 768w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-800x450.png 800w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-1024x576.png 1024w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-1200x675.png 1200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network-1536x864.png 1536w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-AI-Automation-Network.png 1672w\" sizes=\"(max-width: 1672px) 100vw, 1672px\" \/><\/div><div class=\"swiper-slide\"><img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-scaled.png\" class=\"awb-background-slider__image\" alt=\"\" srcset=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-200x113.png 200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-300x169.png 300w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-400x225.png 400w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-600x338.png 600w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-768x432.png 768w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-800x450.png 800w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-1024x576.png 1024w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-1200x675.png 1200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-1536x864.png 1536w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Quantem_RC_Dark_Hero_8K-1-scaled.png 2560w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div><div class=\"swiper-slide\"><img decoding=\"async\" width=\"2560\" height=\"1045\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-scaled.png\" class=\"awb-background-slider__image\" alt=\"\" srcset=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-200x82.png 200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-300x122.png 300w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-400x163.png 400w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-600x245.png 600w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-669x272.png 669w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-768x314.png 768w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-800x327.png 800w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-1024x418.png 1024w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-1200x490.png 1200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-1536x627.png 1536w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Android_Device_Management_Wide_Angle_8K-scaled.png 2560w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div><div class=\"swiper-slide\"><img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-scaled.png\" class=\"awb-background-slider__image\" alt=\"\" srcset=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-300x169.png 300w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-768x432.png 768w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-1024x576.png 1024w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-1536x864.png 1536w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Pet_Animal_Management_Dark_Hero_8K-scaled.png 2560w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div><div class=\"swiper-slide\"><img decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline.png\" class=\"awb-background-slider__image\" alt=\"\" srcset=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-200x113.png 200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-300x169.png 300w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-400x225.png 400w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-600x338.png 600w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-768x432.png 768w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-800x450.png 800w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-1024x576.png 1024w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-1200x675.png 1200w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline-1536x864.png 1536w, https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline.png 1672w\" sizes=\"(max-width: 1672px) 100vw, 1672px\" \/><\/div><\/div><\/div><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one fusion-animated\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:20px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;--awb-font-size:40px;\" data-animationType=\"fadeInUp\" data-animationDuration=\"0.8\" data-animationOffset=\"top-into-view\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Roboto&quot;;font-style:normal;font-weight:700;margin:0;font-size:1em;line-height:1.2;\">Technology That Moves Your Business Forward<\/h1><\/div><div class=\"fusion-text fusion-text-1 fusion-animated fusion-text-no-margin\" style=\"--awb-content-alignment:left;--awb-font-size:12px;--awb-line-height:1.6;--awb-text-color:#ffffff;--awb-margin-bottom:40px;--awb-text-font-family:&quot;Roboto&quot;;--awb-text-font-style:normal;--awb-text-font-weight:600;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.0\" data-animationOffset=\"top-into-view\"><p>Build. Modernize. Automate. Scale.<\/p>\n<\/div><!-- =====================================================\n ANNULAR TECHNOLOGIES | TWO-STEP CONSULTATION POPUP\n WordPress \/ Avada + EmailJS + Email OTP\n Responsive Form + PODS \/ Annular Domain Detection\n===================================================== -->\n\n<style>\n#annular-open {\n  display:inline-flex;align-items:center;justify-content:center;\n  min-height:48px;padding:13px 25px;border:0;border-radius:30px;\n  max-width: 40%;\n  background:#175cff;color:#fff;font-family:inherit;font-size:14px;\n  font-weight:600;cursor:pointer;transition:.2s;\n}\n#annular-open:hover {background:#1048d8;transform:translateY(-1px)}\n\nhtml.annular-popup-open,body.annular-popup-open {\n  overflow:hidden!important;\n}\n\n#annular-modal,#annular-thankyou-modal {\n  display:none;position:fixed!important;inset:0!important;\n  z-index:2147483647!important;width:100%!important;height:100vh!important;\n  height:100dvh!important;box-sizing:border-box!important;padding:16px!important;\n  align-items:center!important;justify-content:center!important;\n  overflow-y:auto!important;background:rgba(15,23,42,.68);\n}\n#annular-modal.is-open,#annular-thankyou-modal.is-open {\n  display:flex!important;\n}\n\n#annular-modal .annular-card {\n  position:relative;width:100%;max-width:480px;\n  max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);\n  box-sizing:border-box;margin:auto;padding:27px;\n  overflow-y:auto;overscroll-behavior:contain;\n  border:1px solid #eaecf0;border-radius:20px;\n  background:#fff;color:#171717;box-shadow:0 20px 70px #0003;\n}\n\n#annular-modal h3 {\n  margin:0 42px 8px 0;color:#171717;font-size:25px;\n  font-weight:700;line-height:1.3;\n}\n#annular-modal .annular-description {\n  margin:0 0 20px;color:#667085;font-size:13px;line-height:1.7;\n}\n\n#annular-close,#annular-thankyou-close {\n  position:absolute;top:12px;right:12px;display:flex;\n  align-items:center;justify-content:center;width:34px;height:34px;\n  padding:0;border:0;border-radius:50%;background:#f3f4f6;\n  color:#4b5563;font-size:24px;cursor:pointer;\n}\n#annular-close:hover,#annular-thankyou-close:hover {\n  background:#e5e7eb;\n}\n\n#annular-modal .annular-progress {\n  display:flex;align-items:center;gap:10px;margin:0 0 20px;\n}\n#annular-modal .annular-progress-line {\n  flex:1;height:3px;border-radius:5px;background:#e5e7eb;\n}\n#annular-modal .annular-progress-line.active {\n  background:#175cff;\n}\n#annular-modal .annular-step-label {\n  margin-bottom:8px;color:#175cff;font-size:11px;font-weight:700;\n  letter-spacing:1px;text-transform:uppercase;\n}\n#annular-modal #annular-form {\n  width:100%;margin:0;\n}\n#annular-modal .annular-screen[hidden],\n#annular-modal #annular-otp-area[hidden] {\n  display:none!important;\n}\n#annular-modal .annular-field {\n  width:100%;min-width:0;margin:0 0 16px;\n}\n#annular-modal label {\n  display:block;margin-bottom:7px;color:#344054;font-size:13px;\n  font-weight:600;line-height:1.4;\n}\n#annular-modal input,#annular-modal textarea {\n  display:block;width:100%;min-width:0;min-height:46px;\n  box-sizing:border-box;margin:0;padding:12px 14px;\n  border:1px solid #d0d5dd;border-radius:11px;background:#fff;\n  color:#171717;font-family:inherit;font-size:14px;line-height:1.5;\n  box-shadow:none;transition:border-color .2s,box-shadow .2s;\n}\n#annular-modal textarea {\n  min-height:105px;resize:vertical;\n}\n#annular-modal input::placeholder,\n#annular-modal textarea::placeholder {\n  color:#98a2b3;\n}\n#annular-modal input:focus,#annular-modal textarea:focus {\n  border-color:#175cff;outline:none;box-shadow:0 0 0 3px #175cff1f;\n}\n#annular-modal button,#annular-thankyou-modal button {\n  font-family:inherit;\n}\n\n#annular-modal .annular-inline-row {\n  display:flex;align-items:stretch;gap:8px;width:100%;\n}\n#annular-modal .annular-inline-row input {\n  flex:1 1 auto;width:100%;\n}\n#annular-send-otp,#annular-verify {\n  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;\n  min-height:46px;padding:10px 14px;border:0;border-radius:25px;\n  background:#eaf0ff;color:#175cff;font-size:12px;font-weight:700;\n  white-space:nowrap;cursor:pointer;\n}\n#annular-send-otp:hover:not(:disabled),\n#annular-verify:hover:not(:disabled) {\n  background:#d9e5ff;\n}\n#annular-send-otp:disabled,#annular-verify:disabled {\n  opacity:.5;cursor:not-allowed;\n}\n#annular-otp-area {\n  margin:0 0 16px;padding:15px;border:1px solid #e4e9f2;\n  border-radius:14px;background:#f8faff;\n}\n#annular-modal #annular-otp {\n  letter-spacing:5px;font-size:17px;font-weight:700;\n}\n\n#annular-next,#annular-submit,#annular-back {\n  display:inline-flex;align-items:center;justify-content:center;\n  min-height:47px;box-sizing:border-box;padding:12px 18px;\n  border:0;border-radius:28px;font-size:14px;font-weight:700;\n  cursor:pointer;transition:background .2s,opacity .2s;\n}\n#annular-next,#annular-submit {\n  width:100%;background:#175cff;color:#fff;\n}\n#annular-next:hover:not(:disabled),\n#annular-submit:hover:not(:disabled) {\n  background:#1048d8;\n}\n#annular-next:disabled,#annular-submit:disabled {\n  opacity:.5;cursor:not-allowed;\n}\n#annular-back {\n  flex:0 0 auto;background:#f2f4f7;color:#344054;\n}\n#annular-back:hover {\n  background:#e4e7ec;\n}\n#annular-step2-actions {\n  display:flex;gap:10px;margin-top:8px;\n}\n#annular-step2-actions #annular-submit {\n  flex:1;\n}\n#annular-status {\n  margin-top:12px;color:#475569;font-size:12px;line-height:1.6;\n  overflow-wrap:anywhere;\n}\n#annular-status:empty {\n  display:none;\n}\n#annular-status.success {\n  color:#087443;\n}\n#annular-status.error {\n  color:#b42318;\n}\n\n#annular-thankyou-modal .annular-thankyou-card {\n  position:relative;width:100%;max-width:420px;box-sizing:border-box;\n  margin:auto;padding:40px 30px 30px;border:1px solid #eaecf0;\n  border-radius:22px;background:#fff;color:#171717;text-align:center;\n  box-shadow:0 24px 80px #0005;animation:annular-thankyou-in .25s ease-out;\n}\n#annular-thankyou-modal .annular-success-icon {\n  display:flex;align-items:center;justify-content:center;width:66px;height:66px;\n  margin:0 auto 20px;border:1px solid #b7ebcf;border-radius:50%;\n  background:#ecfdf3;color:#087443;font-size:34px;font-weight:700;\n}\n#annular-thankyou-modal h3 {\n  margin:0 0 12px;font-size:25px;font-weight:700;\n}\n#annular-thankyou-modal .annular-thankyou-message {\n  margin:0 auto 24px;max-width:320px;color:#667085;font-size:14px;line-height:1.8;\n}\n#annular-thankyou-modal .annular-thankyou-button {\n  width:100%;min-height:46px;padding:12px 20px;border:0;border-radius:28px;\n  background:#175cff;color:#fff;font-size:14px;font-weight:700;cursor:pointer;\n}\n#annular-thankyou-modal .annular-thankyou-button:hover {\n  background:#1048d8;\n}\n@keyframes annular-thankyou-in {\n  from {opacity:0;transform:translateY(12px) scale(.98)}\n  to {opacity:1;transform:translateY(0) scale(1)}\n}\n\n@media(max-width:600px) {\n  #annular-modal {padding:10px!important}\n  #annular-modal .annular-card {\n    max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);\n    padding:22px 17px;border-radius:17px;\n  }\n  #annular-modal h3 {font-size:22px}\n  #annular-modal .annular-description {margin-bottom:16px}\n  #annular-modal input,#annular-modal textarea {font-size:16px}\n  #annular-modal .annular-inline-row {gap:6px}\n  #annular-send-otp,#annular-verify {padding:9px 10px;font-size:11px}\n  #annular-thankyou-modal .annular-thankyou-card {padding:36px 22px 24px}\n}\n@media(max-height:650px) {\n  #annular-modal {align-items:flex-start!important;padding:10px!important}\n  #annular-modal .annular-card {\n    max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);\n    margin:0 auto;padding-top:18px;padding-bottom:18px;\n  }\n  #annular-modal .annular-field {margin-bottom:12px}\n}\n<\/style>\n\n<!-- OPEN BUTTON -->\n<button id=\"annular-open\" type=\"button\">Get a Free Consultation<\/button>\n\n<!-- CONSULTATION POPUP -->\n<div id=\"annular-modal\" role=\"dialog\" aria-modal=\"true\"\n     aria-labelledby=\"annular-title\" aria-hidden=\"true\">\n  <div class=\"annular-card\">\n    <button id=\"annular-close\" type=\"button\" aria-label=\"Close form\">\u00d7<\/button>\n\n    <h3 id=\"annular-title\">Get a Free Consultation<\/h3>\n    <p class=\"annular-description\">\n      Share your requirements and our team will get in touch.\n    <\/p>\n\n    <div class=\"annular-progress\" aria-label=\"Form progress\">\n      <div id=\"annular-progress-1\" class=\"annular-progress-line active\"><\/div>\n      <div id=\"annular-progress-2\" class=\"annular-progress-line\"><\/div>\n    <\/div>\n\n    <form id=\"annular-form\">\n      <!-- STEP 1 -->\n      <section id=\"annular-screen-1\" class=\"annular-screen\">\n        <div class=\"annular-step-label\">Step 1 of 2<\/div>\n\n        <div class=\"annular-field\">\n          <label for=\"annular-name\">Full Name *<\/label>\n          <input id=\"annular-name\" name=\"user_name\" type=\"text\"\n                 placeholder=\"Enter your full name\" autocomplete=\"name\"\n                 maxlength=\"120\" required>\n        <\/div>\n\n        <div class=\"annular-field\">\n          <label for=\"annular-email\">Email *<\/label>\n          <div class=\"annular-inline-row\">\n            <input id=\"annular-email\" name=\"user_email\" type=\"email\"\n                   placeholder=\"Enter your email address\" autocomplete=\"email\"\n                   maxlength=\"254\" required>\n            <button id=\"annular-send-otp\" type=\"button\" disabled>Send OTP<\/button>\n          <\/div>\n        <\/div>\n\n        <div id=\"annular-otp-area\" hidden>\n          <div class=\"annular-field\">\n            <label for=\"annular-otp\">Enter Email OTP *<\/label>\n            <div class=\"annular-inline-row\">\n              <input id=\"annular-otp\" name=\"otp\" type=\"text\"\n                     inputmode=\"numeric\" autocomplete=\"one-time-code\"\n                     maxlength=\"6\" pattern=\"[0-9]{6}\" placeholder=\"6-digit OTP\">\n              <button id=\"annular-verify\" type=\"button\">Verify<\/button>\n            <\/div>\n          <\/div>\n          <p style=\"margin:0;color:#667085;font-size:12px;line-height:1.6\">\n            Check your inbox and spam folder for the verification code.\n          <\/p>\n        <\/div>\n\n        <button id=\"annular-next\" type=\"button\" disabled style=\"margin-top:8px\">\n          Continue \u2192\n        <\/button>\n      <\/section>\n\n      <!-- STEP 2 -->\n      <section id=\"annular-screen-2\" class=\"annular-screen\" hidden>\n        <div class=\"annular-step-label\">Step 2 of 2<\/div>\n        <p style=\"margin:0 0 17px;color:#667085;font-size:13px;line-height:1.6\">\n          Your email is verified. Tell us a little more about your requirements.\n        <\/p>\n\n        <div class=\"annular-field\">\n          <label for=\"annular-mobile\">Mobile Number *<\/label>\n          <input id=\"annular-mobile\" name=\"user_mobile\" type=\"tel\"\n                 placeholder=\"Enter your mobile number\" autocomplete=\"tel\"\n                 maxlength=\"20\" pattern=\"[+]?[0-9 ()-]{7,20}\"\n                 title=\"Enter a valid mobile number.\" required>\n        <\/div>\n\n        <div class=\"annular-field\">\n          <label for=\"annular-help\">How Can We Help? *<\/label>\n          <textarea id=\"annular-help\" name=\"message\"\n                    placeholder=\"Tell us about your project or requirements\"\n                    maxlength=\"4000\" required><\/textarea>\n        <\/div>\n\n        <div id=\"annular-step2-actions\">\n          <button id=\"annular-back\" type=\"button\">\u2190 Back<\/button>\n          <button id=\"annular-submit\" type=\"submit\" disabled>Submit Enquiry<\/button>\n        <\/div>\n      <\/section>\n\n      <div id=\"annular-status\" role=\"status\" aria-live=\"polite\"><\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<!-- THANK-YOU POPUP -->\n<div id=\"annular-thankyou-modal\" role=\"dialog\" aria-modal=\"true\"\n     aria-labelledby=\"annular-thankyou-title\"\n     aria-describedby=\"annular-thankyou-description\" aria-hidden=\"true\">\n  <div class=\"annular-thankyou-card\">\n    <button id=\"annular-thankyou-close\" type=\"button\"\n            aria-label=\"Close thank-you message\">\u00d7<\/button>\n\n    <div class=\"annular-success-icon\" aria-hidden=\"true\">\u2713<\/div>\n    <h3 id=\"annular-thankyou-title\">Thank You!<\/h3>\n    <p id=\"annular-thankyou-description\" class=\"annular-thankyou-message\">\n      Your consultation request has been submitted successfully.\n      Our team will review your requirements and get in touch with you soon.\n    <\/p>\n    <button id=\"annular-thankyou-done\" type=\"button\"\n            class=\"annular-thankyou-button\">Done<\/button>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\n\n<script>\n(() => {\n  \"use strict\";\n\n  \/* EMAILJS SETTINGS *\/\n  const SERVICE_ID = \"service_56m8mns\";\n  const PUBLIC_KEY = \"7krsXzZ1B4qnPrCGC\";\n  const OTP_TEMPLATE_ID = \"template_6r4w7s6\";\n  const ENQUIRY_TEMPLATE_ID = \"template_ol5pw49\";\n\n  \/* WEBSITE DETECTION *\/\n  const hostname = window.location.hostname.toLowerCase().replace(\/\\.$\/, \"\");\n\n  const isPods = [\n    \"pods.annulartechnologies.com\",\n    \"www.pods.annulartechnologies.com\"\n  ].includes(hostname);\n\n  const isAnnular = [\n    \"annulartechnologies.com\",\n    \"www.annulartechnologies.com\",\n    \"web.annulartechnologies.com\"\n  ].includes(hostname);\n\n  const $ = id => document.getElementById(id);\n\n  const openButton = $(\"annular-open\");\n  const modal = $(\"annular-modal\");\n  const thankyouModal = $(\"annular-thankyou-modal\");\n  const form = $(\"annular-form\");\n\n  const nameInput = $(\"annular-name\");\n  const emailInput = $(\"annular-email\");\n  const mobileInput = $(\"annular-mobile\");\n  const helpInput = $(\"annular-help\");\n  const otpArea = $(\"annular-otp-area\");\n  const otpInput = $(\"annular-otp\");\n\n  const sendButton = $(\"annular-send-otp\");\n  const verifyButton = $(\"annular-verify\");\n  const nextButton = $(\"annular-next\");\n  const backButton = $(\"annular-back\");\n  const submitButton = $(\"annular-submit\");\n  const status = $(\"annular-status\");\n\n  let currentOTP = \"\";\n  let verifiedEmail = \"\";\n  let otpExpiresAt = 0;\n  let otpAttempts = 0;\n  let resendAvailableAt = 0;\n  let resendTimer = null;\n  let sendingOTP = false;\n  let sendingEnquiry = false;\n  let requestVersion = 0;\n  let previousFocus = null;\n  let previousBodyOverflow = \"\";\n  let previousHtmlOverflow = \"\";\n\n  \/* Move popups outside Avada containers *\/\n  document.body.appendChild(modal);\n  document.body.appendChild(thankyouModal);\n\n  function setStatus(message, type = \"\") {\n    status.textContent = message;\n    status.className = type;\n  }\n\n  function getEmail() {\n    return emailInput.value.trim().toLowerCase();\n  }\n\n  function emailJSReady() {\n    return Boolean(window.emailjs &&\n      typeof window.emailjs.send === \"function\");\n  }\n\n  if (emailJSReady()) {\n    window.emailjs.init({ publicKey: PUBLIC_KEY });\n  } else {\n    setStatus(\"Email service failed to load. Refresh the page and try again.\", \"error\");\n  }\n\n  \/* Enable OTP only when the email is valid *\/\n  function updateSendButton() {\n    const validEmail =\n      emailInput.value.trim() !== \"\" && emailInput.checkValidity();\n\n    const coolingDown = Date.now() < resendAvailableAt;\n\n    sendButton.disabled =\n      !validEmail || sendingOTP || sendingEnquiry || coolingDown;\n  }\n\n  \/* Enable Continue only when name and verified email are valid *\/\n  function updateContinueButton() {\n    const nameValid = nameInput.value.trim().length > 0;\n\n    const verificationValid =\n      verifiedEmail !== \"\" &&\n      verifiedEmail === getEmail() &&\n      Date.now() < otpExpiresAt;\n\n    nextButton.disabled = !(\n      nameValid && verificationValid && !sendingEnquiry\n    );\n  }\n\n  \/*\n   * IMPORTANT FIX:\n   * Submit is enabled only when:\n   * 1. Email has been verified and OTP is not expired.\n   * 2. Mobile number is valid.\n   * 3. Message is not empty.\n   * 4. No enquiry is currently being submitted.\n   *\/\n  function updateSubmitButton() {\n    const verificationValid =\n      verifiedEmail !== \"\" &&\n      verifiedEmail === getEmail() &&\n      currentOTP !== \"\" &&\n      Date.now() < otpExpiresAt;\n\n    const mobileValid =\n      mobileInput.value.trim() !== \"\" &&\n      mobileInput.checkValidity();\n\n    const messageValid =\n      helpInput.value.trim().length > 0;\n\n    submitButton.disabled = !(\n      verificationValid &&\n      mobileValid &&\n      messageValid &&\n      !sendingEnquiry\n    );\n  }\n\n  function lockPageScroll() {\n    previousBodyOverflow = document.body.style.overflow;\n    previousHtmlOverflow = document.documentElement.style.overflow;\n\n    document.documentElement.classList.add(\"annular-popup-open\");\n    document.body.classList.add(\"annular-popup-open\");\n\n    document.documentElement.style.overflow = \"hidden\";\n    document.body.style.overflow = \"hidden\";\n  }\n\n  function unlockPageScroll() {\n    document.documentElement.classList.remove(\"annular-popup-open\");\n    document.body.classList.remove(\"annular-popup-open\");\n\n    document.documentElement.style.overflow = previousHtmlOverflow;\n    document.body.style.overflow = previousBodyOverflow;\n  }\n\n  function openModal() {\n    previousFocus = document.activeElement;\n    lockPageScroll();\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n\n    requestAnimationFrame(() =>\n      nameInput.focus({ preventScroll: true })\n    );\n  }\n\n  function closeModal() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n\n    if (!thankyouModal.classList.contains(\"is-open\")) {\n      unlockPageScroll();\n    }\n\n    if (previousFocus && typeof previousFocus.focus === \"function\") {\n      previousFocus.focus({ preventScroll: true });\n    }\n  }\n\n  openButton.addEventListener(\"click\", openModal);\n  $(\"annular-close\").addEventListener(\"click\", closeModal);\n\n  modal.addEventListener(\"click\", event => {\n    if (event.target === modal) closeModal();\n  });\n\n  function showThankYou() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n\n    thankyouModal.classList.add(\"is-open\");\n    thankyouModal.setAttribute(\"aria-hidden\", \"false\");\n\n    requestAnimationFrame(() =>\n      $(\"annular-thankyou-done\").focus({ preventScroll: true })\n    );\n  }\n\n  function closeThankYou() {\n    thankyouModal.classList.remove(\"is-open\");\n    thankyouModal.setAttribute(\"aria-hidden\", \"true\");\n\n    unlockPageScroll();\n    openButton.focus({ preventScroll: true });\n  }\n\n  $(\"annular-thankyou-close\").addEventListener(\"click\", closeThankYou);\n  $(\"annular-thankyou-done\").addEventListener(\"click\", closeThankYou);\n\n  thankyouModal.addEventListener(\"click\", event => {\n    if (event.target === thankyouModal) closeThankYou();\n  });\n\n  document.addEventListener(\"keydown\", event => {\n    if (event.key !== \"Escape\") return;\n\n    if (thankyouModal.classList.contains(\"is-open\")) {\n      closeThankYou();\n    } else if (modal.classList.contains(\"is-open\")) {\n      closeModal();\n    }\n  });\n\n  function clearResendTimer() {\n    if (resendTimer) {\n      clearInterval(resendTimer);\n      resendTimer = null;\n    }\n  }\n\n  function resetVerification(message = \"\", type = \"\") {\n    requestVersion++;\n\n    currentOTP = \"\";\n    verifiedEmail = \"\";\n    otpExpiresAt = 0;\n    otpAttempts = 0;\n\n    otpArea.hidden = true;\n    otpInput.value = \"\";\n\n    verifyButton.disabled = false;\n\n    clearResendTimer();\n\n    updateSendButton();\n    updateContinueButton();\n    updateSubmitButton();\n\n    setStatus(message, type);\n  }\n\n  \/* Email edits invalidate the previous verification *\/\n  emailInput.addEventListener(\"input\", () => {\n    if (currentOTP || verifiedEmail || !otpArea.hidden) {\n      resetVerification(\n        \"Email changed. Please request a new OTP.\",\n        \"error\"\n      );\n    } else {\n      updateSendButton();\n      updateContinueButton();\n      updateSubmitButton();\n    }\n  });\n\n  nameInput.addEventListener(\"input\", updateContinueButton);\n\n  \/* CRITICAL FIX: update Submit whenever these fields change *\/\n  mobileInput.addEventListener(\"input\", updateSubmitButton);\n  mobileInput.addEventListener(\"change\", updateSubmitButton);\n  helpInput.addEventListener(\"input\", updateSubmitButton);\n  helpInput.addEventListener(\"change\", updateSubmitButton);\n\n  function generateOTP() {\n    if (!window.crypto || !window.crypto.getRandomValues) {\n      throw new Error(\"Secure random number generation is unavailable.\");\n    }\n\n    const values = new Uint32Array(1);\n    window.crypto.getRandomValues(values);\n\n    return String(values[0] % 1000000).padStart(6, \"0\");\n  }\n\n  \/* SEND OTP *\/\n  sendButton.addEventListener(\"click\", async () => {\n    if (!emailJSReady()) {\n      setStatus(\"Email service is unavailable. Please refresh and try again.\", \"error\");\n      return;\n    }\n\n    if (!emailInput.checkValidity()) {\n      emailInput.reportValidity();\n      updateSendButton();\n      return;\n    }\n\n    if (sendingOTP || sendingEnquiry) return;\n\n    if (Date.now() < resendAvailableAt) {\n      setStatus(\n        \"Please wait \" +\n        Math.ceil((resendAvailableAt - Date.now()) \/ 1000) +\n        \" seconds before requesting another OTP.\",\n        \"error\"\n      );\n\n      updateSendButton();\n      return;\n    }\n\n    const email = getEmail();\n    const version = ++requestVersion;\n\n    sendingOTP = true;\n    updateSendButton();\n\n    currentOTP = \"\";\n    verifiedEmail = \"\";\n    otpExpiresAt = 0;\n    otpAttempts = 0;\n\n    otpArea.hidden = true;\n    otpInput.value = \"\";\n\n    updateContinueButton();\n    updateSubmitButton();\n\n    setStatus(\"Sending OTP...\");\n\n    try {\n      const otp = generateOTP();\n\n      await window.emailjs.send(\n        SERVICE_ID,\n        OTP_TEMPLATE_ID,\n        {\n          email: email,\n          passcode: otp,\n          time: new Date(Date.now() + 5 * 60 * 1000)\n            .toLocaleTimeString()\n        }\n      );\n\n      if (version !== requestVersion) return;\n\n      if (getEmail() !== email) {\n        setStatus(\"Email changed. Please request a new OTP.\", \"error\");\n        return;\n      }\n\n      currentOTP = otp;\n      otpExpiresAt = Date.now() + 5 * 60 * 1000;\n      resendAvailableAt = Date.now() + 60000;\n\n      otpArea.hidden = false;\n\n      otpInput.focus({ preventScroll: true });\n\n      setStatus(\"OTP sent. Please check your email.\", \"success\");\n\n      clearResendTimer();\n\n      \/*\n       * Also refresh validation periodically so an expired OTP\n       * cannot leave the Submit button enabled.\n       *\/\n      resendTimer = setInterval(() => {\n        updateSendButton();\n        updateContinueButton();\n        updateSubmitButton();\n\n        if (Date.now() >= resendAvailableAt) {\n          resendAvailableAt = 0;\n          updateSendButton();\n        }\n\n        if (Date.now() >= otpExpiresAt) {\n          clearResendTimer();\n\n          if (verifiedEmail) {\n            verifiedEmail = \"\";\n            updateContinueButton();\n            updateSubmitButton();\n\n            setStatus(\n              \"OTP expired. Please request a new OTP to continue.\",\n              \"error\"\n            );\n          } else {\n            updateSubmitButton();\n          }\n        }\n      }, 1000);\n\n    } catch (error) {\n      console.error(\"OTP EmailJS error:\", error);\n\n      setStatus(\n        \"Unable to send OTP. Check your EmailJS service and OTP template.\",\n        \"error\"\n      );\n\n    } finally {\n      sendingOTP = false;\n      updateSendButton();\n      updateContinueButton();\n      updateSubmitButton();\n    }\n  });\n\n  \/* VERIFY OTP *\/\n  verifyButton.addEventListener(\"click\", () => {\n    const email = getEmail();\n    const enteredOTP = otpInput.value.trim();\n\n    if (!currentOTP || Date.now() >= otpExpiresAt) {\n      resetVerification(\"OTP expired. Please request a new OTP.\", \"error\");\n      return;\n    }\n\n    if (otpAttempts >= 5) {\n      resetVerification(\"Too many attempts. Please request a new OTP.\", \"error\");\n      return;\n    }\n\n    otpAttempts++;\n\n    if (!\/^\\d{6}$\/.test(enteredOTP) || enteredOTP !== currentOTP) {\n      verifiedEmail = \"\";\n\n      updateContinueButton();\n      updateSubmitButton();\n\n      if (otpAttempts >= 5) {\n        resetVerification(\n          \"Too many attempts. Please request a new OTP.\",\n          \"error\"\n        );\n      } else {\n        setStatus(\"Incorrect OTP. Please try again.\", \"error\");\n      }\n\n      return;\n    }\n\n    verifiedEmail = email;\n    verifyButton.disabled = true;\n\n    updateContinueButton();\n    updateSubmitButton();\n\n    setStatus(\"Email verified successfully.\", \"success\");\n  });\n\n  \/* STEP NAVIGATION *\/\n  nextButton.addEventListener(\"click\", () => {\n    if (!nameInput.checkValidity()) {\n      nameInput.reportValidity();\n      return;\n    }\n\n    if (!verifiedEmail || verifiedEmail !== getEmail()) {\n      setStatus(\"Please verify your email before continuing.\", \"error\");\n      return;\n    }\n\n    if (Date.now() >= otpExpiresAt) {\n      resetVerification(\"OTP expired. Please request a new OTP.\", \"error\");\n      return;\n    }\n\n    $(\"annular-screen-1\").hidden = true;\n    $(\"annular-screen-2\").hidden = false;\n\n    $(\"annular-progress-2\").classList.add(\"active\");\n\n    setStatus(\"\");\n\n    updateSubmitButton();\n\n    mobileInput.focus({ preventScroll: true });\n  });\n\n  backButton.addEventListener(\"click\", () => {\n    $(\"annular-screen-2\").hidden = true;\n    $(\"annular-screen-1\").hidden = false;\n\n    $(\"annular-progress-2\").classList.remove(\"active\");\n\n    setStatus(\"\");\n\n    updateContinueButton();\n    updateSubmitButton();\n  });\n\n  \/* SUBMIT ENQUIRY *\/\n  form.addEventListener(\"submit\", async event => {\n    event.preventDefault();\n\n    if (sendingEnquiry) return;\n\n    \/*\n     * Revalidate at submission time instead of trusting\n     * the button's disabled state alone.\n     *\/\n    updateSubmitButton();\n\n    if (!form.checkValidity()) {\n      form.reportValidity();\n      return;\n    }\n\n    const name = nameInput.value.trim();\n    const email = getEmail();\n    const mobile = mobileInput.value.trim();\n    const message = helpInput.value.trim();\n\n    if (!name || !email || !mobile || !message) {\n      setStatus(\n        \"Name, email, mobile number, and message are required.\",\n        \"error\"\n      );\n      return;\n    }\n\n    if (\n      !verifiedEmail ||\n      verifiedEmail !== email ||\n      !currentOTP ||\n      Date.now() >= otpExpiresAt\n    ) {\n      resetVerification(\n        \"Please verify your email before submitting.\",\n        \"error\"\n      );\n\n      $(\"annular-screen-2\").hidden = true;\n      $(\"annular-screen-1\").hidden = false;\n      $(\"annular-progress-2\").classList.remove(\"active\");\n\n      return;\n    }\n\n    if (!mobileInput.checkValidity()) {\n      mobileInput.reportValidity();\n      return;\n    }\n\n    if (!emailJSReady()) {\n      setStatus(\"Email service is unavailable. Please try again.\", \"error\");\n      return;\n    }\n\n    sendingEnquiry = true;\n\n    updateSubmitButton();\n    updateSendButton();\n\n    setStatus(\"Submitting your enquiry...\");\n\n    try {\n      await window.emailjs.send(\n        SERVICE_ID,\n        ENQUIRY_TEMPLATE_ID,\n        {\n          \/*\n           * Annular domain: company fields are populated.\n           * PODS domain: company fields are blank.\n           *\/\n          website_name: isAnnular ? \"Annular Technologies\" : \"\",\n          company_name: isAnnular ? \"Annular Technologies\" : \"\",\n\n          user_name: name,\n          user_email: email,\n          user_mobile: mobile,\n          message: message\n        }\n      );\n\n      form.reset();\n\n      clearResendTimer();\n\n      currentOTP = \"\";\n      verifiedEmail = \"\";\n      otpExpiresAt = 0;\n      otpAttempts = 0;\n      resendAvailableAt = 0;\n\n      $(\"annular-screen-1\").hidden = false;\n      $(\"annular-screen-2\").hidden = true;\n\n      $(\"annular-progress-1\").classList.add(\"active\");\n      $(\"annular-progress-2\").classList.remove(\"active\");\n\n      otpArea.hidden = true;\n      verifyButton.disabled = false;\n\n      updateSendButton();\n      updateContinueButton();\n      updateSubmitButton();\n\n      setStatus(\"\");\n\n      showThankYou();\n\n    } catch (error) {\n      console.error(\"Consultation EmailJS error:\", error);\n\n      setStatus(\n        \"Unable to submit your enquiry. Check your EmailJS template settings and try again.\",\n        \"error\"\n      );\n\n    } finally {\n      sendingEnquiry = false;\n\n      updateSendButton();\n      updateContinueButton();\n      updateSubmitButton();\n    }\n  });\n\n  \/* INITIAL STATE *\/\n  updateSendButton();\n  updateContinueButton();\n  updateSubmitButton();\n\n})();\n<\/script>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#f8fafc;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- =========================================================\n     ANNULAR TECHNOLOGIES \u2014 GLOBAL NAVBAR OVERRIDES\n     + COMPANY HIGHLIGHTS\n     Font: Roboto\n========================================================= -->\n\n<style id=\"global-navbar-black-override\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');\n\n\/* =========================================================\n   GLOBAL NAVBAR MENU BLACK COLOR OVERRIDE\n========================================================= *\/\n\nheader .awb-menu,\nheader .awb-menu *,\n.fusion-tb-header .awb-menu,\n.fusion-tb-header .awb-menu *,\n.fusion-main-menu,\n.fusion-main-menu *,\n.avada-main-menu,\n.avada-main-menu * {\n  --awb-color: #000000 !important;\n  --awb-active-color: #000000 !important;\n  --awb-submenu-color: #000000 !important;\n  --awb-submenu-active-color: #000000 !important;\n}\n\n\/* Navigation text *\/\n\nheader nav a,\nheader nav a span,\nheader nav a .menu-text,\n.fusion-tb-header a,\n.fusion-tb-header a span,\n.awb-menu__main-a,\n.awb-menu__main-a span,\n.awb-menu__main-a span.menu-text,\n.awb-menu__main-li a,\n.awb-menu__main-li a span,\n.awb-menu__main-li.current-menu-item a,\n.awb-menu__main-li.current-menu-item a span,\n.awb-menu__main-li.current_page_item a,\n.awb-menu__main-li.current_page_item a span,\n.awb-menu__main-li.active a,\n.awb-menu__main-li.active a span,\n.avada-main-menu a,\n.avada-main-menu a span,\n.avada-main-menu .fusion-menu-element a,\n.fusion-main-menu a,\n.fusion-main-menu a span,\n.fusion-menu-element a,\n.fusion-menu-element a span {\n  color: #000000 !important;\n  -webkit-text-fill-color: #000000 !important;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n\n\/* Navigation hover *\/\n\nheader nav a:hover,\nheader nav a:hover span,\n.awb-menu__main-a:hover,\n.awb-menu__main-a:hover span,\n.awb-menu__main-li.current-menu-item a:hover,\n.awb-menu__main-li.current-menu-item a:hover span,\n.avada-main-menu a:hover,\n.fusion-main-menu a:hover {\n  color: #000000 !important;\n  -webkit-text-fill-color: #000000 !important;\n}\n\n\/* Remove top bar \/ banner above navbar *\/\n\n.fusion-tb-header .fusion-builder-row-1,\n.fusion-tb-header .fusion-fullwidth:first-child,\n.fusion-secondary-header,\n.fusion-header-secondary,\n.fusion-top-bar,\n#top-bar {\n  display: none !important;\n}\n\n\/* Remove floating \/ sticky promotional elements *\/\n\n.fusion-tb-footer,\n.fusion-builder-column-20,\n.fusion-text-4,\n.fusion-title-7 {\n  display: none !important;\n}\n\n\/* Hide WordPress toolbar *\/\n\n#wpadminbar,\n.ab-top-menu,\ndiv[id*=\"wpadminbar\"],\n#wp-admin-bar-root-default {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n  height: 0 !important;\n}\n\nhtml,\nhtml.wp-toolbar,\nbody.admin-bar {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\/* Hide specified Avada off-canvas popup *\/\n\n#awb-oc-63,\n.awb-off-canvas-wrap,\n.awb-off-canvas-container,\n.awb-off-canvas-overlay,\n[data-id=\"63\"],\n.type-popup {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n  height: 0 !important;\n  width: 0 !important;\n  transform: scale(0) !important;\n}\n<\/style>\n\n<style id=\"annular-company-highlights-styles\">\n\/* =========================================================\n   ANNULAR COMPANY HIGHLIGHTS\n   Standardized Roboto Typography\n========================================================= *\/\n\n.annular-company-highlights-exact,\n.annular-company-highlights-exact * {\n  box-sizing: border-box;\n}\n\n.annular-company-highlights-exact {\n  width: 100%;\n  background: #f8fafc !important;\n  color: #0f172a;\n  padding: 85px 20px;\n  position: relative;\n  font-family: \"Roboto\", Arial, sans-serif;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.annular-company-highlights-exact button,\n.annular-company-highlights-exact input,\n.annular-company-highlights-exact textarea {\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   STANDARDIZED H1\u2013H4 TYPOGRAPHY\n========================================================= *\/\n\n.annular-company-highlights-exact h1 {\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(34px, 4vw, 48px);\n  line-height: 1.15;\n  font-weight: 800;\n  letter-spacing: -1.2px;\n}\n\n.annular-company-highlights-exact h2 {\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(28px, 3.2vw, 38px);\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: -0.8px;\n}\n\n.annular-company-highlights-exact h3 {\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(21px, 2.4vw, 26px);\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.4px;\n}\n\n.annular-company-highlights-exact h4 {\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(17px, 2vw, 20px);\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: -0.2px;\n}\n\n\/* Main container *\/\n\n.annular-company-highlights-exact .ch-container {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n\/* Section heading *\/\n\n.annular-company-highlights-exact .ch-header {\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 55px;\n}\n\n.annular-company-highlights-exact .ch-eyebrow {\n  display: inline-block;\n  padding: 6px 18px;\n  background: #e0edff !important;\n  color: #2563eb !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  border-radius: 20px;\n  margin-bottom: 16px;\n}\n\n.annular-company-highlights-exact .ch-header h2 {\n  margin: 0 0 14px;\n  color: #0f172a !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(28px, 3.2vw, 38px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n  overflow-wrap: break-word;\n}\n\n.annular-company-highlights-exact .ch-header p {\n  margin: 0;\n  color: #64748b !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   FOUR EQUAL-HEIGHT METRIC CARDS\n========================================================= *\/\n\n.annular-company-highlights-exact .ch-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n  align-items: stretch;\n}\n\n\/* Card *\/\n\n.annular-company-highlights-exact .ch-card {\n  min-width: 0;\n  min-height: 230px;\n  height: 100%;\n  padding: 32px 24px;\n  background: #ffffff !important;\n  border: 1px solid #e2e8f0 !important;\n  border-radius: 18px;\n  text-align: center;\n  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);\n  transition:\n    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow 0.35s ease,\n    border-color 0.35s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.annular-company-highlights-exact .ch-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.14);\n  border-color: #bfdbfe !important;\n}\n\n\/* Icon wrapper *\/\n\n.annular-company-highlights-exact .ch-icon-box {\n  width: 50px;\n  height: 50px;\n  flex: 0 0 50px;\n  border-radius: 14px;\n  background: #eff6ff !important;\n  border: 1px solid #dbeafe !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2563eb !important;\n  font-size: 21px;\n  margin-bottom: 18px;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.annular-company-highlights-exact .ch-card:hover .ch-icon-box {\n  background: #2563eb !important;\n  color: #ffffff !important;\n  border-color: #2563eb !important;\n  transform: translateY(-2px);\n}\n\n.annular-company-highlights-exact .ch-icon-box i {\n  color: inherit !important;\n  line-height: 1;\n}\n\n\/* Bold animated numbers *\/\n\n.annular-company-highlights-exact .ch-counter-number {\n  display: block;\n  margin: 0 0 12px;\n  color: #0f172a !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(30px, 3vw, 38px);\n  font-weight: 900;\n  letter-spacing: -1px;\n  line-height: 1.1;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n\n\/* Card labels *\/\n\n.annular-company-highlights-exact .ch-card-title {\n  margin: 0;\n  color: #64748b !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.annular-company-highlights-exact .ch-card:hover .ch-card-title {\n  color: #0f172a !important;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n  .annular-company-highlights-exact {\n    padding: 72px 20px;\n  }\n\n  .annular-company-highlights-exact .ch-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .annular-company-highlights-exact .ch-card {\n    min-height: 220px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 640px) {\n  .annular-company-highlights-exact {\n    padding: 56px 16px;\n  }\n\n  .annular-company-highlights-exact .ch-container {\n    width: 100%;\n  }\n\n  .annular-company-highlights-exact .ch-header {\n    margin-bottom: 32px;\n  }\n\n  .annular-company-highlights-exact .ch-header h2 {\n    font-size: clamp(27px, 7vw, 32px);\n    line-height: 1.25;\n    letter-spacing: -0.6px;\n  }\n\n  .annular-company-highlights-exact .ch-header p {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .annular-company-highlights-exact .ch-grid {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 14px;\n  }\n\n  .annular-company-highlights-exact .ch-card {\n    min-height: 195px;\n    padding: 26px 20px;\n    border-radius: 16px;\n  }\n\n  .annular-company-highlights-exact .ch-counter-number {\n    font-size: 32px;\n  }\n\n  .annular-company-highlights-exact .ch-card-title {\n    font-size: 15px;\n  }\n}\n\n\/* Small mobile *\/\n\n@media (max-width: 380px) {\n  .annular-company-highlights-exact {\n    padding: 48px 12px;\n  }\n\n  .annular-company-highlights-exact .ch-card {\n    min-height: 180px;\n    padding: 23px 16px;\n  }\n\n  .annular-company-highlights-exact .ch-counter-number {\n    font-size: 30px;\n  }\n}\n\n\/* Keyboard focus *\/\n\n.annular-company-highlights-exact .ch-card:focus-within {\n  outline: 2px solid #8dbbfa;\n  outline-offset: 3px;\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .annular-company-highlights-exact *,\n  .annular-company-highlights-exact *::before,\n  .annular-company-highlights-exact *::after {\n    transition: none !important;\n    animation: none !important;\n    scroll-behavior: auto !important;\n  }\n\n  .annular-company-highlights-exact .ch-card:hover,\n  .annular-company-highlights-exact .ch-card:hover .ch-icon-box {\n    transform: none;\n  }\n}\n<\/style>\n\n<!-- =========================================================\n     COMPANY HIGHLIGHTS SECTION\n========================================================= -->\n\n<div class=\"annular-company-highlights-exact\">\n  <div class=\"ch-container\">\n\n    <div class=\"ch-header\">\n     \n\n      <h2>Company Highlights<\/h2>\n\n      <p>\n        Delivering measurable impact and proven technology expertise\n        for growing enterprises worldwide.\n      <\/p>\n    <\/div>\n\n    <div class=\"ch-grid\">\n\n      <!-- ITEM 1: 7+ Years -->\n      <div class=\"ch-card\">\n        <div class=\"ch-icon-box\" aria-hidden=\"true\">\n          <i class=\"fas fa-award\"><\/i>\n        <\/div>\n\n        <span\n          class=\"ch-counter-number\"\n          data-target=\"7\"\n          data-suffix=\"+ Years\"\n          aria-label=\"7 plus years\"\n        >0+ Years<\/span>\n\n        <div class=\"ch-card-title\">\n          Technology Experience\n        <\/div>\n      <\/div>\n\n      <!-- ITEM 2: 70+ Professionals -->\n      <div class=\"ch-card\">\n        <div class=\"ch-icon-box\" aria-hidden=\"true\">\n          <i class=\"fas fa-user-tie\"><\/i>\n        <\/div>\n\n        <span\n          class=\"ch-counter-number\"\n          data-target=\"70\"\n          data-suffix=\"+\"\n          aria-label=\"70 plus technology professionals\"\n        >0+<\/span>\n\n        <div class=\"ch-card-title\">\n          Technology Professionals\n        <\/div>\n      <\/div>\n\n      <!-- ITEM 3: 30+ Clients -->\n      <div class=\"ch-card\">\n        <div class=\"ch-icon-box\" aria-hidden=\"true\">\n          <i class=\"fas fa-handshake\"><\/i>\n        <\/div>\n\n        <span\n          class=\"ch-counter-number\"\n          data-target=\"30\"\n          data-suffix=\"+\"\n          aria-label=\"30 plus clients\"\n        >0+<\/span>\n\n        <div class=\"ch-card-title\">\n          Clients Served\n        <\/div>\n      <\/div>\n\n      <!-- ITEM 4: 5+ Countries -->\n      <div class=\"ch-card\">\n        <div class=\"ch-icon-box\" aria-hidden=\"true\">\n          <i class=\"fas fa-globe-americas\"><\/i>\n        <\/div>\n\n        <span\n          class=\"ch-counter-number\"\n          data-target=\"5\"\n          data-suffix=\"+\"\n          aria-label=\"5 plus countries\"\n        >0+<\/span>\n\n        <div class=\"ch-card-title\">\n          Countries Served\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  function initCompanyCounters() {\n    var section = document.querySelector(\n      \".annular-company-highlights-exact\"\n    );\n\n    if (!section) {\n      return;\n    }\n\n    var counters = section.querySelectorAll(\n      \".ch-counter-number[data-target]\"\n    );\n\n    if (!counters.length) {\n      return;\n    }\n\n    \/* Fallback for browsers without IntersectionObserver *\/\n    if (!(\"IntersectionObserver\" in window)) {\n      counters.forEach(function (el) {\n        var target = parseInt(el.getAttribute(\"data-target\"), 10);\n        var suffix = el.getAttribute(\"data-suffix\") || \"\";\n\n        if (!Number.isNaN(target)) {\n          el.textContent = target + suffix;\n        }\n      });\n\n      return;\n    }\n\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) {\n            return;\n          }\n\n          var el = entry.target;\n          var target = parseInt(el.getAttribute(\"data-target\"), 10);\n          var suffix = el.getAttribute(\"data-suffix\") || \"\";\n\n          if (Number.isNaN(target)) {\n            observer.unobserve(el);\n            return;\n          }\n\n          \/* Avoid restarting an animation for the same counter *\/\n          if (el.dataset.counterAnimated === \"true\") {\n            observer.unobserve(el);\n            return;\n          }\n\n          el.dataset.counterAnimated = \"true\";\n\n          var duration = 1800;\n          var startTime = null;\n\n          function step(timestamp) {\n            if (startTime === null) {\n              startTime = timestamp;\n            }\n\n            var progress = Math.min(\n              (timestamp - startTime) \/ duration,\n              1\n            );\n\n            var easeOut = 1 - Math.pow(1 - progress, 3);\n            var current = Math.floor(easeOut * target);\n\n            el.textContent = current + suffix;\n\n            if (progress < 1) {\n              requestAnimationFrame(step);\n            } else {\n              el.textContent = target + suffix;\n            }\n          }\n\n          requestAnimationFrame(step);\n          observer.unobserve(el);\n        });\n      },\n      {\n        threshold: 0.15\n      }\n    );\n\n    counters.forEach(function (counter) {\n      observer.observe(counter);\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initCompanyCounters,\n      { once: true }\n    );\n  } else {\n    initCompanyCounters();\n  }\n})();\n<\/script>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling annular-services-carousel-section\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#0f172a;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ANNULAR TECHNOLOGIES SERVICES CAROUSEL -->\n<div id=\"annular-services\">\n  <div class=\"asc-intro\">\n    <span class=\"asc-eyebrow\">OUR SERVICES<\/span>\n    <h2>Technology Solutions for Business Growth<\/h2>\n    <p>From product engineering to AI and cloud modernization, we turn complex technology challenges into practical business solutions.<\/p>\n  <\/div>\n\n  <div class=\"asc-stage\">\n\n    <div class=\"asc-card service-card\" data-index=\"0\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">01<\/span>\n        <span class=\"asc-category\">ENGINEERING<\/span>\n      <\/div>\n      <h3>Product Engineering<\/h3>\n      <p>Transform ideas into reliable digital products through thoughtful design, modern engineering, and scalable architecture.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/services\/product-engineering\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n    <div class=\"asc-card service-card\" data-index=\"1\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">02<\/span>\n        <span class=\"asc-category\">INTELLIGENCE<\/span>\n      <\/div>\n      <h3>AI & Agentic AI<\/h3>\n      <p>Build smarter business experiences with AI integration, intelligent automation, and agentic workflows designed around real outcomes.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/services\/ai-integration\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n    <div class=\"asc-card service-card\" data-index=\"2\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">03<\/span>\n        <span class=\"asc-category\">CLOUD<\/span>\n      <\/div>\n      <h3>Cloud Migration & Modernization<\/h3>\n      <p>Modernize legacy systems and move workloads to the cloud with a focus on performance, resilience, and long-term scalability.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/cloud-migration-enterprise-modernization\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n    <div class=\"asc-card service-card\" data-index=\"3\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">04<\/span>\n        <span class=\"asc-category\">QUALITY<\/span>\n      <\/div>\n      <h3>Quality Engineering<\/h3>\n      <p>Improve software quality with intelligent testing strategies, automation, and continuous validation throughout delivery.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/quality-engineering\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n    <div class=\"asc-card service-card\" data-index=\"4\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">05<\/span>\n        <span class=\"asc-category\">DELIVERY<\/span>\n      <\/div>\n      <h3>Execution as a Service<\/h3>\n      <p>Move initiatives forward with focused execution, flexible expertise, and delivery support aligned with your business goals.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/execution-as-a-service\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n    <div class=\"asc-card service-card\" data-index=\"5\">\n      <div class=\"asc-card-top\">\n        <span class=\"asc-number\">06<\/span>\n        <span class=\"asc-category\">GROWTH<\/span>\n      <\/div>\n      <h3>Digital Marketing<\/h3>\n      <p>Strengthen your digital presence through strategic campaigns, meaningful content, and data-informed marketing experiences.<\/p>\n      <a class=\"asc-cta\" href=\"https:\/\/web.annulartechnologies.com\/staging\/digital-marketing\/\">Explore Service <span>\u2197<\/span><\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"asc-navigation\">\n    <button class=\"asc-nav-button\" id=\"asc-prev\" type=\"button\" aria-label=\"Previous service\">\u2190<\/button>\n    <div class=\"asc-nav-progress\">\n      <div class=\"asc-nav-meta\">\n        <span id=\"asc-current\">01<\/span>\n        <span class=\"asc-nav-divider\">\/<\/span>\n        <span>06<\/span>\n      <\/div>\n      <div class=\"asc-progress-track\">\n        <span id=\"asc-progress-fill\"><\/span>\n      <\/div>\n    <\/div>\n    <button class=\"asc-nav-button\" id=\"asc-next\" type=\"button\" aria-label=\"Next service\">\u2192<\/button>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');\n\n\/*\n * BACKGROUND FIX:\n * The carousel itself and its Avada parent containers should share\n * the same light background instead of showing black side gutters.\n *\/\n.fusion-fullwidth:has(#annular-services),\n.fusion-builder-row:has(#annular-services),\n.fusion-layout-column:has(#annular-services),\n.fusion-column-wrapper:has(#annular-services),\n.fusion-column-content:has(#annular-services) {\n  background-color: #eaf3ff !important;\n  background-image: linear-gradient(\n    135deg,\n    #eef6ff 0%,\n    #e4efff 50%,\n    #f4f8ff 100%\n  ) !important;\n}\n\n\/* Scope all carousel styling *\/\n#annular-services,\n#annular-services * {\n  box-sizing: border-box;\n}\n\n#annular-services {\n  --asc-blue: #155eef;\n  --asc-text: #172b4d;\n  --asc-muted: #526783;\n  --asc-card-width: 340px;\n  --asc-card-height: 340px;\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 34px 16px 24px;\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--asc-text);\n  font-family: 'Roboto', sans-serif;\n\n  background:\n    radial-gradient(\n      ellipse at 50% 40%,\n      rgba(255,255,255,.98) 0%,\n      rgba(237,245,255,.94) 48%,\n      rgba(228,239,255,.98) 100%\n    ) !important;\n\n  border-radius: 24px;\n}\n\n#annular-services .asc-intro {\n  position: relative;\n  z-index: 6;\n  max-width: 820px;\n  margin: 0 auto 18px;\n  text-align: center;\n}\n\n#annular-services .asc-eyebrow {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: var(--asc-blue);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .16em;\n  line-height: 1.4;\n  text-transform: uppercase;\n}\n\n#annular-services .asc-intro h2 {\n  margin: 0 0 10px;\n  color: var(--asc-text);\n  font-family: 'Roboto', sans-serif;\n  font-size: clamp(25px, 3.2vw, 38px);\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: -.6px;\n}\n\n#annular-services .asc-intro p {\n  max-width: 760px;\n  margin: 0 auto;\n  color: var(--asc-muted);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.65;\n}\n\n#annular-services .asc-stage {\n  position: relative;\n  width: 100%;\n  height: 390px;\n  perspective: 1400px;\n  transform-style: preserve-3d;\n  overflow: hidden;\n}\n\n\/* Cards *\/\n#annular-services .asc-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: min(var(--asc-card-width), calc(100% - 36px));\n  height: var(--asc-card-height);\n  padding: 28px 27px 25px;\n\n  background: linear-gradient(\n    145deg,\n    rgba(255,255,255,.88),\n    rgba(255,255,255,.62)\n  );\n  border: 1px solid rgba(255,255,255,.95);\n  border-radius: 22px;\n  box-shadow:\n    0 18px 50px rgba(39,82,145,.10),\n    inset 0 1px 0 rgba(255,255,255,.95);\n  -webkit-backdrop-filter: blur(16px);\n  backdrop-filter: blur(16px);\n\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translate(-50%,-50%) scale(.82);\n  transition:\n    transform .65s cubic-bezier(.2,.75,.25,1),\n    opacity .5s ease,\n    filter .5s ease,\n    box-shadow .3s ease,\n    visibility .5s ease;\n  will-change: transform, opacity, filter;\n}\n\n#annular-services .asc-card-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 25px;\n}\n\n#annular-services .asc-number {\n  color: var(--asc-blue);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  line-height: 1;\n}\n\n#annular-services .asc-category {\n  color: #71839d;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n#annular-services .asc-card h3 {\n  max-width: 290px;\n  margin: 0 0 15px;\n  color: var(--asc-text);\n  font-family: 'Roboto', sans-serif;\n  font-size: 27px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: -.7px;\n  overflow-wrap: break-word;\n}\n\n#annular-services .asc-card p {\n  margin: 0;\n  color: var(--asc-muted);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.75;\n}\n\n#annular-services .asc-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  width: fit-content;\n  max-width: 100%;\n  margin-top: auto;\n  padding-top: 20px;\n  color: var(--asc-blue);\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: color .25s ease, gap .25s ease;\n}\n\n#annular-services .asc-cta span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border: 1px solid rgba(21,94,239,.24);\n  border-radius: 50%;\n  font-size: 17px;\n  transition: .25s ease;\n}\n\n#annular-services .asc-cta:hover {\n  gap: 23px;\n  color: #1247bd;\n}\n\n#annular-services .asc-cta:hover span {\n  color: #fff;\n  background: var(--asc-blue);\n  border-color: var(--asc-blue);\n  transform: translate(2px,-2px);\n}\n\n\/* Active card *\/\n#annular-services .asc-card.is-active {\n  z-index: 5;\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  filter: blur(0);\n  transform: translate(-50%,-50%) translateX(0) scale(1);\n  box-shadow:\n    0 25px 65px rgba(39,82,145,.17),\n    inset 0 1px 0 rgba(255,255,255,.98);\n}\n\n\/* Neighbor cards *\/\n#annular-services .asc-card.is-prev {\n  z-index: 4;\n  opacity: .78;\n  visibility: visible;\n  pointer-events: auto;\n  filter: blur(1px);\n  transform: translate(-50%,-50%) translateX(-79%) rotateY(9deg) scale(.88);\n}\n\n#annular-services .asc-card.is-next {\n  z-index: 4;\n  opacity: .78;\n  visibility: visible;\n  pointer-events: auto;\n  filter: blur(1px);\n  transform: translate(-50%,-50%) translateX(79%) rotateY(-9deg) scale(.88);\n}\n\n#annular-services .asc-card.is-far-prev {\n  z-index: 2;\n  opacity: .28;\n  visibility: visible;\n  pointer-events: none;\n  filter: blur(4px);\n  transform: translate(-50%,-50%) translateX(-118%) rotateY(13deg) scale(.74);\n}\n\n#annular-services .asc-card.is-far-next {\n  z-index: 2;\n  opacity: .28;\n  visibility: visible;\n  pointer-events: none;\n  filter: blur(4px);\n  transform: translate(-50%,-50%) translateX(118%) rotateY(-13deg) scale(.74);\n}\n\n#annular-services .asc-card.is-hidden {\n  z-index: 0;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  filter: blur(7px);\n  transform: translate(-50%,-50%) scale(.68);\n}\n\n\/* Bottom navigation *\/\n#annular-services .asc-navigation {\n  position: relative;\n  z-index: 10;\n  display: grid;\n  grid-template-columns: 48px minmax(100px,220px) 48px;\n  align-items: center;\n  justify-content: center;\n  column-gap: 28px;\n  width: 100%;\n  max-width: 420px;\n  margin: 12px auto 0;\n}\n\n#annular-services .asc-nav-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  padding: 0;\n  color: #17458d;\n  background: rgba(255,255,255,.76);\n  border: 1px solid rgba(61,105,168,.2);\n  border-radius: 50%;\n  box-shadow: 0 5px 18px rgba(39,82,145,.07);\n  font-family: Arial, sans-serif;\n  font-size: 24px;\n  cursor: pointer;\n  transition:\n    background .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n#annular-services .asc-nav-button:hover {\n  color: #fff;\n  background: var(--asc-blue);\n  border-color: var(--asc-blue);\n  transform: translateY(-2px);\n}\n\n#annular-services .asc-nav-button:focus-visible,\n#annular-services .asc-cta:focus-visible {\n  outline: 3px solid rgba(21,94,239,.45);\n  outline-offset: 4px;\n}\n\n#annular-services .asc-nav-progress {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n}\n\n#annular-services .asc-nav-meta {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  color: #7789a3;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .08em;\n}\n\n#annular-services #asc-current {\n  color: var(--asc-blue);\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#annular-services .asc-nav-divider {\n  color: #a5b3c6;\n}\n\n#annular-services .asc-progress-track {\n  width: 100%;\n  height: 3px;\n  overflow: hidden;\n  background: rgba(75,108,157,.16);\n  border-radius: 10px;\n}\n\n#annular-services #asc-progress-fill {\n  display: block;\n  width: 16.6667%;\n  height: 100%;\n  background: var(--asc-blue);\n  border-radius: inherit;\n  transition: width .4s ease;\n}\n\n\/* Tablet *\/\n@media (max-width: 900px) {\n  #annular-services {\n    --asc-card-width: 320px;\n    --asc-card-height: 340px;\n    padding: 28px 10px 22px;\n  }\n\n  #annular-services .asc-intro {\n    padding: 0 18px;\n    margin-bottom: 16px;\n  }\n\n  #annular-services .asc-intro p {\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n\n  #annular-services .asc-stage {\n    height: 375px;\n  }\n\n  #annular-services .asc-card.is-prev {\n    transform: translate(-50%,-50%) translateX(-66%) rotateY(7deg) scale(.82);\n    opacity: .58;\n  }\n\n  #annular-services .asc-card.is-next {\n    transform: translate(-50%,-50%) translateX(66%) rotateY(-7deg) scale(.82);\n    opacity: .58;\n  }\n\n  #annular-services .asc-card.is-far-prev,\n  #annular-services .asc-card.is-far-next {\n    opacity: .12;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #annular-services {\n    --asc-card-height: 350px;\n    padding: 24px 0 20px;\n    border-radius: 18px;\n  }\n\n  #annular-services .asc-intro {\n    padding: 0 18px;\n    margin-bottom: 16px;\n  }\n\n  #annular-services .asc-intro p {\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n\n  #annular-services .asc-stage {\n    height: 375px;\n    perspective: none;\n    overflow: hidden;\n    touch-action: pan-y;\n  }\n\n  #annular-services .asc-card {\n    width: min(330px,calc(100% - 40px));\n    height: var(--asc-card-height);\n    padding: 25px 23px 23px;\n    border-radius: 18px;\n    transition:\n      transform .4s ease,\n      opacity .4s ease,\n      filter .4s ease,\n      visibility .4s ease;\n  }\n\n  #annular-services .asc-card.is-active {\n    transform: translate(-50%,-50%) scale(1);\n    opacity: 1;\n    filter: none;\n  }\n\n  #annular-services .asc-card.is-prev {\n    transform: translate(-50%,-50%) translateX(-108%) scale(.88);\n    opacity: .12;\n    filter: blur(2px);\n  }\n\n  #annular-services .asc-card.is-next {\n    transform: translate(-50%,-50%) translateX(108%) scale(.88);\n    opacity: .12;\n    filter: blur(2px);\n  }\n\n  #annular-services .asc-card.is-far-prev,\n  #annular-services .asc-card.is-far-next,\n  #annular-services .asc-card.is-hidden {\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  #annular-services .asc-card h3 {\n    font-size: 25px;\n  }\n\n  #annular-services .asc-card p {\n    font-size: 13.5px;\n    line-height: 1.7;\n  }\n\n  #annular-services .asc-card-top {\n    margin-bottom: 23px;\n  }\n\n  #annular-services .asc-navigation {\n    grid-template-columns: 44px minmax(90px,180px) 44px;\n    column-gap: 20px;\n    margin-top: 8px;\n  }\n\n  #annular-services .asc-nav-button {\n    width: 42px;\n    height: 42px;\n  }\n}\n\n@media (max-width: 360px) {\n  #annular-services .asc-navigation {\n    column-gap: 14px;\n  }\n\n  #annular-services .asc-card {\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  #annular-services .asc-card h3 {\n    font-size: 23px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #annular-services .asc-card,\n  #annular-services .asc-nav-button,\n  #annular-services .asc-cta,\n  #annular-services #asc-progress-fill {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  function initAnnularServices() {\n    var root = document.getElementById('annular-services');\n\n    if (!root || root.dataset.ascInitialized === 'true') return;\n\n    var stage = root.querySelector('.asc-stage');\n    var cards = Array.prototype.slice.call(\n      root.querySelectorAll('.service-card')\n    );\n    var prevButton = root.querySelector('#asc-prev');\n    var nextButton = root.querySelector('#asc-next');\n    var currentLabel = root.querySelector('#asc-current');\n    var progressFill = root.querySelector('#asc-progress-fill');\n\n    if (!stage || !cards.length || !prevButton || !nextButton) return;\n\n    root.dataset.ascInitialized = 'true';\n\n    var total = cards.length;\n    var activeIndex = 0;\n    var autoTimer = null;\n    var pointerOnCard = false;\n    var touchStartX = 0;\n    var touchStartY = 0;\n    var touchStartTime = 0;\n    var reducedMotion = window.matchMedia &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function isMobile() {\n      return window.matchMedia('(max-width: 600px)').matches;\n    }\n\n    function wrapIndex(index) {\n      return (index + total) % total;\n    }\n\n    function shortestDistance(index) {\n      var distance = index - activeIndex;\n\n      if (distance > total \/ 2) distance -= total;\n      if (distance < -total \/ 2) distance += total;\n\n      return distance;\n    }\n\n    function render() {\n      cards.forEach(function (card, index) {\n        card.classList.remove(\n          'is-active',\n          'is-prev',\n          'is-next',\n          'is-far-prev',\n          'is-far-next',\n          'is-hidden'\n        );\n\n        var distance = shortestDistance(index);\n\n        if (distance === 0) {\n          card.classList.add('is-active');\n        } else if (distance === -1) {\n          card.classList.add('is-prev');\n        } else if (distance === 1) {\n          card.classList.add('is-next');\n        } else if (distance === -2) {\n          card.classList.add('is-far-prev');\n        } else if (distance === 2) {\n          card.classList.add('is-far-next');\n        } else {\n          card.classList.add('is-hidden');\n        }\n\n        card.setAttribute('aria-hidden', distance === 0 ? 'false' : 'true');\n\n        card.querySelectorAll('a').forEach(function (link) {\n          if (distance === 0) {\n            link.removeAttribute('tabindex');\n          } else {\n            link.setAttribute('tabindex', '-1');\n          }\n        });\n      });\n\n      if (currentLabel) {\n        currentLabel.textContent = String(activeIndex + 1).padStart(2, '0');\n      }\n\n      if (progressFill) {\n        progressFill.style.width =\n          (((activeIndex + 1) \/ total) * 100) + '%';\n      }\n    }\n\n    function stopAuto() {\n      if (autoTimer !== null) {\n        window.clearInterval(autoTimer);\n        autoTimer = null;\n      }\n    }\n\n    function canAutoRotate() {\n      return !isMobile() &&\n        !reducedMotion &&\n        !document.hidden &&\n        !pointerOnCard;\n    }\n\n    function startAuto() {\n      stopAuto();\n\n      if (!canAutoRotate()) return;\n\n      autoTimer = window.setInterval(function () {\n        if (canAutoRotate()) {\n          activeIndex = wrapIndex(activeIndex + 1);\n          render();\n        } else {\n          stopAuto();\n        }\n      }, 2000);\n    }\n\n    function goTo(index) {\n      activeIndex = wrapIndex(index);\n      render();\n      startAuto();\n    }\n\n    prevButton.addEventListener('click', function () {\n      goTo(activeIndex - 1);\n    });\n\n    nextButton.addEventListener('click', function () {\n      goTo(activeIndex + 1);\n    });\n\n    \/*\n     * Only hovering a card pauses rotation.\n     * Navigation arrows and empty background do not pause it.\n     *\/\n    cards.forEach(function (card) {\n      card.addEventListener('mouseenter', function () {\n        pointerOnCard = true;\n        stopAuto();\n      });\n\n      card.addEventListener('mouseleave', function () {\n        pointerOnCard = false;\n        startAuto();\n      });\n\n      card.addEventListener('focusin', stopAuto);\n\n      card.addEventListener('focusout', function (event) {\n        if (!card.contains(event.relatedTarget)) {\n          startAuto();\n        }\n      });\n    });\n\n    root.addEventListener('keydown', function (event) {\n      if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        goTo(activeIndex + 1);\n      } else if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        goTo(activeIndex - 1);\n      }\n    });\n\n    document.addEventListener('visibilitychange', function () {\n      if (document.hidden) {\n        stopAuto();\n      } else {\n        startAuto();\n      }\n    });\n\n    stage.addEventListener('touchstart', function (event) {\n      if (!event.changedTouches || !event.changedTouches.length) return;\n\n      touchStartX = event.changedTouches[0].clientX;\n      touchStartY = event.changedTouches[0].clientY;\n      touchStartTime = Date.now();\n    }, { passive: true });\n\n    stage.addEventListener('touchend', function (event) {\n      if (!event.changedTouches || !event.changedTouches.length) return;\n\n      var deltaX = event.changedTouches[0].clientX - touchStartX;\n      var deltaY = event.changedTouches[0].clientY - touchStartY;\n      var elapsed = Date.now() - touchStartTime;\n\n      if (\n        isMobile() &&\n        Math.abs(deltaX) > 45 &&\n        Math.abs(deltaX) > Math.abs(deltaY) * 1.2 &&\n        elapsed < 900\n      ) {\n        goTo(activeIndex + (deltaX < 0 ? 1 : -1));\n      }\n    }, { passive: true });\n\n    window.addEventListener('resize', startAuto);\n\n    render();\n\n    \/* Start immediately: first automatic advance happens after 2 seconds. *\/\n    startAuto();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAnnularServices);\n  } else {\n    initAnnularServices();\n  }\n})();\n<\/script>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#f8fafc;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n\/* ==========================================================================\n   ANNULAR PROPRIETARY PLATFORMS (5 CARDS WITH IMAGE + HOVER EXPLORE BUTTON)\n   Roboto Typography + Uniform Heading System (Gap Removed)\n   ========================================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');\n\n.annular-products-exact,\n.annular-products-exact * {\n  box-sizing: border-box;\n}\n\n.annular-products-exact {\n  --ape-blue: #2563eb;\n  --ape-blue-dark: #1d4ed8;\n  --ape-heading: #0f172a;\n  --ape-body: #64748b;\n\n  width: 100%;\n  background: #f8fafc !important;\n  color: var(--ape-heading);\n  padding: 85px 20px;\n  position: relative;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  border-top: 1px solid #f1f5f9;\n  border-bottom: 1px solid #f1f5f9;\n}\n\n.annular-products-exact h1,\n.annular-products-exact h2,\n.annular-products-exact h3,\n.annular-products-exact h4,\n.annular-products-exact p,\n.annular-products-exact a,\n.annular-products-exact span,\n.annular-products-exact div {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n\n.ape-container {\n  max-width: 1220px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\/* SECTION HEADER *\/\n.ape-header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 50px;\n}\n\n.ape-eyebrow {\n  display: inline-block;\n  padding: 5px 16px;\n  background: #e0edff !important;\n  color: #2563eb !important;\n  font-size: 11.5px;\n  font-weight: 800;\n  line-height: 1.5;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  border-radius: 20px;\n  margin-bottom: 14px;\n}\n\n.ape-header h2 {\n  font-size: clamp(28px, 3.2vw, 38px);\n  font-weight: 800;\n  color: #0f172a !important;\n  margin: 0 0 14px;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n}\n\n.ape-header p {\n  font-size: 15.5px;\n  font-weight: 400;\n  color: #64748b !important;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ==========================================================================\n   5-CARD BALANCED GRID (Row 1: 3 cards | Row 2: 2 cards centered)\n   ========================================================================== *\/\n.ape-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 28px;\n  align-items: flex-start;\n}\n\n\/* ==========================================================================\n   PRODUCT CARD (COMPACT & SNUG)\n   ========================================================================== *\/\n.ape-card {\n  flex: 0 1 calc(33.333% - 19px);\n  min-width: 300px;\n  max-width: 380px;\n  background: #ffffff !important;\n  border: 1px solid #e2e8f0 !important;\n  border-radius: 20px;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);\n  transition:\n    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow 0.35s ease,\n    border-color 0.35s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.ape-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.12);\n  border-color: #bfdbfe !important;\n}\n\n\/* ==========================================================================\n   TOP IMAGE SLOT\n   ========================================================================== *\/\n.ape-card-media {\n  width: 100%;\n  height: 190px;\n  border-radius: 14px;\n  overflow: hidden;\n  background: #f1f5f9;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #e2e8f0;\n  position: relative;\n}\n\n.ape-card-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.ape-card:hover .ape-card-img {\n  transform: scale(1.05);\n}\n\n\/* ==========================================================================\n   CARD BODY (HEADING & SUBHEADING - NO DEAD SPACE)\n   ========================================================================== *\/\n.ape-card-body {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0;\n}\n\n.ape-card-heading {\n  font-size: 20px !important;\n  font-weight: 700 !important;\n  color: #0f172a !important;\n  margin: 0 0 6px !important;\n  line-height: 1.3 !important;\n  letter-spacing: -0.3px;\n}\n\n.ape-desc {\n  font-size: 14px;\n  font-weight: 400;\n  color: #64748b !important;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* ==========================================================================\n   EXPLORE BUTTON (SITS COMPACTLY BELOW TEXT WITH 16px MARGIN)\n   ========================================================================== *\/\n.ape-btn-wrapper {\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.ape-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  min-height: 44px;\n  padding: 10px 18px;\n  background: #f1f5f9 !important; \/* Soft subtle pill *\/\n  color: #2563eb !important;      \/* Brand blue text *\/\n  font-size: 14px;\n  font-weight: 600;\n  border-radius: 12px;\n  text-decoration: none !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  border: 1px solid #e2e8f0 !important;\n  margin-top: 0;\n}\n\n\/* Hover state: Solid Blue Button vibrant pop *\/\n.ape-card:hover .ape-btn {\n  background: #2563eb !important;\n  color: #ffffff !important;\n  border-color: #2563eb !important;\n  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3) !important;\n  transform: translateY(-2px);\n}\n\n.ape-btn:hover {\n  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;\n  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.38) !important;\n  transform: translateY(-2px) !important;\n}\n\n\/* ==========================================================================\n   RESPONSIVE (MOBILE & TABLET)\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n  .ape-card {\n    flex: 0 1 calc(50% - 14px);\n    max-width: 100%;\n  }\n}\n\n@media (max-width: 640px) {\n  .annular-products-exact {\n    padding: 55px 16px;\n  }\n  .ape-grid {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .ape-card {\n    flex: 1 1 100%;\n    max-width: 100%;\n    padding: 18px;\n  }\n  .ape-card-media {\n    height: 180px;\n  }\n}\n\n\/* Reduced motion accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n  .ape-card, .ape-btn, .ape-card-img {\n    transition: none !important;\n  }\n  .ape-card:hover, .ape-btn:hover {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<section class=\"annular-products-exact\" aria-labelledby=\"ape-section-title\">\n  <div class=\"ape-container\">\n\n    <!-- Section Header -->\n    <div class=\"ape-header\">\n      <span class=\"ape-eyebrow\">OUR PRODUCTS<\/span>\n      <h2 id=\"ape-section-title\">Proprietary Platforms Built for Enterprise Scale<\/h2>\n      <p>\n        Annular develops practical technology products that simplify operations,\n        improve visibility and automate repetitive business processes.\n      <\/p>\n    <\/div>\n\n    <!-- 5 Product Cards Grid -->\n    <div class=\"ape-grid\">\n\n      <!-- PRODUCT 1: AI TEST CASE STUDIO -->\n      <article class=\"ape-card\">\n        <div class=\"ape-card-media\">\n          <img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/ai-test-case-studio-ai.png\" alt=\"AI Test Case Studio\" class=\"ape-card-img\" \/>\n        <\/div>\n        <div class=\"ape-card-body\">\n          <h3 class=\"ape-card-heading\">AI Test Case Studio<\/h3>\n          <p class=\"ape-desc\">AI Test case management system.<\/p>\n        <\/div>\n        <div class=\"ape-btn-wrapper\">\n          <a href=\"https:\/\/web.annulartechnologies.com\/staging\/services\/ai-integration\/\" class=\"ape-btn\" aria-label=\"Explore AI Test Case Studio\">\n            Explore AI Test Case Studio\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PRODUCT 2: QUANTEM -->\n      <article class=\"ape-card\">\n        <div class=\"ape-card-media\">\n          <img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/quantem-mdm.png\" alt=\"Mobile Device Management\" class=\"ape-card-img\" \/>\n        <\/div>\n        <div class=\"ape-card-body\">\n          <h3 class=\"ape-card-heading\">Quantem<\/h3>\n          <p class=\"ape-desc\">Centralized Mobile device managment system.<\/p>\n        <\/div>\n        <div class=\"ape-btn-wrapper\">\n          <a href=\"https:\/\/web.annulartechnologies.com\/staging\/products\/device-management-system\/\" class=\"ape-btn\" aria-label=\"Explore Mobile Device Management\">\n            Explore Mobile Device Management\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PRODUCT 3: PRANI MANAGEMENT -->\n      <article class=\"ape-card\">\n        <div class=\"ape-card-media\">\n          <img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/prani-management.jpg\" alt=\"Prani Management\" class=\"ape-card-img\" \/>\n        <\/div>\n        <div class=\"ape-card-body\">\n          <h3 class=\"ape-card-heading\">Prani Management<\/h3>\n          <p class=\"ape-desc\">Centralized animal health management suite.<\/p>\n        <\/div>\n        <div class=\"ape-btn-wrapper\">\n          <a href=\"https:\/\/web.annulartechnologies.com\/staging\/animal-management-system\/\" class=\"ape-btn\" aria-label=\"Explore Prani Management\">\n            Explore Prani Management\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PRODUCT 4: GTMR MANAGEMENT -->\n      <article class=\"ape-card\">\n        <div class=\"ape-card-media\">\n          <img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/Futuristic-CRM-Automation-Pipeline.png\" alt=\"GTMR Management\" class=\"ape-card-img\" \/>\n        <\/div>\n        <div class=\"ape-card-body\">\n          <h3 class=\"ape-card-heading\">GTMR Management<\/h3>\n          <p class=\"ape-desc\">AI powered lead automation.<\/p>\n        <\/div>\n        <div class=\"ape-btn-wrapper\">\n          <a href=\"https:\/\/web.annulartechnologies.com\/staging\/gtm-automation\/\" class=\"ape-btn\" aria-label=\"Explore GTMR Management\">\n            Explore GTMR Management\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PRODUCT 5: QUANTEM RC -->\n      <article class=\"ape-card\">\n        <div class=\"ape-card-media\">\n          <img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/ai-test-case-studio.jpg\" alt=\"Quantem RC\" class=\"ape-card-img\" \/>\n        <\/div>\n        <div class=\"ape-card-body\">\n          <h3 class=\"ape-card-heading\">Quantem RC<\/h3>\n          <p class=\"ape-desc\">Remote Access. Simplified.<\/p>\n        <\/div>\n        <div class=\"ape-btn-wrapper\">\n          <a href=\"https:\/\/web.annulartechnologies.com\/staging\/quantem-rc-remote-access-solution\/\" class=\"ape-btn\" aria-label=\"Explore Quantem RC\">\n            Explore Quantem RC\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<style>\n@media (max-width: 900px) {\n  .annular-running-logos-section {\n    padding: 14px 0 !important;\n    margin: 0 !important;\n  }\n  .running-logos-track {\n    gap: 16px !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ==========================================================================\n   FULL-WIDTH INFINITE RUNNING CLIENT LOGOS (RESPONSIVE & BALANCED SPACING)\n   ========================================================================== *\/\n.annular-running-logos-section {\n  width: 100%;\n  background: #ffffff !important;\n  padding: 42px 0;\n  position: relative;\n  overflow: hidden;\n  border-top: 1px solid #e2e8f0;\n  border-bottom: 1px solid #e2e8f0;\n  border-radius: 0 !important;\n}\n\n.running-logos-wrapper {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  position: relative;\n  user-select: none;\n  border-radius: 0 !important;\n}\n\n.running-logos-track {\n  display: flex;\n  align-items: center;\n  gap: 40px;\n  width: max-content;\n  animation: logoScroll 28s linear infinite;\n}\n\n.running-logos-wrapper:hover .running-logos-track {\n  animation-play-state: paused;\n}\n\n@keyframes logoScroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\n\/* ENLARGED LOGOS (Safran, CDS, Standard Chartered) *\/\n.logo-item.logo-item-enlarged,\n.logo-item:has(img[src*=\"Safran\"]),\n.logo-item:has(img[src*=\"CDS\"]),\n.logo-item:has(img[src*=\"standard20chartred\"]) {\n  width: 195px !important;\n}\n\n.logo-item.logo-item-enlarged img,\n.logo-item img[src*=\"Safran\"],\n.logo-item img[src*=\"CDS\"],\n.logo-item img[src*=\"standard20chartred\"] {\n  max-width: 175px !important;\n  max-height: 60px !important;\n  transform: scale(1.35) !important;\n}\n\n.logo-item.logo-item-enlarged:hover img,\n.logo-item:hover img[src*=\"Safran\"],\n.logo-item:hover img[src*=\"CDS\"],\n.logo-item:hover img[src*=\"standard20chartred\"] {\n  transform: scale(1.45) !important;\n}\n\n\/* UNIFORM LOGO ITEMS *\/\n.logo-item {\n  width: 155px !important;\n  height: 68px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  padding: 0 10px !important;\n  box-sizing: border-box !important;\n}\n\n.logo-item img {\n  width: auto !important;\n  height: auto !important;\n  max-width: 135px !important;\n  max-height: 48px !important;\n  object-fit: contain !important;\n  filter: grayscale(0%) !important;\n  opacity: 0.95;\n  transition: all 0.3s ease;\n}\n\n.logo-item:hover img {\n  opacity: 1;\n  transform: scale(1.06);\n}\n\n\/* TABLET RESPONSIVENESS *\/\n@media (max-width: 1024px) {\n  .annular-running-logos-section {\n    padding: 32px 0 !important;\n  }\n  .running-logos-track {\n    gap: 28px !important;\n    animation-duration: 24s !important;\n  }\n  .logo-item {\n    width: 125px !important;\n    height: 56px !important;\n    padding: 0 8px !important;\n  }\n  .logo-item img {\n    max-width: 105px !important;\n    max-height: 40px !important;\n  }\n}\n\n\/* MOBILE RESPONSIVENESS - UNIFORM TIGHT SPACING *\/\n@media (max-width: 640px) {\n  .annular-running-logos-section {\n    padding: 24px 0 !important;\n  }\n  .running-logos-track {\n    gap: 18px !important;\n    animation-duration: 20s !important;\n  }\n  .logo-item {\n    width: 96px !important;\n    height: 44px !important;\n    padding: 0 4px !important;\n  }\n  .logo-item img {\n    max-width: 82px !important;\n    max-height: 32px !important;\n  }\n}\n\n\/* EXTRA SMALL MOBILE *\/\n@media (max-width: 400px) {\n  .annular-running-logos-section {\n    padding: 20px 0 !important;\n  }\n  .running-logos-track {\n    gap: 14px !important;\n    animation-duration: 18s !important;\n  }\n  .logo-item {\n    width: 86px !important;\n    height: 40px !important;\n    padding: 0 3px !important;\n  }\n  .logo-item img {\n    max-width: 72px !important;\n    max-height: 28px !important;\n  }\n}\n<\/style>\n\n<div class=\"annular-running-logos-section\">\n  <div class=\"running-logos-wrapper\">\n    <div class=\"running-logos-track\">\n      <!-- FIRST SET OF 14 REAL CLIENT LOGOS -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Accion20Labs.png\" alt=\"Accion Labs\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/acos20logo.png\" alt=\"ACOS\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/CDS20logo20transparent.png\" alt=\"CDS\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Dell20Logo.png\" alt=\"Dell\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Emblem_of_Tamil_Nadu.svg_.png\" alt=\"Government of Tamil Nadu\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/getryt20logo.png\" alt=\"GetRyt\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/IT20automation20logo.png\" alt=\"IT Automation\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Plex20logo.png\" alt=\"Plex\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/PODS20logo20.png\" alt=\"PODS\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Quantem20logo.png\" alt=\"Quantem\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Rockwell20automation20logo20.png\" alt=\"Rockwell Automation\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Safran20logo.png\" alt=\"Safran\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/standard20chartred.png\" alt=\"Standard Chartered\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/tifoh20logo.png\" alt=\"Tifoh\" \/><\/div>\n\n      <!-- DUPLICATE SET OF 14 REAL CLIENT LOGOS FOR SEAMLESS INFINITE LOOP -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Accion20Labs.png\" alt=\"Accion Labs\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/acos20logo.png\" alt=\"ACOS\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/CDS20logo20transparent.png\" alt=\"CDS\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Dell20Logo.png\" alt=\"Dell\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Emblem_of_Tamil_Nadu.svg_.png\" alt=\"Government of Tamil Nadu\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/getryt20logo.png\" alt=\"GetRyt\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/IT20automation20logo.png\" alt=\"IT Automation\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Plex20logo.png\" alt=\"Plex\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/PODS20logo20.png\" alt=\"PODS\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Quantem20logo.png\" alt=\"Quantem\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Rockwell20automation20logo20.png\" alt=\"Rockwell Automation\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/Safran20logo.png\" alt=\"Safran\" \/><\/div>\n      <div class=\"logo-item logo-item-enlarged\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/standard20chartred.png\" alt=\"Standard Chartered\" \/><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/tifoh20logo.png\" alt=\"Tifoh\" \/><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling annular-why-section-v2\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#0b152d;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n\/* ==========================================================================\n   ANNULAR TECHNOLOGY PARTNER DIAGRAM\n   Uniform Typography + Animated Connections + Responsive Cards\n   ========================================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');\n\n.annular-why-section,\n.annular-why-section * {\n  box-sizing: border-box;\n}\n\n.annular-why-section {\n  --why-heading: #ffffff;\n  --why-body: #cbd5e1;\n  --why-cyan: #38bdf8;\n  --why-blue: #2563eb;\n\n  background: linear-gradient(135deg, #0b152d 0%, #1a365d 100%);\n  padding: 100px 20px;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  color: var(--why-heading);\n  isolation: isolate;\n}\n\n\/* Consistent font throughout this section *\/\n.annular-why-section h1,\n.annular-why-section h2,\n.annular-why-section h3,\n.annular-why-section h4,\n.annular-why-section p,\n.annular-why-section span,\n.annular-why-section div {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n\n\/* ==========================================================================\n   STANDARD HEADING SYSTEM\n   H1: 34\u201348px | H2: 28\u201338px | H3: 21\u201326px | H4: 17\u201320px\n   ========================================================================== *\/\n\n.annular-why-section h1 {\n  font-size: clamp(34px, 4vw, 48px);\n  font-weight: 800;\n  line-height: 1.15;\n  letter-spacing: -1.2px;\n}\n\n.annular-why-section h2 {\n  font-size: clamp(28px, 3.2vw, 38px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n}\n\n.annular-why-section h3 {\n  font-size: clamp(21px, 2.4vw, 26px);\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: -0.4px;\n}\n\n.annular-why-section h4 {\n  font-size: clamp(17px, 2vw, 20px);\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: -0.2px;\n}\n\n\/* ==========================================================================\n   SECTION HEADER\n   ========================================================================== *\/\n\n.annular-why-section .why-header {\n  text-align: center;\n  max-width: 860px;\n  margin: 0 auto 60px;\n  position: relative;\n  z-index: 2;\n}\n\n.annular-why-section .why-eyebrow {\n  font-size: 13px;\n  font-weight: 800;\n  color: #38bdf8;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 15px;\n  background: rgba(56, 189, 248, 0.12);\n  padding: 6px 16px;\n  border-radius: 20px;\n  display: inline-block;\n  line-height: 1.5;\n}\n\n.annular-why-section .why-header h2 {\n  font-size: clamp(28px, 3.2vw, 38px);\n  color: #ffffff;\n  margin: 0 0 18px;\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n}\n\n.annular-why-section .why-header p {\n  font-size: 17px;\n  font-weight: 400;\n  color: #cbd5e1;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ==========================================================================\n   DIAGRAM CONTAINER\n   ========================================================================== *\/\n\n.annular-partner-diagram {\n  position: relative;\n  max-width: 1140px;\n  margin: 0 auto;\n  min-height: 660px;\n}\n\n\/* SVG CONNECTING STAGE *\/\n.apd-svg-stage {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1;\n  overflow: visible;\n}\n\n.apd-path {\n  transition: stroke 0.4s ease, stroke-width 0.4s ease;\n}\n\n\/* ==========================================================================\n   CENTRAL HUB\n   ========================================================================== *\/\n\n.apd-center-hub {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: #ffffff !important;\n  border: 3px solid #06b6d4;\n  box-shadow:\n    0 0 40px rgba(6, 182, 212, 0.45),\n    0 10px 30px rgba(0, 0, 0, 0.3);\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  z-index: 10;\n  transition:\n    border-color 0.4s ease,\n    box-shadow 0.4s ease,\n    transform 0.4s ease;\n}\n\n.apd-hub-logo-img {\n  display: block;\n  max-width: 150px;\n  max-height: 150px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n  transition: transform 0.3s ease;\n}\n\n.apd-center-hub:hover .apd-hub-logo-img {\n  transform: scale(1.06);\n}\n\n.apd-center-hub:hover {\n  border-color: #38bdf8;\n  box-shadow:\n    0 0 45px rgba(56, 189, 248, 0.5),\n    inset 0 0 30px rgba(56, 189, 248, 0.18);\n  transform: translate(-50%, -50%) scale(1.03);\n}\n\n\/* Optional text logo styles *\/\n.apd-hub-logo {\n  font-size: 24px;\n  font-weight: 900;\n  color: #ffffff;\n  letter-spacing: 2px;\n  line-height: 1;\n  margin-bottom: 6px;\n}\n\n.apd-hub-sub {\n  font-size: 11px;\n  font-weight: 800;\n  color: #38bdf8;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\/* ==========================================================================\n   CARDS WRAPPER\n   ========================================================================== *\/\n\n.apd-cards-wrapper {\n  position: relative;\n  width: 100%;\n  height: 660px;\n  z-index: 5;\n}\n\n\/* ==========================================================================\n   CAPABILITY CARDS\n   ========================================================================== *\/\n\n.apd-card {\n  position: absolute;\n  width: 280px;\n  background: #ffffff;\n  border: 1px solid rgba(226, 232, 240, 0.95);\n  border-radius: 18px;\n  padding: 18px 20px;\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  transition:\n    transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),\n    box-shadow 0.4s ease,\n    border-color 0.4s ease;\n  color: #0f172a;\n  cursor: default;\n  z-index: 5;\n}\n\n.apd-card-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.apd-card-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: #eff6ff;\n  color: #2563eb;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 20px;\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease,\n    color 0.3s ease;\n}\n\n.apd-card-icon svg {\n  display: block;\n  width: 22px;\n  height: 22px;\n}\n\n\/* Card titles follow the shared H4 scale *\/\n.apd-card-title {\n  font-size: clamp(17px, 2vw, 20px);\n  font-weight: 700;\n  color: #0f172a;\n  line-height: 1.4;\n  letter-spacing: -0.2px;\n}\n\n\/* Hover detail description *\/\n.apd-card-desc {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.65;\n  color: #475569;\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition:\n    max-height 0.4s ease,\n    opacity 0.4s ease,\n    margin-top 0.4s ease;\n  margin: 0;\n}\n\n\/* ==========================================================================\n   CARD HOVER EFFECTS\n   ========================================================================== *\/\n\n.apd-card:hover,\n.apd-card:focus-within {\n  z-index: 20;\n  transform: scale(1.05) translateY(-6px);\n  border-color: #06b6d4;\n  box-shadow: 0 18px 45px rgba(6, 182, 212, 0.35);\n}\n\n.apd-card:hover .apd-card-desc,\n.apd-card:focus-within .apd-card-desc {\n  max-height: 140px;\n  opacity: 1;\n  margin-top: 8px;\n}\n\n.apd-card:hover .apd-card-icon,\n.apd-card:focus-within .apd-card-icon {\n  background: #2563eb;\n  color: #ffffff;\n  transform: scale(1.1);\n}\n\n\/* ==========================================================================\n   DESKTOP RADIAL POSITIONS\n   ========================================================================== *\/\n\n.apd-card-1 { top: 40px; left: 30px; }\n.apd-card-2 { top: 270px; left: 0; }\n.apd-card-3 { top: 490px; left: 140px; }\n\n.apd-card-4 { top: 40px; right: 30px; }\n.apd-card-5 { top: 270px; right: 0; }\n.apd-card-6 { top: 490px; right: 140px; }\n\n\/* ==========================================================================\n   CONNECTOR HIGHLIGHTS\n   Use :has() to highlight the corresponding SVG line on hover\/focus.\n   ========================================================================== *\/\n\n@supports selector(.annular-partner-diagram:has(.apd-card:hover)) {\n  .annular-partner-diagram:has(.apd-card-1:hover) #apdPath1,\n  .annular-partner-diagram:has(.apd-card-1:focus-within) #apdPath1 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n\n  .annular-partner-diagram:has(.apd-card-2:hover) #apdPath2,\n  .annular-partner-diagram:has(.apd-card-2:focus-within) #apdPath2 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n\n  .annular-partner-diagram:has(.apd-card-3:hover) #apdPath3,\n  .annular-partner-diagram:has(.apd-card-3:focus-within) #apdPath3 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n\n  .annular-partner-diagram:has(.apd-card-4:hover) #apdPath4,\n  .annular-partner-diagram:has(.apd-card-4:focus-within) #apdPath4 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n\n  .annular-partner-diagram:has(.apd-card-5:hover) #apdPath5,\n  .annular-partner-diagram:has(.apd-card-5:focus-within) #apdPath5 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n\n  .annular-partner-diagram:has(.apd-card-6:hover) #apdPath6,\n  .annular-partner-diagram:has(.apd-card-6:focus-within) #apdPath6 {\n    stroke: #38bdf8;\n    stroke-width: 3px;\n    stroke-dasharray: none;\n  }\n}\n\n\/* ==========================================================================\n   ACCESSIBILITY: REDUCED MOTION\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .apd-moving-dot {\n    display: none !important;\n  }\n\n  .apd-card,\n  .apd-card-desc,\n  .apd-card-icon,\n  .apd-center-hub,\n  .apd-hub-logo-img,\n  .apd-path {\n    transition: none !important;\n  }\n\n  .apd-card:hover,\n  .apd-card:focus-within,\n  .apd-center-hub:hover {\n    transform: none;\n  }\n}\n\n\/* ==========================================================================\n   TABLET\n   ========================================================================== *\/\n\n@media (max-width: 1024px) {\n  .annular-why-section {\n    padding: 80px 24px;\n  }\n\n  .annular-partner-diagram {\n    min-height: 600px;\n  }\n\n  .apd-cards-wrapper {\n    height: 600px;\n  }\n\n  .apd-card {\n    width: 250px;\n    padding: 14px 16px;\n  }\n\n  .apd-card-1 { top: 30px; left: 10px; }\n  .apd-card-2 { top: 240px; left: -10px; }\n  .apd-card-3 { top: 440px; left: 80px; }\n\n  .apd-card-4 { top: 30px; right: 10px; }\n  .apd-card-5 { top: 240px; right: -10px; }\n  .apd-card-6 { top: 440px; right: 80px; }\n}\n\n\/* ==========================================================================\n   MOBILE STACKED LAYOUT\n   ========================================================================== *\/\n\n@media (max-width: 768px) {\n  .annular-why-section {\n    padding: 60px 18px;\n  }\n\n  .annular-why-section .why-header {\n    margin-bottom: 38px;\n  }\n\n  .annular-why-section .why-header h2 {\n    font-size: clamp(28px, 7vw, 34px);\n    line-height: 1.2;\n    letter-spacing: -0.6px;\n  }\n\n  .annular-why-section .why-header p {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .annular-partner-diagram {\n    min-height: auto;\n  }\n\n  .apd-svg-stage {\n    display: none;\n  }\n\n  .apd-center-hub {\n    position: relative;\n    top: auto;\n    left: auto;\n    transform: none !important;\n    margin: 0 auto 35px;\n    width: 180px;\n    height: 180px;\n  }\n\n  .apd-cards-wrapper {\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .apd-card {\n    position: relative;\n    inset: auto !important;\n    width: 100%;\n    transform: none !important;\n    padding: 20px;\n    cursor: default;\n  }\n\n  .apd-card-title {\n    font-size: 18px;\n    line-height: 1.4;\n  }\n\n  .apd-card-desc {\n    max-height: none !important;\n    opacity: 1 !important;\n    margin-top: 8px !important;\n    overflow: visible;\n  }\n\n  .apd-card:hover,\n  .apd-card:focus-within {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<section class=\"annular-why-section\" aria-labelledby=\"annular-why-title\">\n  <header class=\"why-header\">\n    \n    <h2 id=\"annular-why-title\">Why Businesses Choose Annular as Their Technology Partner<\/h2>\n    <p>Improving software quality, Annular brings multiple technology capabilities under one roof.<\/p>\n  <\/header>\n\n  <div class=\"annular-partner-diagram\">\n\n    <!-- SVG CONNECTING LINES AND ANIMATED DOTS -->\n    <svg\n      class=\"apd-svg-stage\"\n      viewBox=\"0 0 1000 660\"\n      preserveAspectRatio=\"none\"\n      fill=\"none\"\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      aria-hidden=\"true\"\n    >\n      <defs>\n        <filter id=\"apdCyanGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n          <feGaussianBlur stdDeviation=\"3.5\" result=\"blur\" \/>\n          <feMerge>\n            <feMergeNode in=\"blur\" \/>\n            <feMergeNode in=\"SourceGraphic\" \/>\n          <\/feMerge>\n        <\/filter>\n      <\/defs>\n\n      <path id=\"apdPath1\" class=\"apd-path\" d=\"M 500 330 L 210 110\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n      <path id=\"apdPath2\" class=\"apd-path\" d=\"M 500 330 L 170 320\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n      <path id=\"apdPath3\" class=\"apd-path\" d=\"M 500 330 L 310 525\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n      <path id=\"apdPath4\" class=\"apd-path\" d=\"M 500 330 L 790 110\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n      <path id=\"apdPath5\" class=\"apd-path\" d=\"M 500 330 L 830 320\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n      <path id=\"apdPath6\" class=\"apd-path\" d=\"M 500 330 L 690 525\" stroke=\"rgba(56,189,248,0.45)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" \/>\n\n      <g filter=\"url(#apdCyanGlow)\">\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"3.2s\" repeatCount=\"indefinite\" begin=\"0s\">\n            <mpath href=\"#apdPath1\" \/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"3.8s\" repeatCount=\"indefinite\" begin=\"0.6s\">\n            <mpath href=\"#apdPath2\" \/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"2.9s\" repeatCount=\"indefinite\" begin=\"1.2s\">\n            <mpath href=\"#apdPath3\" \/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"3.5s\" repeatCount=\"indefinite\" begin=\"0.4s\">\n            <mpath href=\"#apdPath4\" \/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"4s\" repeatCount=\"indefinite\" begin=\"0.9s\">\n            <mpath href=\"#apdPath5\" \/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"5.5\" fill=\"#38bdf8\" class=\"apd-moving-dot\">\n          <animateMotion dur=\"3.1s\" repeatCount=\"indefinite\" begin=\"1.5s\">\n            <mpath href=\"#apdPath6\" \/>\n          <\/animateMotion>\n        <\/circle>\n      <\/g>\n    <\/svg>\n\n    <!-- CENTRAL ANNULAR LOGO -->\n    <div class=\"apd-center-hub\">\n      <img decoding=\"async\"\n        src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/annular-full-logo-center.png\"\n        alt=\"Annular Technologies\"\n        class=\"apd-hub-logo-img\"\n      \/>\n    <\/div>\n\n    <!-- SIX CAPABILITY CARDS -->\n    <div class=\"apd-cards-wrapper\">\n\n      <article class=\"apd-card apd-card-1\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\/>\n              <path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Engineering Expertise<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">Experienced professionals across software development, mobile, AI, cloud, QA and product engineering.<\/p>\n      <\/article>\n\n      <article class=\"apd-card apd-card-2\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Flexible Engagement<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">Choose the engagement model that works for your business, from dedicated teams to execution-based engagements.<\/p>\n      <\/article>\n\n      <article class=\"apd-card apd-card-3\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Business-Focused Technology<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">We start by understanding your business problem, objectives and constraints.<\/p>\n      <\/article>\n\n      <article class=\"apd-card apd-card-4\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Quality-Led Delivery<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">Quality is built into our development lifecycle from planning and architecture through testing and deployment.<\/p>\n      <\/article>\n\n      <article class=\"apd-card apd-card-5\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41M12 8a4 4 0 100 8 4 4 0 000-8z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Modern Technology<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">We continuously adopt modern technologies across AI, cloud, automation, application development and quality engineering.<\/p>\n      <\/article>\n\n      <article class=\"apd-card apd-card-6\">\n        <div class=\"apd-card-header\">\n          <div class=\"apd-card-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n              <path d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"apd-card-title\">Long-Term Technology Partner<\/div>\n        <\/div>\n        <p class=\"apd-card-desc\">We support businesses beyond initial development with modernization, maintenance, optimization and continuous technology improvements.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#0b1329;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ANNULAR TECHNOLOGIES | DELIVERY JOURNEY -->\n<section class=\"annular-journey-v5\" id=\"delivery-process\">\n  <div class=\"aj5-container\">\n\n    <!-- HEADER -->\n    <header class=\"aj5-header\">\n      <span class=\"aj5-eyebrow\">\n        <span class=\"\" aria-hidden=\"true\"><\/span>\n       \n      <\/span>\n      <h2>From Vision to <span>Real-World Impact.<\/span><\/h2>\n      <p>\n        We turn ambitious ideas into powerful digital solutions through\n        a clear, collaborative, and results-driven delivery process.\n      <\/p>\n    <\/header>\n\n    <!-- TWO-COLUMN LAYOUT -->\n    <div class=\"aj5-split-layout\">\n\n      <!-- LEFT: IMAGE -->\n      <aside class=\"aj5-media-column\">\n        <div class=\"aj5-sticky-media-box\">\n          <div class=\"aj5-image-placeholder\">\n            <img decoding=\"async\"\n              src=\"https:\/\/web.annulartechnologies.com\/staging\/wp-content\/uploads\/2026\/10\/AI-Collaboration-in-a-Modern-Office-1.png\"\n              alt=\"Delivery Journey Illustration\"\n              class=\"aj5-featured-image\"\n              loading=\"lazy\"\n            \/>\n            <div class=\"aj5-media-badge\">\n              <span class=\"aj5-pulse-dot\"><\/span>\n              <span>AGILE DELIVERY FRAMEWORK<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"aj5-media-caption\">\n            <h4>End-to-End Execution<\/h4>\n           \n          <\/div>\n        <\/div>\n      <\/aside>\n\n      <!-- RIGHT: STACKING CARDS -->\n      <div class=\"aj5-cards-column\">\n\n        <!-- STEP 01 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:1\" data-step=\"01\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">01<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 01<\/span>\n                  <span class=\"aj5-category-label\">DISCOVER<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                  <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                  <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n                  <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Understand<\/h3>\n            <p class=\"aj5-desc\">\n              We explore your business goals, user needs, existing challenges,\n              and opportunities to define what success looks like.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">A clear project vision<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- STEP 02 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:2\" data-step=\"02\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">02<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 02<\/span>\n                  <span class=\"aj5-category-label\">STRATEGIZE<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                  <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Plan<\/h3>\n            <p class=\"aj5-desc\">\n              We define the architecture, technology stack, roadmap,\n              priorities, and milestones before development begins.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">A practical delivery roadmap<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- STEP 03 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:3\" data-step=\"03\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">03<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 03<\/span>\n                  <span class=\"aj5-category-label\">ENGINEER<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n                  <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Build<\/h3>\n            <p class=\"aj5-desc\">\n              Our team builds scalable applications, intuitive interfaces,\n              integrations, and reliable backend services.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">A working digital solution<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- STEP 04 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:4\" data-step=\"04\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">04<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 04<\/span>\n                  <span class=\"aj5-category-label\">QUALITY ASSURANCE<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                  <polyline points=\"9 12 11 14 15 10\"><\/polyline>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Validate<\/h3>\n            <p class=\"aj5-desc\">\n              We test functionality, performance, usability, and security\n              to identify issues and improve reliability before launch.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">A tested, reliable product<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- STEP 05 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:5\" data-step=\"05\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">05<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 05<\/span>\n                  <span class=\"aj5-category-label\">GO LIVE<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Deploy<\/h3>\n            <p class=\"aj5-desc\">\n              We release your solution to production with deployment\n              planning, environment configuration, and launch support.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">A production-ready launch<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- STEP 06 -->\n        <article class=\"aj5-stack-card\" style=\"--step-index:6\" data-step=\"06\">\n          <div class=\"aj5-card-top-stripe\"><\/div>\n          <div class=\"aj5-card-inner\">\n            <div class=\"aj5-card-top\">\n              <div class=\"aj5-badge-group\">\n                <span class=\"aj5-num-badge\">06<\/span>\n                <div class=\"aj5-phase-meta\">\n                  <span class=\"aj5-phase-label\">PHASE 06<\/span>\n                  <span class=\"aj5-category-label\">CONTINUOUS GROWTH<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"aj5-icon-tile\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n                  <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n                  <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n                <\/svg>\n              <\/div>\n            <\/div>\n            <h3 class=\"aj5-title\">Scale<\/h3>\n            <p class=\"aj5-desc\">\n              We monitor performance, gather feedback, introduce improvements,\n              and evolve your solution as your business grows.\n            <\/p>\n            <div class=\"aj5-outcome-box\">\n              <span class=\"aj5-outcome-arrow\">\u2197<\/span>\n              <div>\n                <span class=\"aj5-outcome-tag\">KEY OUTCOME<\/span>\n                <strong class=\"aj5-outcome-text\">Long-term business value<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <!-- CTA BANNER -->\n    <div class=\"aj5-cta\">\n      <div class=\"aj5-cta-decoration\"><\/div>\n      <div class=\"aj5-cta-copy\">\n        <span>LET'S BUILD SOMETHING MEANINGFUL<\/span>\n        <h3>Have an idea? <em>Let's bring it to life.<\/em><\/h3>\n        <p>\n          Tell us what you're building. We'll help you find the right way forward.\n        <\/p>\n      <\/div>\n      <a class=\"aj5-cta-button\" href=\"https:\/\/web.annulartechnologies.com\/staging\/#\">\n        Talk to Our Experts <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   ANNULAR DELIVERY JOURNEY \u2014 ROBOTO TYPOGRAPHY\n   ========================================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');\n\n.annular-journey-v5,\n.annular-journey-v5 *,\n.annular-journey-v5 *::before,\n.annular-journey-v5 *::after {\n  box-sizing: border-box;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n\n.annular-journey-v5 {\n  --aj5-ink: #0f172a;\n  --aj5-muted: #64748b;\n  --aj5-border: #e2e5e9;\n  --aj5-soft-bg: #f8fafc;\n  --aj5-neutral: #6b7280;\n  --aj5-neutral-light: #f3f4f6;\n\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  padding: 100px 24px 90px;\n  background:\n    radial-gradient(ellipse at 0% 12%, rgba(100,116,139,.035), transparent 40%),\n    radial-gradient(ellipse at 100% 60%, rgba(100,116,139,.025), transparent 40%),\n    #ffffff;\n  color: var(--aj5-ink);\n}\n\n\/* SHARED HEADING SCALE *\/\n\n.annular-journey-v5 h1 {\n  font-size: clamp(34px, 4vw, 48px) !important;\n  line-height: 1.15 !important;\n  font-weight: 800 !important;\n  letter-spacing: -1.2px !important;\n}\n\n.annular-journey-v5 h2 {\n  font-size: clamp(28px, 3.2vw, 38px) !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.8px !important;\n}\n\n.annular-journey-v5 h3 {\n  font-size: clamp(21px, 2.4vw, 26px) !important;\n  line-height: 1.3 !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.4px !important;\n}\n\n.annular-journey-v5 h4 {\n  font-size: clamp(17px, 2vw, 20px) !important;\n  line-height: 1.4 !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.2px !important;\n}\n\n.annular-journey-v5 .aj5-container {\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n\/* SECTION HEADER *\/\n\n.annular-journey-v5 .aj5-header {\n  display: block;\n  width: 100%;\n  max-width: 780px;\n  margin: 0 auto 70px;\n  text-align: center;\n}\n\n.annular-journey-v5 .aj5-header > .aj5-eyebrow {\n  display: inline-flex;\n  width: auto;\n  max-width: 100%;\n}\n\n.annular-journey-v5 .aj5-header > h2,\n.annular-journey-v5 .aj5-header > p {\n  display: block;\n  width: 100%;\n}\n\n.annular-journey-v5 .aj5-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  color: #525b66;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2.6px;\n}\n\n.annular-journey-v5 .aj5-eyebrow-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #737b85;\n  box-shadow: 0 0 0 5px rgba(115,123,133,.12);\n}\n\n.annular-journey-v5 .aj5-header h2 {\n  margin: 0 0 20px;\n  color: var(--aj5-ink);\n  font-size: clamp(28px, 3.2vw, 38px) !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.8px !important;\n}\n\n.annular-journey-v5 .aj5-header h2 span {\n  background: linear-gradient(\n    90deg,\n    #0052ff 0%,\n    #6c63ff 50%,\n    #a855f7 100%\n  );\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.annular-journey-v5 .aj5-header > p {\n  max-width: 640px;\n  margin: 0 auto;\n  color: var(--aj5-muted);\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* TWO-COLUMN LAYOUT *\/\n\n.annular-journey-v5 .aj5-split-layout {\n  display: grid;\n  grid-template-columns: 1fr 1.18fr;\n  gap: 56px;\n  align-items: start;\n  margin-bottom: 90px;\n}\n\n\/* LEFT IMAGE *\/\n\n.annular-journey-v5 .aj5-media-column {\n  position: relative;\n  height: 100%;\n}\n\n.annular-journey-v5 .aj5-sticky-media-box {\n  position: sticky;\n  top: 100px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.annular-journey-v5 .aj5-image-placeholder {\n  position: relative;\n  width: 100%;\n  min-height: 440px;\n  border-radius: 26px;\n  overflow: hidden;\n  border: 1.5px solid var(--aj5-border);\n  background: #f8fafc;\n  box-shadow: 0 16px 40px -10px rgba(16,27,53,.08);\n}\n\n.annular-journey-v5 .aj5-featured-image {\n  width: 100%;\n  height: 100%;\n  min-height: 440px;\n  object-fit: cover;\n  display: block;\n}\n\n.annular-journey-v5 .aj5-media-badge {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: 30px;\n  background: rgba(15,23,42,.85);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  color: #ffffff;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n}\n\n.annular-journey-v5 .aj5-pulse-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #22c55e;\n  box-shadow: 0 0 0 4px rgba(34,197,94,.3);\n}\n\n.annular-journey-v5 .aj5-media-caption h4 {\n  margin: 0 0 8px;\n  font-size: 20px !important;\n  line-height: 1.4 !important;\n  font-weight: 700 !important;\n  color: var(--aj5-ink);\n  letter-spacing: -0.2px !important;\n}\n\n.annular-journey-v5 .aj5-media-caption p {\n  margin: 0;\n  color: var(--aj5-muted);\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\/* RIGHT CARD TRACK *\/\n\n.annular-journey-v5 .aj5-cards-column {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 70px;\n  padding-bottom: 60px;\n}\n\n\/* STACKING CARDS *\/\n\n.annular-journey-v5 .aj5-stack-card {\n  position: sticky;\n  top: 90px;\n  z-index: var(--step-index);\n  width: 100%;\n  border-radius: 24px;\n  border: 1px solid #e2e5e9;\n  background: #ffffff;\n  overflow: hidden;\n  box-shadow:\n    0 -6px 20px -3px rgba(16,27,53,.025),\n    0 16px 36px -6px rgba(16,27,53,.07);\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    filter .08s linear,\n    opacity .08s linear;\n  filter: blur(var(--aj5-card-blur, 8px));\n  opacity: var(--aj5-card-opacity, 0.20);\n  will-change: filter, opacity;\n}\n\n.annular-journey-v5 .aj5-stack-card.aj5-card-current {\n  filter: blur(0);\n  opacity: 1;\n}\n\n.annular-journey-v5 .aj5-stack-card:hover {\n  transform: translateY(-3px);\n  box-shadow:\n    0 -8px 24px -3px rgba(16,27,53,.035),\n    0 22px 46px -8px rgba(16,27,53,.10);\n}\n\n\/* TOP STRIPE \u2014 ONLY ADDITION: BLUE LINE GROWS WITH SCROLL REVEAL *\/\n\n.annular-journey-v5 .aj5-card-top-stripe {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  overflow: hidden;\n  background: #d1d5db;\n}\n\n.annular-journey-v5 .aj5-card-top-stripe::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: var(--aj5-card-progress, 0%);\n  height: 100%;\n  background: #0052ff;\n  transition: width 0.08s linear;\n}\n\n.annular-journey-v5 .aj5-card-inner {\n  padding: 34px 38px 30px;\n}\n\n\/* NUMBER AND PHASE *\/\n\n.annular-journey-v5 .aj5-card-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 20px;\n}\n\n.annular-journey-v5 .aj5-badge-group {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.annular-journey-v5 .aj5-num-badge {\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: #f0f1f3;\n  color: #303640;\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: -.02em;\n  box-shadow: none;\n  border: 1px solid #e1e3e6;\n  flex-shrink: 0;\n}\n\n.annular-journey-v5 .aj5-phase-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.annular-journey-v5 .aj5-phase-label {\n  color: #8492aa;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n}\n\n.annular-journey-v5 .aj5-category-label {\n  color: #555e69;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.6px;\n}\n\n\/* NEUTRAL ICON TILE *\/\n\n.annular-journey-v5 .aj5-icon-tile {\n  display: grid;\n  place-items: center;\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n  background: #f3f4f6;\n  color: #555e69;\n  flex-shrink: 0;\n  border: 1px solid #e2e5e9;\n  transition: transform .25s ease, background-color .25s ease;\n}\n\n.annular-journey-v5 .aj5-stack-card:hover .aj5-icon-tile {\n  transform: scale(1.05);\n  background: #eceef1;\n}\n\n.annular-journey-v5 .aj5-icon-tile svg {\n  width: 22px;\n  height: 22px;\n}\n\n\/* CARD TITLES AND DESCRIPTIONS *\/\n\n.annular-journey-v5 .aj5-title {\n  margin: 0 0 12px;\n  font-size: clamp(21px, 2.4vw, 26px) !important;\n  line-height: 1.3 !important;\n  font-weight: 700 !important;\n  color: var(--aj5-ink);\n  letter-spacing: -0.4px !important;\n}\n\n.annular-journey-v5 .aj5-desc {\n  margin: 0 0 24px;\n  color: var(--aj5-muted);\n  font-size: 15px;\n  line-height: 1.75;\n}\n\n\/* OUTCOME BOX *\/\n\n.annular-journey-v5 .aj5-outcome-box {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 16px;\n  border-radius: 12px;\n  background: #f8f9fa;\n  border: 1px solid #e2e5e9;\n}\n\n.annular-journey-v5 .aj5-outcome-arrow {\n  display: grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  background: #e9ebee;\n  color: #505862;\n  font-size: 16px;\n  font-weight: 800;\n  flex-shrink: 0;\n}\n\n.annular-journey-v5 .aj5-outcome-box div {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.annular-journey-v5 .aj5-outcome-tag {\n  color: #71809a;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n}\n\n.annular-journey-v5 .aj5-outcome-text {\n  color: #374151;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* CTA BANNER *\/\n\n.annular-journey-v5 .aj5-cta {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  padding: 44px 48px;\n  border-radius: 24px;\n  background: linear-gradient(115deg, #101b35 0%, #123b8a 56%, #175cff 100%);\n  box-shadow: 0 22px 50px rgba(18,59,138,.16);\n  overflow: hidden;\n}\n\n.annular-journey-v5 .aj5-cta-decoration {\n  position: absolute;\n  top: -110px;\n  right: 170px;\n  width: 300px;\n  height: 300px;\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.annular-journey-v5 .aj5-cta-copy {\n  position: relative;\n  z-index: 1;\n}\n\n.annular-journey-v5 .aj5-cta-copy > span {\n  display: block;\n  margin-bottom: 12px;\n  color: #bbd4ff;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 2px;\n}\n\n.annular-journey-v5 .aj5-cta-copy h3 {\n  margin: 0 0 10px;\n  color: #ffffff;\n  font-size: clamp(23px, 2.8vw, 32px) !important;\n  font-weight: 700 !important;\n  line-height: 1.3 !important;\n  letter-spacing: -0.4px !important;\n}\n\n.annular-journey-v5 .aj5-cta-copy h3 em {\n  color: #bbd4ff;\n  font-style: normal;\n}\n\n.annular-journey-v5 .aj5-cta-copy p {\n  margin: 0;\n  color: rgba(255,255,255,.8);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.annular-journey-v5 .aj5-cta-button {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 200px;\n  padding: 16px 22px;\n  flex-shrink: 0;\n  border-radius: 12px;\n  background: #ffffff;\n  color: #123b8a !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition: background .25s ease, transform .25s ease;\n}\n\n.annular-journey-v5 .aj5-cta-button:hover {\n  transform: translateY(-2px);\n  background: #eaf2ff;\n}\n\n.annular-journey-v5 .aj5-cta-button:focus-visible {\n  outline: 3px solid #93c5fd;\n  outline-offset: 4px;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 992px) {\n  .annular-journey-v5 {\n    padding: 80px 24px;\n  }\n\n  .annular-journey-v5 .aj5-split-layout {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .annular-journey-v5 .aj5-sticky-media-box {\n    position: relative;\n    top: 0;\n  }\n\n  .annular-journey-v5 .aj5-image-placeholder,\n  .annular-journey-v5 .aj5-featured-image {\n    min-height: 320px;\n  }\n\n  .annular-journey-v5 .aj5-stack-card {\n    top: 75px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 600px) {\n  .annular-journey-v5 {\n    padding: 60px 16px;\n  }\n\n  .annular-journey-v5 .aj5-header {\n    margin-bottom: 44px;\n  }\n\n  .annular-journey-v5 .aj5-header h2 {\n    font-size: clamp(28px, 7vw, 34px) !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.6px !important;\n  }\n\n  .annular-journey-v5 .aj5-header > p {\n    font-size: 15px;\n  }\n\n  .annular-journey-v5 .aj5-card-inner {\n    padding: 24px 20px 22px;\n  }\n\n  .annular-journey-v5 .aj5-stack-card {\n    top: 65px;\n    border-radius: 18px;\n  }\n\n  .annular-journey-v5 .aj5-title {\n    font-size: 22px !important;\n  }\n\n  .annular-journey-v5 .aj5-cta {\n    padding: 30px 22px;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .annular-journey-v5 .aj5-cta-button {\n    width: 100%;\n  }\n\n  .annular-journey-v5 .aj5-media-badge {\n    left: 12px;\n    bottom: 12px;\n    font-size: 9px;\n    letter-spacing: 0.8px;\n  }\n}\n\n\/* ACCESSIBILITY: REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .annular-journey-v5 .aj5-stack-card {\n    position: relative !important;\n    top: 0 !important;\n    filter: none !important;\n    opacity: 1 !important;\n    will-change: auto;\n    transition: none !important;\n  }\n\n  .annular-journey-v5 .aj5-stack-card:hover,\n  .annular-journey-v5 .aj5-cta-button:hover {\n    transform: none !important;\n  }\n\n  .annular-journey-v5 .aj5-icon-tile {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initDeliveryJourneyCards() {\n    const section = document.querySelector(\n      '.annular-journey-v5#delivery-process'\n    );\n\n    if (!section || section.dataset.cardFocusInitialized === 'true') {\n      return;\n    }\n\n    const cards = Array.from(\n      section.querySelectorAll('.aj5-stack-card')\n    );\n\n    if (!cards.length) return;\n\n    section.dataset.cardFocusInitialized = 'true';\n\n    const reducedMotion = window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    );\n\n    let ticking = false;\n\n    function clamp(value, min, max) {\n      return Math.max(min, Math.min(max, value));\n    }\n\n    function smoothStep(value) {\n      return value * value * (3 - 2 * value);\n    }\n\n    function updateCards() {\n      ticking = false;\n\n      if (reducedMotion.matches) {\n        cards.forEach(function (card) {\n          card.classList.remove('aj5-card-current');\n          card.style.removeProperty('--aj5-card-blur');\n          card.style.removeProperty('--aj5-card-opacity');\n          card.style.setProperty('--aj5-card-progress', '100%');\n        });\n        return;\n      }\n\n      const stickyTop =\n        window.innerWidth <= 600 ? 65 :\n        window.innerWidth <= 992 ? 75 : 90;\n\n      const focusY = stickyTop + 12;\n      const revealDistance = 350;\n\n      let currentCard = null;\n      let highestStep = -1;\n\n      cards.forEach(function (card) {\n        const rect = card.getBoundingClientRect();\n\n        \/*\n         * Cards start blurred and partially transparent.\n         * Scrolling progressively reveals each card until\n         * it reaches its original, fully clear appearance.\n         *\/\n        const progress = smoothStep(\n          clamp(\n            (focusY + revealDistance - rect.top) \/ revealDistance,\n            0,\n            1\n          )\n        );\n\n        const blur = 8 * (1 - progress);\n        const opacity = 0.20 + (0.80 * progress);\n\n        card.style.setProperty(\n          '--aj5-card-blur',\n          blur.toFixed(2) + 'px'\n        );\n\n        card.style.setProperty(\n          '--aj5-card-opacity',\n          opacity.toFixed(3)\n        );\n\n        \/* ONLY ADDITION: synchronize blue line with blur progress *\/\n        card.style.setProperty(\n          '--aj5-card-progress',\n          (progress * 100).toFixed(1) + '%'\n        );\n\n        if (rect.top <= focusY + 8 && rect.bottom > focusY) {\n          const step = parseInt(card.dataset.step || '0', 10);\n\n          if (step > highestStep) {\n            highestStep = step;\n            currentCard = card;\n          }\n        }\n      });\n\n      \/* Choose the visible card nearest to the focus point\n         before any card reaches the sticky position. *\/\n      if (!currentCard) {\n        let nearestDistance = Infinity;\n\n        cards.forEach(function (card) {\n          const rect = card.getBoundingClientRect();\n\n          if (rect.bottom <= 0 || rect.top >= window.innerHeight) {\n            return;\n          }\n\n          const distance = Math.abs(rect.top - focusY);\n\n          if (distance < nearestDistance) {\n            nearestDistance = distance;\n            currentCard = card;\n          }\n        });\n      }\n\n      cards.forEach(function (card) {\n        card.classList.toggle(\n          'aj5-card-current',\n          card === currentCard\n        );\n      });\n    }\n\n    function requestUpdate() {\n      if (ticking) return;\n\n      ticking = true;\n      window.requestAnimationFrame(updateCards);\n    }\n\n    window.addEventListener('scroll', requestUpdate, {\n      passive: true\n    });\n\n    window.addEventListener('resize', requestUpdate);\n\n    if (reducedMotion.addEventListener) {\n      reducedMotion.addEventListener('change', requestUpdate);\n    } else if (reducedMotion.addListener) {\n      reducedMotion.addListener(requestUpdate);\n    }\n\n    requestUpdate();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener(\n      'DOMContentLoaded',\n      initDeliveryJourneyCards\n    );\n  } else {\n    initDeliveryJourneyCards();\n  }\n})();\n<\/script>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#f8fafc;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- =========================================================\n ANNULAR TECHNOLOGIES | GLOBAL PRESENCE\n Realistic 3D Earth + Interactive Office Locations\n WordPress \/ Avada Code Block\n========================================================= -->\n\n<section id=\"annular-presence\">\n\n  <style>\n    #annular-presence {\n      --ap-blue: #4f8cff;\n      --ap-cyan: #86d7ff;\n      --ap-text: #f5f8ff;\n      --ap-muted: #aab8cc;\n\n      position: relative;\n      width: 100%;\n      padding: 42px 18px 28px;\n      overflow: hidden;\n      isolation: isolate;\n      box-sizing: border-box;\n      color: var(--ap-text);\n      font-family: Inter, Arial, sans-serif;\n      background:\n        radial-gradient(\n          ellipse at 50% 45%,\n          #172943 0%,\n          #0b1424 48%,\n          #060b14 100%\n        );\n    }\n\n    #annular-presence *,\n    #annular-presence *::before,\n    #annular-presence *::after {\n      box-sizing: border-box;\n    }\n\n    #annular-presence .ap-container {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      max-width: 1240px;\n      margin: 0 auto;\n    }\n\n    \/* HEADER *\/\n\n    #annular-presence .ap-header {\n      max-width: 760px;\n      margin: 0 auto 22px;\n      text-align: center;\n    }\n\n    #annular-presence .ap-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 12px;\n      color: var(--ap-cyan);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 2.2px;\n      text-transform: uppercase;\n    }\n\n    #annular-presence .ap-eyebrow::before,\n    #annular-presence .ap-eyebrow::after {\n      content: \"\";\n      width: 22px;\n      height: 1px;\n      background: rgba(134, 215, 255, .65);\n    }\n\n    #annular-presence .ap-header h2 {\n      margin: 0 0 11px;\n      color: #fff;\n      font-size: clamp(28px, 3.4vw, 43px);\n      line-height: 1.15;\n      font-weight: 750;\n      letter-spacing: -1.2px;\n    }\n\n    #annular-presence .ap-header h2 span {\n      color: #75b8ff;\n    }\n\n    #annular-presence .ap-header p {\n      max-width: 620px;\n      margin: 0 auto;\n      color: var(--ap-muted);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    \/* LOCATION SELECTOR *\/\n\n    #annular-presence .ap-tabs {\n      position: relative;\n      z-index: 5;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin: 22px auto 18px;\n    }\n\n    #annular-presence .ap-tab {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      min-height: 39px;\n      padding: 9px 14px;\n      border: 1px solid rgba(159, 183, 215, .2);\n      border-radius: 999px;\n      background: rgba(13, 25, 43, .88);\n      color: #d9e4f4;\n      font-family: inherit;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 1.3;\n      cursor: pointer;\n      transition:\n        color .22s ease,\n        background .22s ease,\n        border-color .22s ease,\n        transform .22s ease;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    #annular-presence .ap-tab:hover {\n      border-color: rgba(134, 215, 255, .7);\n      background: rgba(52, 104, 166, .24);\n      color: #fff;\n      transform: translateY(-2px);\n    }\n\n    #annular-presence .ap-tab:focus-visible {\n      outline: 2px solid var(--ap-cyan);\n      outline-offset: 3px;\n    }\n\n    #annular-presence .ap-tab.is-active {\n      border-color: rgba(134, 215, 255, .85);\n      background: linear-gradient(\n        135deg,\n        #3276d9,\n        #2455a6\n      );\n      color: #fff;\n      box-shadow: 0 4px 18px rgba(37, 99, 235, .2);\n    }\n\n    #annular-presence .ap-tab-flag {\n      font-size: 16px;\n      line-height: 1;\n    }\n\n    \/* GLOBE STAGE *\/\n\n    #annular-presence .ap-globe-card {\n      position: relative;\n      width: 100%;\n      border: 1px solid rgba(132, 173, 224, .17);\n      border-radius: 22px;\n      overflow: hidden;\n      isolation: isolate;\n      background:\n        radial-gradient(\n          ellipse at 50% 45%,\n          rgba(31, 67, 111, .34),\n          rgba(9, 18, 33, .1) 58%,\n          rgba(4, 9, 17, .45) 100%\n        );\n      box-shadow:\n        0 22px 65px rgba(0, 0, 0, .22),\n        inset 0 0 50px rgba(70, 130, 200, .035);\n    }\n\n    \/* Subtle background lighting *\/\n\n    #annular-presence .ap-globe-card::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      top: 12%;\n      left: 50%;\n      width: min(70%, 620px);\n      height: 75%;\n      transform: translateX(-50%);\n      border-radius: 50%;\n      background: radial-gradient(\n        ellipse,\n        rgba(53, 113, 184, .12),\n        rgba(28, 68, 119, .035) 52%,\n        transparent 72%\n      );\n      pointer-events: none;\n    }\n\n    #annular-presence .ap-globe {\n      position: relative;\n      width: 100%;\n      height: clamp(360px, 42vw, 500px);\n      overflow: hidden;\n      cursor: grab;\n      touch-action: pan-y;\n      overscroll-behavior: contain;\n    }\n\n    #annular-presence .ap-globe:active {\n      cursor: grabbing;\n    }\n\n    #annular-presence .ap-globe canvas {\n      display: block;\n      max-width: 100%;\n      outline: none;\n    }\n\n    #annular-presence .ap-globe-loading {\n      position: absolute;\n      inset: 0;\n      z-index: 4;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n      color: #b8d9ff;\n      font-size: 13px;\n      text-align: center;\n      pointer-events: none;\n    }\n\n    #annular-presence .ap-globe-loading.is-hidden {\n      display: none;\n    }\n\n    \/* SMALL GLOBE STATUS LABEL *\/\n\n    #annular-presence .ap-globe-label {\n      position: absolute;\n      top: 16px;\n      left: 16px;\n      z-index: 3;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 9px 12px;\n      border: 1px solid rgba(163, 192, 226, .16);\n      border-radius: 9px;\n      background: rgba(5, 13, 25, .72);\n      color: #e0eafa;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: .7px;\n      text-transform: uppercase;\n      backdrop-filter: blur(12px);\n      pointer-events: none;\n    }\n\n    #annular-presence .ap-status-dot {\n      width: 7px;\n      height: 7px;\n      flex: 0 0 7px;\n      border-radius: 50%;\n      background: #70d9bd;\n      box-shadow: 0 0 9px rgba(112, 217, 189, .6);\n    }\n\n    \/* LEGEND *\/\n\n    #annular-presence .ap-route-legend {\n      position: absolute;\n      right: 15px;\n      bottom: 15px;\n      z-index: 3;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 9px 15px;\n      max-width: calc(100% - 30px);\n      padding: 10px 12px;\n      border: 1px solid rgba(148, 163, 184, .17);\n      border-radius: 10px;\n      background: rgba(5, 12, 24, .82);\n      color: #dce8f7;\n      font-size: 10px;\n      backdrop-filter: blur(12px);\n      pointer-events: none;\n    }\n\n    #annular-presence .ap-legend-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n    }\n\n    #annular-presence .ap-route-sample {\n      display: inline-block;\n      width: 23px;\n      border-top: 2px dashed #86d7ff;\n    }\n\n    #annular-presence .ap-location-sample {\n      width: 7px;\n      height: 7px;\n      flex: 0 0 7px;\n      border-radius: 50%;\n      background: #91cfff;\n      box-shadow: 0 0 8px #60a5fa;\n    }\n\n    \/* LOCATION SELECTED STATUS \u2014 NO DETAIL CARD *\/\n\n    #annular-presence .ap-selection {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      min-height: 34px;\n      margin: 13px 0 0;\n      color: #aebed3;\n      font-size: 12px;\n      text-align: center;\n    }\n\n    #annular-presence .ap-selection-flag {\n      font-size: 17px;\n      line-height: 1;\n    }\n\n    #annular-presence .ap-selection-name {\n      color: #eaf3ff;\n      font-weight: 600;\n    }\n\n    #annular-presence .ap-selection-separator {\n      width: 3px;\n      height: 3px;\n      border-radius: 50%;\n      background: #70849e;\n    }\n\n    #annular-presence .ap-footer-note {\n      margin: 7px 0 0;\n      color: #8192a9;\n      font-size: 10px;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* TABLET *\/\n\n    @media (max-width: 767px) {\n      #annular-presence {\n        padding: 32px 12px 24px;\n      }\n\n      #annular-presence .ap-header {\n        margin-bottom: 18px;\n      }\n\n      #annular-presence .ap-header h2 {\n        letter-spacing: -.7px;\n      }\n\n      #annular-presence .ap-header p {\n        font-size: 13px;\n      }\n\n      #annular-presence .ap-tabs {\n        gap: 7px;\n        margin: 18px auto 14px;\n      }\n\n      #annular-presence .ap-tab {\n        min-height: 36px;\n        padding: 8px 11px;\n        gap: 6px;\n        font-size: 11px;\n      }\n\n      #annular-presence .ap-globe-card {\n        border-radius: 16px;\n      }\n\n      #annular-presence .ap-globe {\n        height: 340px;\n      }\n\n      #annular-presence .ap-globe-label {\n        top: 10px;\n        left: 10px;\n        padding: 8px 9px;\n        font-size: 9px;\n      }\n\n      #annular-presence .ap-route-legend {\n        right: 8px;\n        bottom: 8px;\n        left: 8px;\n        justify-content: center;\n        gap: 7px 11px;\n        max-width: none;\n        padding: 8px;\n        font-size: 9px;\n      }\n\n      #annular-presence .ap-selection {\n        gap: 7px;\n        font-size: 11px;\n      }\n    }\n\n    @media (max-width: 380px) {\n      #annular-presence .ap-globe {\n        height: 285px;\n      }\n\n      #annular-presence .ap-tab {\n        padding: 8px 9px;\n        font-size: 10px;\n      }\n\n      #annular-presence .ap-route-legend {\n        gap: 6px 9px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #annular-presence .ap-tab {\n        transition: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"ap-container\">\n\n    <!-- HEADER -->\n\n    <header class=\"ap-header\">\n      <span class=\"ap-eyebrow\">Our Global Presence<\/span>\n\n      <h2>\n        Connecting Businesses\n        <span>Worldwide<\/span>\n      <\/h2>\n\n      <p>\n        Connecting people, ideas, and technology across borders.\n        Explore our international locations and connections.\n      <\/p>\n    <\/header>\n\n    <!-- LOCATION TABS -->\n\n    <nav class=\"ap-tabs\" aria-label=\"Select a global office\">\n\n      <button\n        class=\"ap-tab ap-global-tab\"\n        type=\"button\"\n        data-place=\"global\"\n        aria-pressed=\"false\">\n        <span class=\"ap-tab-flag\">\ud83c\udf10<\/span>\n        Global View\n      <\/button>\n\n      <button\n        class=\"ap-tab is-active\"\n        type=\"button\"\n        data-place=\"chennai\"\n        aria-pressed=\"true\">\n        <span class=\"ap-tab-flag\">\ud83c\uddee\ud83c\uddf3<\/span>\n        Chennai, India\n      <\/button>\n\n      <button\n        class=\"ap-tab\"\n        type=\"button\"\n        data-place=\"cerritos\"\n        aria-pressed=\"false\">\n        <span class=\"ap-tab-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\n        Cerritos, USA\n      <\/button>\n\n      <button\n        class=\"ap-tab\"\n        type=\"button\"\n        data-place=\"oslo\"\n        aria-pressed=\"false\">\n        <span class=\"ap-tab-flag\">\ud83c\uddf3\ud83c\uddf4<\/span>\n        Oslo, Norway\n      <\/button>\n\n      <button\n        class=\"ap-tab\"\n        type=\"button\"\n        data-place=\"dubai\"\n        aria-pressed=\"false\">\n        <span class=\"ap-tab-flag\">\ud83c\udde6\ud83c\uddea<\/span>\n        Dubai, UAE\n      <\/button>\n\n      <button\n        class=\"ap-tab\"\n        type=\"button\"\n        data-place=\"manama\"\n        aria-pressed=\"false\">\n        <span class=\"ap-tab-flag\">\ud83c\udde7\ud83c\udded<\/span>\n        Manama, Bahrain\n      <\/button>\n\n    <\/nav>\n\n    <!-- REALISTIC 3D EARTH -->\n\n    <div class=\"ap-globe-card\">\n\n      <div\n        class=\"ap-globe\"\n        id=\"ap-globe\"\n        role=\"group\"\n        aria-label=\"Interactive 3D Earth. Select a location marker to explore.\"\n      >\n        <div class=\"ap-globe-loading\" id=\"ap-globe-loading\">\n          Preparing your interactive Earth\u2026\n        <\/div>\n      <\/div>\n\n      <div class=\"ap-globe-label\">\n        <span class=\"ap-status-dot\"><\/span>\n        Global Network\n      <\/div>\n\n      <div class=\"ap-route-legend\">\n        <span class=\"ap-legend-item\">\n          <span class=\"ap-route-sample\"><\/span>\n          International connections\n        <\/span>\n\n        <span class=\"ap-legend-item\">\n          <span class=\"ap-location-sample\"><\/span>\n          Locations\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- COMPACT LOCATION STATUS; NO DETAIL CARD -->\n\n    <div class=\"ap-selection\" id=\"ap-location-status\" aria-live=\"polite\">\n      <span class=\"ap-selection-flag\" id=\"ap-info-flag\">\ud83c\uddee\ud83c\uddf3<\/span>\n      <span class=\"ap-selection-name\" id=\"ap-info-title\">\n        Chennai, India\n      <\/span>\n      <span class=\"ap-selection-separator\"><\/span>\n      <span id=\"ap-info-description\">\n        Technology and digital innovation\n      <\/span>\n    <\/div>\n\n    <p class=\"ap-footer-note\">\n      Dotted lines illustrate international connectivity, not live travel routes.\n    <\/p>\n\n  <\/div>\n\n  <!-- Globe.gl library -->\n\n  <script src=\"https:\/\/unpkg.com\/globe.gl\"><\/script>\n\n  <script>\n    (function () {\n      \"use strict\";\n\n      const root = document.getElementById(\"annular-presence\");\n\n      if (!root || root.dataset.initialized === \"true\") return;\n      root.dataset.initialized = \"true\";\n\n      const globeElement = root.querySelector(\"#ap-globe\");\n      const loadingElement = root.querySelector(\"#ap-globe-loading\");\n      const tabs = Array.from(root.querySelectorAll(\"[data-place]\"));\n\n      const infoFlag = root.querySelector(\"#ap-info-flag\");\n      const infoTitle = root.querySelector(\"#ap-info-title\");\n      const infoDescription = root.querySelector(\"#ap-info-description\");\n\n      const reducedMotion = Boolean(\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n      );\n\n      const isTouchDevice = Boolean(\n        window.matchMedia &&\n        window.matchMedia(\"(pointer: coarse)\").matches\n      );\n\n      const places = [\n        {\n          id: \"chennai\",\n          name: \"Chennai, India\",\n          shortDescription: \"Technology and digital innovation\",\n          flag: \"\ud83c\uddee\ud83c\uddf3\",\n          lat: 13.0827,\n          lng: 80.2707,\n          altitude: 1.75\n        },\n        {\n          id: \"cerritos\",\n          name: \"Cerritos, California, USA\",\n          shortDescription: \"North American connections\",\n          flag: \"\ud83c\uddfa\ud83c\uddf8\",\n          lat: 33.8583,\n          lng: -118.0648,\n          altitude: 1.7\n        },\n        {\n          id: \"oslo\",\n          name: \"Oslo, Norway\",\n          shortDescription: \"European connections\",\n          flag: \"\ud83c\uddf3\ud83c\uddf4\",\n          lat: 59.9139,\n          lng: 10.7522,\n          altitude: 1.7\n        },\n        {\n          id: \"dubai\",\n          name: \"Dubai, UAE\",\n          shortDescription: \"Middle East connections\",\n          flag: \"\ud83c\udde6\ud83c\uddea\",\n          lat: 25.2048,\n          lng: 55.2708,\n          altitude: 1.7\n        },\n        {\n          id: \"manama\",\n          name: \"Manama, Bahrain\",\n          shortDescription: \"Regional business connections\",\n          flag: \"\ud83c\udde7\ud83c\udded\",\n          lat: 26.2285,\n          lng: 50.5860,\n          altitude: 1.7\n        }\n      ];\n\n      let globe = null;\n      let resizeObserver = null;\n      let rotationTimer = null;\n      let destroyed = false;\n\n      function getPlace(id) {\n        return places.find(function (place) {\n          return place.id === id;\n        });\n      }\n\n      \/* Great-circle distance for proportional arc heights *\/\n\n      function getAngularDistance(start, end) {\n        const rad = Math.PI \/ 180;\n        const lat1 = start.lat * rad;\n        const lat2 = end.lat * rad;\n        const deltaLat = (end.lat - start.lat) * rad;\n        const deltaLng = (end.lng - start.lng) * rad;\n\n        const a =\n          Math.sin(deltaLat \/ 2) ** 2 +\n          Math.cos(lat1) *\n          Math.cos(lat2) *\n          Math.sin(deltaLng \/ 2) ** 2;\n\n        return 2 * Math.atan2(\n          Math.sqrt(Math.max(0, a)),\n          Math.sqrt(Math.max(0, 1 - a))\n        );\n      }\n\n      function createConnection(fromId, toId) {\n        const start = getPlace(fromId);\n        const end = getPlace(toId);\n        const distance = getAngularDistance(start, end);\n\n        return {\n          startLat: start.lat,\n          startLng: start.lng,\n          endLat: end.lat,\n          endLng: end.lng,\n          altitude: Math.max(\n            0.12,\n            Math.min(0.38, distance * 0.14)\n          )\n        };\n      }\n\n      function updateDetails(place) {\n        if (!place) return;\n\n        infoFlag.textContent = place.flag;\n        infoTitle.textContent = place.name;\n        infoDescription.textContent = place.shortDescription;\n      }\n\n      function updateActiveTab(id) {\n        tabs.forEach(function (tab) {\n          const active = tab.dataset.place === id;\n\n          tab.classList.toggle(\"is-active\", active);\n          tab.setAttribute(\"aria-pressed\", String(active));\n        });\n      }\n\n      function stopAutoRotation() {\n        if (rotationTimer) {\n          clearTimeout(rotationTimer);\n          rotationTimer = null;\n        }\n\n        if (!globe) return;\n\n        const controls = globe.controls();\n        if (controls) controls.autoRotate = false;\n      }\n\n      function resumeAutoRotation() {\n        if (!globe || reducedMotion || destroyed) return;\n\n        if (rotationTimer) clearTimeout(rotationTimer);\n\n        rotationTimer = setTimeout(function () {\n          if (!globe || destroyed) return;\n\n          const controls = globe.controls();\n\n          if (controls) {\n            controls.autoRotate = !document.hidden;\n            controls.autoRotateSpeed = 0.22;\n          }\n        }, 3500);\n      }\n\n      function moveTo(lat, lng, altitude, duration) {\n        if (!globe) return;\n\n        stopAutoRotation();\n\n        globe.pointOfView(\n          {\n            lat: lat,\n            lng: lng,\n            altitude: altitude\n          },\n          reducedMotion ? 0 : duration\n        );\n\n        resumeAutoRotation();\n      }\n\n      function selectLocation(place) {\n        if (!place) return;\n\n        updateDetails(place);\n        updateActiveTab(place.id);\n\n        moveTo(place.lat, place.lng, place.altitude, 1000);\n      }\n\n      function showGlobalView() {\n        updateActiveTab(\"global\");\n\n        infoFlag.textContent = \"\ud83c\udf10\";\n        infoTitle.textContent = \"Global View\";\n        infoDescription.textContent = \"Explore our international connections\";\n\n        moveTo(22, 35, 2.35, 1100);\n      }\n\n      tabs.forEach(function (tab) {\n        tab.addEventListener(\"click\", function () {\n          const id = tab.dataset.place;\n\n          if (id === \"global\") {\n            showGlobalView();\n          } else {\n            selectLocation(getPlace(id));\n          }\n        });\n      });\n\n      \/* Clean, clickable office markers *\/\n\n      function makeMarkerElement(place) {\n        const wrapper = document.createElement(\"button\");\n\n        wrapper.type = \"button\";\n        wrapper.setAttribute(\"aria-label\", \"Explore \" + place.name);\n        wrapper.title = place.name;\n\n        wrapper.style.cssText = [\n          \"display:flex\",\n          \"align-items:center\",\n          \"flex-direction:column\",\n          \"justify-content:center\",\n          \"gap:3px\",\n          \"padding:0\",\n          \"border:0\",\n          \"background:transparent\",\n          \"cursor:pointer\",\n          \"pointer-events:auto\",\n          \"font-family:Arial,sans-serif\"\n        ].join(\";\");\n\n        const pin = document.createElement(\"span\");\n        pin.textContent = place.flag;\n\n        pin.style.cssText = [\n          \"width:32px\",\n          \"height:32px\",\n          \"display:flex\",\n          \"align-items:center\",\n          \"justify-content:center\",\n          \"border-radius:50%\",\n          \"font-size:19px\",\n          \"background:rgba(6,15,29,.96)\",\n          \"border:1.5px solid rgba(134,215,255,.95)\",\n          \"box-shadow:0 0 12px rgba(86,174,255,.35)\",\n          \"transition:transform .2s ease,box-shadow .2s ease\"\n        ].join(\";\");\n\n        const dot = document.createElement(\"span\");\n\n        dot.style.cssText = [\n          \"width:5px\",\n          \"height:5px\",\n          \"border-radius:50%\",\n          \"background:#86d7ff\",\n          \"box-shadow:0 0 8px #60a5fa\"\n        ].join(\";\");\n\n        wrapper.appendChild(pin);\n        wrapper.appendChild(dot);\n\n        wrapper.addEventListener(\"mouseenter\", function () {\n          pin.style.transform = \"scale(1.12)\";\n          pin.style.boxShadow = \"0 0 19px rgba(86,174,255,.75)\";\n        });\n\n        wrapper.addEventListener(\"mouseleave\", function () {\n          pin.style.transform = \"scale(1)\";\n          pin.style.boxShadow = \"0 0 12px rgba(86,174,255,.35)\";\n        });\n\n        wrapper.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          event.stopPropagation();\n          selectLocation(place);\n        });\n\n        return wrapper;\n      }\n\n      function initializeGlobe() {\n        if (destroyed || !globeElement || !globeElement.clientWidth) {\n          return;\n        }\n\n        if (typeof window.Globe !== \"function\") {\n          loadingElement.textContent =\n            \"The Earth visualization could not load. Please check the network or script settings.\";\n          return;\n        }\n\n        try {\n          const connections = [\n            createConnection(\"chennai\", \"cerritos\"),\n            createConnection(\"chennai\", \"oslo\"),\n            createConnection(\"chennai\", \"dubai\"),\n            createConnection(\"chennai\", \"manama\"),\n            createConnection(\"dubai\", \"manama\"),\n            createConnection(\"oslo\", \"cerritos\")\n          ];\n\n          globe = window.Globe()(globeElement)\n            .width(globeElement.clientWidth)\n            .height(globeElement.clientHeight)\n            .backgroundColor(\"rgba(0,0,0,0)\")\n\n            \/* Higher-detail Earth imagery *\/\n\n            .globeImageUrl(\n              \"https:\/\/unpkg.com\/three-globe\/example\/img\/earth-blue-marble.jpg\"\n            )\n            .bumpImageUrl(\n              \"https:\/\/unpkg.com\/three-globe\/example\/img\/earth-topology.png\"\n            )\n            .showAtmosphere(true)\n            .atmosphereColor(\"#73bdff\")\n            .atmosphereAltitude(0.18)\n            .showGraticules(false)\n\n            \/* Static, softly colored international arcs *\/\n\n            .arcsData(connections)\n            .arcStartLat(\"startLat\")\n            .arcStartLng(\"startLng\")\n            .arcEndLat(\"endLat\")\n            .arcEndLng(\"endLng\")\n            .arcColor(function () {\n              return [\n                \"rgba(134,215,255,0.9)\",\n                \"rgba(79,140,255,0.65)\"\n              ];\n            })\n            .arcAltitude(\"altitude\")\n            .arcCurveResolution(64)\n            .arcStroke(0.65)\n            .arcDashLength(0.28)\n            .arcDashGap(0.16)\n            .arcDashInitialGap(function (arc, index) {\n              return (index * 0.17) % 1;\n            })\n            .arcDashAnimateTime(0)\n            .arcsTransitionDuration(0)\n\n            \/* Location dots *\/\n\n            .pointsData(places)\n            .pointLat(\"lat\")\n            .pointLng(\"lng\")\n            .pointColor(function () {\n              return \"#a8e2ff\";\n            })\n            .pointRadius(0.22)\n            .pointAltitude(0.009)\n            .pointResolution(12)\n            .pointLabel(function () {\n              return \"\";\n            })\n\n            \/* Interactive flags *\/\n\n            .htmlElementsData(places)\n            .htmlLat(\"lat\")\n            .htmlLng(\"lng\")\n            .htmlAltitude(0.022)\n            .htmlElement(makeMarkerElement);\n\n          \/* Improve the Earth material where supported *\/\n\n          try {\n            const material = globe.globeMaterial();\n\n            if (material) {\n              material.bumpScale = 5;\n              material.shininess = 12;\n\n              if (material.specular) {\n                material.specular.set(\"#34465c\");\n              }\n            }\n          } catch (materialError) {\n            \/* Default material remains usable. *\/\n          }\n\n          const controls = globe.controls();\n\n          controls.enableZoom = false;\n          controls.enablePan = false;\n          controls.enableRotate = !isTouchDevice;\n          controls.enableDamping = true;\n          controls.dampingFactor = 0.08;\n          controls.autoRotate = !reducedMotion;\n          controls.autoRotateSpeed = 0.22;\n\n          globe.pointOfView(\n            {\n              lat: 13.0827,\n              lng: 80.2707,\n              altitude: 1.8\n            },\n            0\n          );\n\n          updateDetails(getPlace(\"chennai\"));\n          updateActiveTab(\"chennai\");\n\n          \/* Hide the loader after the Earth texture is ready *\/\n\n          function hideLoader() {\n            if (!destroyed) {\n              loadingElement.classList.add(\"is-hidden\");\n            }\n          }\n\n          if (typeof globe.onGlobeReady === \"function\") {\n            globe.onGlobeReady(hideLoader);\n          } else {\n            hideLoader();\n          }\n\n          \/* Responsive sizing *\/\n\n          function resizeGlobe() {\n            if (!globe || destroyed || !globeElement.clientWidth) return;\n\n            globe\n              .width(globeElement.clientWidth)\n              .height(globeElement.clientHeight);\n          }\n\n          if (\"ResizeObserver\" in window) {\n            resizeObserver = new ResizeObserver(resizeGlobe);\n            resizeObserver.observe(globeElement);\n          } else {\n            window.addEventListener(\"resize\", resizeGlobe);\n          }\n\n          \/* Pause rotation while interacting *\/\n\n          globeElement.addEventListener(\"pointerdown\", stopAutoRotation);\n          globeElement.addEventListener(\"pointerup\", resumeAutoRotation);\n          globeElement.addEventListener(\"pointercancel\", resumeAutoRotation);\n          globeElement.addEventListener(\"pointerleave\", resumeAutoRotation);\n\n          document.addEventListener(\"visibilitychange\", function () {\n            if (!globe) return;\n\n            const currentControls = globe.controls();\n\n            if (document.hidden) {\n              if (currentControls) currentControls.autoRotate = false;\n            } else if (!reducedMotion) {\n              resumeAutoRotation();\n            }\n          });\n\n          if (reducedMotion) {\n            controls.autoRotate = false;\n          }\n\n        } catch (error) {\n          console.error(\"Annular globe initialization failed:\", error);\n\n          loadingElement.textContent =\n            \"Unable to initialize the Earth visualization. Please check the browser console and script permissions.\";\n        }\n      }\n\n      \/* Avoid a race if Avada or another script loads Globe.gl first *\/\n\n      if (typeof window.Globe === \"function\") {\n        initializeGlobe();\n      } else {\n        const script = document.querySelector(\n          'script[src=\"https:\/\/unpkg.com\/globe.gl\"]'\n        );\n\n        if (script) {\n          script.addEventListener(\"load\", initializeGlobe, { once: true });\n\n          script.addEventListener(\"error\", function () {\n            loadingElement.textContent =\n              \"The Earth visualization could not load. Please check the network or script settings.\";\n          }, { once: true });\n        } else {\n          loadingElement.textContent =\n            \"The Earth visualization library could not be found.\";\n        }\n      }\n    })();\n  <\/script>\n\n<\/section>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling annular-final-cta-section\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<style>\n\/* ==========================================================================\n   ANNULAR FINAL CTA SECTION\n   ROBOTO FONT + UNIFORM HEADING SYSTEM\n   ========================================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');\n\n.annular-final-cta-clean,\n.annular-final-cta-clean * {\n  box-sizing: border-box;\n}\n\n.annular-final-cta-clean {\n  --afc-blue: #2563eb;\n  --afc-blue-dark: #1d4ed8;\n  --afc-heading: #0f172a;\n  --afc-body: #475569;\n\n  width: 100%;\n  background: linear-gradient(\n    135deg,\n    #ffffff 0%,\n    #f8fafc 50%,\n    #eff6ff 100%\n  );\n  color: var(--afc-heading);\n  padding: 100px 20px;\n  position: relative;\n  overflow: hidden;\n  font-family: \"Roboto\", Arial, sans-serif !important;\n  border-top: 1px solid #e2e8f0;\n  isolation: isolate;\n}\n\n\/* Apply Roboto consistently inside this section *\/\n.annular-final-cta-clean h1,\n.annular-final-cta-clean h2,\n.annular-final-cta-clean h3,\n.annular-final-cta-clean h4,\n.annular-final-cta-clean p,\n.annular-final-cta-clean a,\n.annular-final-cta-clean span,\n.annular-final-cta-clean div {\n  font-family: \"Roboto\", Arial, sans-serif !important;\n}\n\n\/* ==========================================================================\n   STANDARD HEADING SYSTEM\n   H1: 34\u201348px | H2: 28\u201338px | H3: 21\u201326px | H4: 17\u201320px\n   ========================================================================== *\/\n\n.annular-final-cta-clean h1 {\n  font-size: clamp(34px, 4vw, 48px);\n  line-height: 1.15;\n  font-weight: 800;\n  letter-spacing: -1.2px;\n}\n\n.annular-final-cta-clean h2 {\n  font-size: clamp(28px, 3.2vw, 38px);\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: -0.8px;\n}\n\n.annular-final-cta-clean h3 {\n  font-size: clamp(21px, 2.4vw, 26px);\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.4px;\n}\n\n.annular-final-cta-clean h4 {\n  font-size: clamp(17px, 2vw, 20px);\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: -0.2px;\n}\n\n\/* ==========================================================================\n   BACKGROUND GLOW\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-bg-glow {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: min(800px, 100%);\n  height: 400px;\n  background: radial-gradient(\n    circle,\n    rgba(37, 99, 235, 0.08) 0%,\n    transparent 70%\n  );\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* ==========================================================================\n   CONTENT WRAPPER\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 820px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n\/* ==========================================================================\n   EYEBROW LABEL\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-eyebrow {\n  display: inline-block;\n  padding: 7px 20px;\n  background: rgba(37, 99, 235, 0.08);\n  color: #2563eb;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.5;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  border-radius: 20px;\n  border: 1px solid rgba(37, 99, 235, 0.2);\n  margin-bottom: 24px;\n}\n\n\/* ==========================================================================\n   MAIN CTA HEADING \u2014 STANDARD H2\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-title {\n  font-size: clamp(28px, 3.2vw, 38px) !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  color: #0f172a !important;\n  margin: 0 0 20px !important;\n  letter-spacing: -0.8px !important;\n}\n\n.annular-final-cta-clean .afc-title span {\n  color: #2563eb !important;\n}\n\n\/* ==========================================================================\n   DESCRIPTION\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-desc {\n  max-width: 720px;\n  margin: 0 auto 40px;\n  font-size: 17px;\n  line-height: 1.75;\n  color: #475569 !important;\n  font-weight: 400;\n}\n\n\/* ==========================================================================\n   PRIMARY CTA BUTTON\n   ========================================================================== *\/\n\n.annular-final-cta-clean .afc-btn-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.annular-final-cta-clean .afc-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 18px 32px;\n  background: linear-gradient(\n    135deg,\n    #2563eb 0%,\n    #1d4ed8 100%\n  ) !important;\n  color: #ffffff !important;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: center;\n  border-radius: 35px;\n  text-decoration: none !important;\n  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.30);\n  border: 1px solid transparent;\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.annular-final-cta-clean .afc-btn-primary:hover {\n  background: linear-gradient(\n    135deg,\n    #1d4ed8 0%,\n    #1e40af 100%\n  ) !important;\n  transform: translateY(-3px);\n  box-shadow: 0 14px 35px rgba(37, 99, 235, 0.40);\n  color: #ffffff !important;\n}\n\n.annular-final-cta-clean .afc-btn-primary:focus-visible {\n  outline: 3px solid #93c5fd;\n  outline-offset: 4px;\n}\n\n\/* Arrow motion *\/\n.annular-final-cta-clean .afc-btn-arrow {\n  display: inline-block;\n  transition: transform 0.3s ease;\n}\n\n.annular-final-cta-clean .afc-btn-primary:hover .afc-btn-arrow {\n  transform: translateX(4px);\n}\n\n\/* ==========================================================================\n   TABLET\n   ========================================================================== *\/\n\n@media (max-width: 1024px) {\n  .annular-final-cta-clean {\n    padding: 80px 24px;\n  }\n}\n\n\/* ==========================================================================\n   MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 768px) {\n  .annular-final-cta-clean {\n    padding: 65px 20px;\n  }\n\n  .annular-final-cta-clean .afc-eyebrow {\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    padding: 7px 15px;\n    margin-bottom: 20px;\n  }\n\n  .annular-final-cta-clean .afc-title {\n    font-size: clamp(28px, 7vw, 34px) !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.6px !important;\n    margin-bottom: 18px !important;\n  }\n\n  .annular-final-cta-clean .afc-desc {\n    font-size: 15px;\n    line-height: 1.7;\n    margin-bottom: 30px;\n  }\n\n  .annular-final-cta-clean .afc-btn-primary {\n    padding: 15px 24px;\n    font-size: 15px;\n    width: 100%;\n    max-width: 340px;\n  }\n\n  .annular-final-cta-clean .afc-bg-glow {\n    height: 320px;\n  }\n}\n\n\/* ==========================================================================\n   SMALL MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 400px) {\n  .annular-final-cta-clean {\n    padding: 55px 16px;\n  }\n\n  .annular-final-cta-clean .afc-btn-primary {\n    gap: 8px;\n    padding: 14px 18px;\n    font-size: 14px;\n  }\n}\n\n\/* ==========================================================================\n   REDUCED MOTION ACCESSIBILITY\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .annular-final-cta-clean .afc-btn-primary,\n  .annular-final-cta-clean .afc-btn-arrow {\n    transition: none;\n  }\n\n  .annular-final-cta-clean .afc-btn-primary:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"annular-final-cta-clean\" aria-labelledby=\"afc-title\">\n  <div class=\"afc-bg-glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"afc-inner\">\n\n    <div class=\"afc-eyebrow\">\n      HAVE A TECHNOLOGY CHALLENGE?\n    <\/div>\n\n    <h2 class=\"afc-title\" id=\"afc-title\">\n      Let's build the <span>right solution<\/span> for your business.\n    <\/h2>\n\n    <p class=\"afc-desc\">\n      Whether you're building a new product, modernizing a legacy application,\n      migrating to AWS, integrating AI, or improving software quality,\n      let's talk about what you need to achieve.\n    <\/p>\n\n    <div class=\"afc-btn-wrapper\">\n      <a\n        href=\"https:\/\/web.annulartechnologies.com\/#\"\n        class=\"afc-btn-primary\"\n      >\n        Let's Talk About Your Requirement\n        <span class=\"afc-btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-11 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:#0f172a;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<style>\n\/* ==========================================\n   ANNULAR TECHNOLOGIES FOOTER\n   Responsive layout + mobile tap improvements\n========================================== *\/\n\n.fusion-tb-footer,\ndiv.fusion-tb-footer {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #0f172a !important;\n}\n\n\/* Preserve original homepage footer visibility *\/\n.home .fusion-tb-footer,\nbody.home div.fusion-tb-footer {\n  display: none !important;\n}\n\n.annular-main-footer,\n.annular-main-footer * {\n  box-sizing: border-box;\n}\n\n.annular-main-footer {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: visible;\n  background: #0f172a;\n  color: #94a3b8;\n  border-top: 1px solid rgba(59,130,246,.2);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  pointer-events: auto !important;\n  isolation: isolate;\n  -webkit-tap-highlight-color: rgba(96,165,250,.25);\n}\n\n.annular-main-footer a {\n  pointer-events: auto !important;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(96,165,250,.25);\n  -webkit-user-select: auto;\n  user-select: auto;\n}\n\n.annular-main-footer .amf-container {\n  width: 100%;\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: 62px 36px 28px;\n}\n\n\/* Main columns *\/\n.annular-main-footer .amf-grid {\n  display: grid;\n  grid-template-columns:\n    minmax(230px,1.35fr)\n    minmax(190px,1fr)\n    minmax(175px,.9fr)\n    minmax(255px,1.15fr);\n  gap: 32px;\n  align-items: start;\n}\n\n.annular-main-footer .amf-brand-logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n}\n\n.annular-main-footer .amf-brand-logo img {\n  display: block !important;\n  width: auto !important;\n  max-width: 60px !important;\n  height: 38px !important;\n  max-height: 38px !important;\n  object-fit: contain !important;\n}\n\n.annular-main-footer .amf-brand-text-wrap {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n\n.annular-main-footer .amf-brand-name-main {\n  color: #fff;\n  font-size: 20px;\n  font-weight: 900;\n  letter-spacing: 1.2px;\n  line-height: 1;\n}\n\n.annular-main-footer .amf-brand-name-sub {\n  margin-top: 5px;\n  color: #60a5fa;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 3px;\n}\n\n.annular-main-footer .amf-brand-title {\n  margin: 0 0 12px;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.annular-main-footer .amf-brand-desc {\n  max-width: 340px;\n  margin: 0 0 24px;\n  color: #94a3b8;\n  font-size: 13.5px;\n  line-height: 1.75;\n}\n\n\/* Social media *\/\n.annular-main-footer .amf-socials {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px;\n  position: relative;\n  z-index: 2;\n}\n\n.annular-main-footer .amf-social-btn {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 3;\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  min-height: 40px;\n  flex-shrink: 0;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  color: #fff !important;\n  text-decoration: none !important;\n  transition: transform .2s ease, opacity .2s ease;\n}\n\n.annular-main-footer .amf-social-btn:hover {\n  transform: translateY(-3px);\n  opacity: .88;\n}\n\n.annular-main-footer .amf-social-btn svg {\n  display: block;\n  width: 16px;\n  height: 16px;\n  pointer-events: none !important;\n}\n\n.annular-main-footer .linkedin { background: #0077b5; }\n.annular-main-footer .twitter {\n  background: #111;\n  border-color: #333;\n}\n.annular-main-footer .instagram {\n  background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);\n}\n.annular-main-footer .youtube { background: #f00; }\n.annular-main-footer .facebook { background: #1877f2; }\n\n\/* Column headings *\/\n.annular-main-footer .amf-col-title {\n  margin: 4px 0 21px;\n  color: #fff;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n\/* Service and product links *\/\n.annular-main-footer .amf-links {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n.annular-main-footer .amf-links li {\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n.annular-main-footer .amf-links a {\n  display: inline-block;\n  position: relative;\n  z-index: 2;\n  padding: 3px 0;\n  color: #a6b4c8 !important;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.65;\n  text-decoration: none !important;\n  overflow-wrap: anywhere;\n  transition: color .2s ease, transform .2s ease;\n}\n\n.annular-main-footer .amf-links a:hover {\n  color: #fff !important;\n  transform: translateX(3px);\n}\n\n\/* Contact details *\/\n.annular-main-footer .amf-contact-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 11px;\n  margin: 0 0 17px;\n  color: #a6b4c8;\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.annular-main-footer .amf-contact-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 33px;\n  height: 33px;\n  flex: 0 0 33px;\n  margin-top: 2px;\n  border-radius: 8px;\n  background: rgba(37,99,235,.13);\n  color: #60a5fa;\n  pointer-events: none !important;\n}\n\n.annular-main-footer .amf-contact-icon svg {\n  display: block;\n  width: 15px;\n  height: 15px;\n  pointer-events: none !important;\n}\n\n.annular-main-footer .amf-contact-content {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  pointer-events: auto !important;\n}\n\n.annular-main-footer .amf-contact-label {\n  margin-bottom: 3px;\n  color: #60a5fa;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.annular-main-footer .amf-contact-content a {\n  display: inline-block;\n  position: relative;\n  z-index: 3;\n  padding: 4px 0;\n  color: #a6b4c8 !important;\n  text-decoration: none !important;\n  overflow-wrap: anywhere;\n}\n\n.annular-main-footer .amf-contact-content a:hover {\n  color: #fff !important;\n}\n\n\/* Copyright and policy links *\/\n.annular-main-footer .amf-bottom-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  margin-top: 42px;\n  padding-top: 23px;\n  border-top: 1px solid rgba(255,255,255,.1);\n  color: #8190a7;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.annular-main-footer .amf-bottom-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.annular-main-footer .amf-bottom-links a {\n  display: inline-block;\n  position: relative;\n  z-index: 3;\n  padding: 4px 0;\n  color: #8190a7 !important;\n  text-decoration: none !important;\n}\n\n.annular-main-footer .amf-bottom-links a:hover {\n  color: #fff !important;\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .annular-main-footer .amf-container {\n    padding: 50px 28px 26px;\n  }\n\n  .annular-main-footer .amf-grid {\n    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);\n    gap: 38px 44px;\n  }\n\n  .annular-main-footer .amf-brand-desc {\n    max-width: 420px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  .annular-main-footer {\n    z-index: 2 !important;\n    overflow: visible !important;\n  }\n\n  .annular-main-footer .amf-container {\n    padding: 42px 20px 24px;\n  }\n\n  .annular-main-footer .amf-grid {\n    grid-template-columns: minmax(0,1fr);\n    gap: 32px;\n  }\n\n  .annular-main-footer .amf-brand-desc {\n    max-width: 100%;\n  }\n\n  .annular-main-footer .amf-col-title {\n    margin-bottom: 16px;\n  }\n\n  .annular-main-footer .amf-social-btn {\n    width: 44px !important;\n    height: 44px !important;\n    min-width: 44px !important;\n    min-height: 44px !important;\n  }\n\n  .annular-main-footer .amf-contact-item {\n    gap: 10px;\n  }\n\n  .annular-main-footer .amf-contact-content a {\n    padding: 6px 0 !important;\n  }\n\n  .annular-main-footer .amf-links {\n    gap: 10px;\n  }\n\n  .annular-main-footer .amf-links a {\n    padding: 5px 0;\n  }\n\n  .annular-main-footer .amf-bottom-bar {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 14px;\n    margin-top: 32px;\n    padding-top: 20px;\n  }\n\n  .annular-main-footer .amf-bottom-links {\n    gap: 12px 18px;\n  }\n\n  .annular-main-footer .amf-bottom-links a {\n    padding: 6px 0;\n  }\n}\n<\/style>\n\n<footer class=\"annular-main-footer\">\n  <div class=\"amf-container\">\n    <div class=\"amf-grid\">\n\n      <!-- BRAND -->\n      <div class=\"amf-brand\">\n        <div class=\"amf-brand-logo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/web.annulartechnologies.com\/wp-content\/uploads\/2026\/10\/annular-triangle-logo-clean.png\"\n            alt=\"Annular Technologies\"\n            width=\"60\"\n            height=\"38\"\n            loading=\"lazy\"\n          >\n          <div class=\"amf-brand-text-wrap\">\n            <span class=\"amf-brand-name-main\">ANNULAR<\/span>\n            <span class=\"amf-brand-name-sub\">TECHNOLOGIES<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"amf-brand-title\">\n          Technology That Moves Your Business Forward\n        <\/div>\n\n        <p class=\"amf-brand-desc\">\n          Annular is a technology partner helping businesses build products,\n          modernize applications, migrate enterprise systems, integrate AI\n          and improve software quality.\n        <\/p>\n\n        <div class=\"amf-socials\">\n          <a href=\"https:\/\/www.linkedin.com\/company\/annular\/home\/\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             class=\"amf-social-btn linkedin\"\n             title=\"LinkedIn\" aria-label=\"LinkedIn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n              <path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/>\n            <\/svg>\n          <\/a>\n\n          <a href=\"https:\/\/x.com\/team_annular\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             class=\"amf-social-btn twitter\"\n             title=\"X\" aria-label=\"X\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n              <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n            <\/svg>\n          <\/a>\n\n          <a href=\"https:\/\/www.instagram.com\/annular_technologies_\/\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             class=\"amf-social-btn instagram\"\n             title=\"Instagram\" aria-label=\"Instagram\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n              <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n            <\/svg>\n          <\/a>\n\n          <a href=\"https:\/\/www.youtube.com\/@annulartechnologies3058\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             class=\"amf-social-btn youtube\"\n             title=\"YouTube\" aria-label=\"YouTube\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n              <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\n            <\/svg>\n          <\/a>\n\n          <a href=\"https:\/\/www.facebook.com\/profile.php?id=100069815201569\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             class=\"amf-social-btn facebook\"\n             title=\"Facebook\" aria-label=\"Facebook\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n              <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICES -->\n      <div>\n        <div class=\"amf-col-title\">Services<\/div>\n        <ul class=\"amf-links\">\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/services\/product-engineering\/\">Product Engineering<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/services\/ai-integration\/\">AI & Agentic AI<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/cloud-migration-enterprise-modernization\/\">Cloud Migration & Enterprise Modernization<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/quality-engineering\/\">Quality Assurance & Automated Testing<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/execution-as-a-service\/\">Execution as a Service (EaaS)<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/digital-marketing\/\">Digital Marketing<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- PRODUCTS -->\n      <div>\n        <div class=\"amf-col-title\">Products<\/div>\n        <ul class=\"amf-links\">\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/ai-testing-studio\/\">AI Testing Studio<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/gtm-automation\/\">GTMR<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/device-management-system\/\">Quantem<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/animal-management-system\/\">Prani<\/a><\/li>\n          <li><a href=\"https:\/\/web.annulartechnologies.com\/staging\/quantem-rc-remote-access-solution\/\">Quantem RC<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- CONTACT -->\n      <div>\n        <div class=\"amf-col-title\">Let's Connect<\/div>\n\n        <div class=\"amf-contact-item\">\n          <div class=\"amf-contact-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect>\n              <path d=\"m22 6-10 7L2 6\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"amf-contact-content\">\n            <div class=\"amf-contact-label\">Email Us<\/div>\n            <div><a href=\"mailto:info@annulartechnologies.com\">info@annulartechnologies.com<\/a><\/div>\n            <div><a href=\"mailto:enquiry@annulartechnologies.com\">enquiry@annulartechnologies.com<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"amf-contact-item\">\n          <div class=\"amf-contact-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"amf-contact-content\">\n            <div class=\"amf-contact-label\">Call Us<\/div>\n            <div><a href=\"tel:+918939892933\">+91 8939892933<\/a><\/div>\n            <div><a href=\"tel:+918056068977\">+91 8056068977<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"amf-contact-item\">\n          <div class=\"amf-contact-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n              <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div class=\"amf-contact-content\">\n            <div class=\"amf-contact-label\">Location<\/div>\n            <div>\n              Tower1-Ground floor, No.2, Tyche Tower, MGR, Anna Nedunchalai,\n              Kodandarama Nagar, Perungudi, Chennai, Tamil Nadu 600096\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- COPYRIGHT -->\n    <div class=\"amf-bottom-bar\">\n      <div>Copyright 2022 Annular Technology, All rights reserved.<\/div>\n      <div class=\"amf-bottom-links\">\n        <!-- Replace these # URLs with the real policy page URLs -->\n        <a href=\"https:\/\/web.annulartechnologies.com\/staging\/#\">Privacy Policy<\/a>\n        <a href=\"https:\/\/web.annulartechnologies.com\/staging\/#\">Terms of Service<\/a>\n        <a href=\"https:\/\/web.annulartechnologies.com\/staging\/#\">Cookie Policy<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n<\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"om_disable_all_campaigns":true,"footnotes":""},"class_list":["post-1411","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/pages\/1411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/comments?post=1411"}],"version-history":[{"count":216,"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/pages\/1411\/revisions"}],"predecessor-version":[{"id":2628,"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/pages\/1411\/revisions\/2628"}],"wp:attachment":[{"href":"https:\/\/web.annulartechnologies.com\/staging\/wp-json\/wp\/v2\/media?parent=1411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}