{"id":5399,"date":"2024-06-03T23:09:07","date_gmt":"2024-06-04T06:09:07","guid":{"rendered":"https:\/\/strucalc.com\/?page_id=5399"},"modified":"2025-09-19T10:24:47","modified_gmt":"2025-09-19T17:24:47","slug":"precios","status":"publish","type":"page","link":"https:\/\/strucalc.com\/es\/precios\/","title":{"rendered":"Precios"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull items-start wp-duotone-unset-1\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);min-height:616px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient\" style=\"background:radial-gradient(circle at bottom, rgb(12,96,144) 0%,rgb(0,0,0) 100%)\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-cc3648ae wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading alignwide has-text-align-center\">Precios y Funciones Flexibles<\/h1>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-b4f8159272999921d523bee31ab80938\" style=\"color:#ffffff99;font-style:normal;font-weight:400\">Ya sea que est\u00e9s comenzando o seas un profesional con experiencia, StruCalc\u2122 te garantiza ahorrar tiempo y dinero.<\/p>\n<\/div><\/div>\n\n\n\n<div id=\"\" class=\"block-pricing-table -mt-[22rem]\" class=\"align -mt-[22rem] wp-block-acf-pricing-table\">\n   \n      <!-- Frequency toggle -->\n      <div class=\"mb-8 flex justify-center\">\n         <fieldset class=\"grid grid-cols-2 gap-x-1 rounded-full p-1 text-center text-xs font-semibold leading-5 ring-1 ring-inset ring-gray-200\">\n            <legend class=\"sr-only\">Frecuencia de pago<\/legend>\n            <label for=\"frequency-mesnthly\" class=\"text-slate-500 cursor-pointer rounded-full px-2.5 py-1\">\n               <input type=\"radio\" id=\"frequency-mesnthly\" name=\"frequency\" value=\"mesnthly\" class=\"sr-only\" \/>\n               <span>Mensualmente<\/span>\n            <\/label>\n            <label for=\"frequency-annually\" class=\"bg-sky-600 text-white cursor-pointer rounded-full px-2.5 py-1\">\n               <input type=\"radio\" id=\"frequency-annually\" name=\"frequency\" value=\"annually\" class=\"sr-only\" \/>\n               <span>Anualmente<\/span>\n            <\/label>\n         <\/fieldset>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 gap-8 lg:grid-cols-3\">\n\n                     <div class=\"flex flex-col relative group justify-between rounded bg-white\/90 p-8 shadow-md ring-1 ring-slate-200 backdrop-blur-md sm:p-10\">\n                              <div>\n                  <h3 id=\"StruCalc Plus-tier\" class=\"mb-4 text-xl\/4 font-bold\">StruCalc Plus<span class=\"text-md\/4 text-slate-500 font-normal tracking-normal\"><br \/> <\/span><\/h3>\n                  <div class=\"transition-container min-h-20 my-2 pricing-container\">\n\n                                             <div class=\"flex items-center pricing-container\">\n                                                         <div class=\"flex items-center mesnthly-price\">\n                                 <span class=\"font-display text-slate-900\">$<\/span>\n                                 <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">69.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                 <span class=\"text-sm\/normal text-slate-900\">\/ mesnth<\/span>\n                              <\/div><!-- .mesnthly-price -->\n                           \n                                                         <div class=\"flex items-center yearly-price\">\n                                 <del class=\"text-slate-700\">$839<\/del>\n                                 <ins class=\"flex items-center font-display tracking-tight text-slate-900 no-underline fluid-text-2xl\">\n                                    <span class=\"mx-2 text-lg\/loose\">$<\/span>\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">755.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                 <\/ins>\n                                 <span class=\"ml-1 text-sm\/normal text-slate-900\">\/ year<\/span>\n                              <\/div><!-- .yearly-price -->\n                                                   <\/div><!-- .pricing-container -->\n                                       <\/div><!-- .pricing-container -->\n\n                  <ul role=\"list\" class=\"mt-10 space-y-5 text-base\/tight text-slate-600\">\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           12 unique mesdules                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           10 span beams and joists                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Out of plane loading                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Advanced footing loads                        <\/li>\n                                       <\/ul><!-- feature list -->\n\n                  \n               <\/div>\n               \n                  <div class=\"pricing-availability-message-container\">\n                                          <a\n                        href=\"https:\/\/strucalc.com\/es\/registrarse\/\"\n                        data-product=\"plus\"\n                        aria-describedby=\"StruCalc Plus-tier\"\n                                                class=\"register-url mx-auto mt-4 block w-full rounded py-4 text-center text-xs font-bold uppercase tracking-widest transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 bg-primary text-gray-200 text-primary-foreground shadow-lg shadow-gray-900\/40 hover:bg-primary\/90\">\n                        <span class=\"flex items-center justify-center transition-transform duration-500\">\n                           Try for free <!-- Changed by JS anyways -->\n                        <\/span>\n                     <\/a>\n                  <\/div>\n                           <\/div><!-- .flex -->\n                     <div class=\"flex flex-col relative group justify-between rounded bg-white\/90 p-8 shadow-md ring-1 ring-slate-200 backdrop-blur-md sm:p-10\">\n                              <div>\n                  <h3 id=\"StruCalc Pro-tier\" class=\"mb-4 text-xl\/4 font-bold\">StruCalc Pro<span class=\"text-md\/4 text-slate-500 font-normal tracking-normal\"><br \/> <\/span><\/h3>\n                  <div class=\"transition-container min-h-20 my-2 pricing-container\">\n\n                                             <div class=\"flex items-center pricing-container\">\n                                                         <div class=\"flex items-center mesnthly-price\">\n                                 <span class=\"font-display text-slate-900\">$<\/span>\n                                 <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">89.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                 <span class=\"text-sm\/normal text-slate-900\">\/ mesnth<\/span>\n                              <\/div><!-- .mesnthly-price -->\n                           \n                                                         <div class=\"flex items-center yearly-price\">\n                                 <del class=\"text-slate-700\">$1079<\/del>\n                                 <ins class=\"flex items-center font-display tracking-tight text-slate-900 no-underline fluid-text-2xl\">\n                                    <span class=\"mx-2 text-lg\/loose\">$<\/span>\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">971.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                 <\/ins>\n                                 <span class=\"ml-1 text-sm\/normal text-slate-900\">\/ year<\/span>\n                              <\/div><!-- .yearly-price -->\n                                                   <\/div><!-- .pricing-container -->\n                                       <\/div><!-- .pricing-container -->\n\n                  <ul role=\"list\" class=\"mt-10 space-y-5 text-base\/tight text-slate-600\">\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           All features of StruCalc Plus                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Retaining Walls                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Bearing Walls                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Wood Shear Walls                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           Concrete &amp; Masonry Beam Modules                        <\/li>\n                                       <\/ul><!-- feature list -->\n\n                  \n               <\/div>\n               \n                  <div class=\"pricing-availability-message-container\">\n                                          <a\n                        href=\"https:\/\/strucalc.com\/es\/registrarse\/\"\n                        data-product=\"pro\"\n                        aria-describedby=\"StruCalc Pro-tier\"\n                                                class=\"register-url mx-auto mt-4 block w-full rounded py-4 text-center text-xs font-bold uppercase tracking-widest transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 bg-primary text-gray-200 text-primary-foreground shadow-lg shadow-gray-900\/40 hover:bg-primary\/90\">\n                        <span class=\"flex items-center justify-center transition-transform duration-500\">\n                           Try for free <!-- Changed by JS anyways -->\n                        <\/span>\n                     <\/a>\n                  <\/div>\n                           <\/div><!-- .flex -->\n                     <div class=\"flex flex-col relative group justify-between rounded bg-white\/90 p-8 shadow-md ring-1 ring-slate-200 backdrop-blur-md sm:p-10\">\n                              <div>\n                  <h3 id=\"StruCalc Pro Bundle-tier\" class=\"mb-4 text-xl\/4 font-bold\">StruCalc Pro Bundle<span class=\"text-md\/4 text-slate-500 font-normal tracking-normal\"><br \/> with PDH<\/span><\/h3>\n                  <div class=\"transition-container min-h-20 my-2 pricing-container\">\n\n                                             <div class=\"flex items-center pricing-container\">\n                           \n                                                         <div class=\"flex items-center yearly-price\">\n                                 <del class=\"text-slate-700\">$1295.64<\/del>\n                                 <ins class=\"flex items-center font-display tracking-tight text-slate-900 no-underline fluid-text-2xl\">\n                                    <span class=\"mx-2 text-lg\/loose\">$<\/span>\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">1167.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                 <\/ins>\n                                 <span class=\"ml-1 text-sm\/normal text-slate-900\">\/ year<\/span>\n                              <\/div><!-- .yearly-price -->\n                                                   <\/div><!-- .pricing-container -->\n                                       <\/div><!-- .pricing-container -->\n\n                  <ul role=\"list\" class=\"mt-10 space-y-5 text-base\/tight text-slate-600\">\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           All features of StruCalc Pro                        <\/li>\n                                             <li class=\"flex gap-x-3\">\n                           <i data-lucide=\"check\" class=\"shrink-0 text-sky-600 w-4 h-4\"><\/i>\n                           15 PDH hours including 1 ethics course                        <\/li>\n                                       <\/ul><!-- feature list -->\n\n                  \n               <\/div>\n               \n                  <div class=\"pricing-availability-message-container\">\n                                             <p class=\"text-base\/4 text-center text-slate-500 pt-4 m-0 leading-tight pricing-availability-message\">\n                           Solo disponible como suscripci\u00f3n anual.\n                        <\/p>\n                                          <a\n                        href=\"https:\/\/strucalc.com\/es\/registrarse\/\"\n                        data-product=\"pdh\"\n                        aria-describedby=\"StruCalc Pro Bundle-tier\"\n                                                class=\"register-url mx-auto mt-4 block w-full rounded py-4 text-center text-xs font-bold uppercase tracking-widest transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 bg-primary text-gray-200 text-primary-foreground shadow-lg shadow-gray-900\/40 hover:bg-primary\/90\">\n                        <span class=\"flex items-center justify-center transition-transform duration-500\">\n                           Try for free <!-- Changed by JS anyways -->\n                        <\/span>\n                     <\/a>\n                  <\/div>\n                           <\/div><!-- .flex -->\n               <\/div><!-- .grid -->\n\n      <!-- Black Friday 2024 Sale Notice-->\n      \n   <\/div><!-- block-pricing-table -mt-[22rem] -->\n\n\r\n<div id=\"\" class=\"block-pricing-features\" style=\"margin-bottom:var(--wp--preset--spacing--60);\" class=\"align wp-block-acf-pricing-features\">\r\n   <!-- Frequency toggle -->\r\n   <div class=\"mt-24\">\r\n      <!-- Toggles -->\r\n      <div class=\"mx-auto my-2 hidden flex-shrink justify-center gap-6 lg:flex\">\r\n         <!-- Anual Switch -->\r\n         <div class=\"flex items-center rounded bg-slate-100 p-2 px-6 text-sm text-slate-800\">\r\n            <p>Pay Anual and Save?<\/p>\r\n            <button\r\n               type=\"button\"\r\n               aria-checked=\"false\"\r\n               class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\r\n               role=\"switch\"\r\n               id=\"pricing-features-yearly-switch\"\r\n            >\r\n               <span\r\n                  aria-hidden=\"true\"\r\n                  class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\r\n               \/>\r\n            <\/button>\r\n         <\/div><!-- .flex -->\r\n         \r\n         <div class=\"flex items-center rounded bg-slate-100 p-2 px-6 text-sm text-slate-800\">\r\n            <p>Need multiple licenses?<\/p>\r\n            <button\r\n               type=\"button\"\r\n               aria-checked=\"false\"\r\n               class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\r\n               role=\"switch\" \r\n               id=\"pricing-features-bulk-switch\"\r\n            >\r\n               <span\r\n                  aria-hidden=\"true\"\r\n                  class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\r\n               \/>\r\n            <\/button>\r\n         <\/div><!-- .flex -->\r\n      <\/div><!-- .mx-auto -->\r\n\r\n      <!-- Bulk Calculator-->\r\n      <div id=\"bulk-discount-calculator\" class=\" mx-auto my-12 max-w-screen-2xl hidden\">\r\n         <span class=\"notch-2 top-notch inline-block rounded-tr border border-b-0 border-slate-200 bg-slate-100 px-6 py-2 text-slate-600 notch-slate-200\">\r\n            <h3 class=\"text-md\/4 font-bold tracking-tight\">Bulk Discount Calculator:<\/h3>\r\n         <\/span>\r\n         <div class=\"mx-auto rounded rounded-tl-none border border-slate-200 bg-white lg:flex\">\r\n            <!-- Col 1 -->\r\n            <div class=\"p-8 sm:p-10 lg:flex-auto\">\r\n               <h4 class=\"mb-4 text-left text-md\/4 font-bold tracking-tight text-slate-900\">1. Which tier do you need?<\/h4>\r\n\r\n               <!-- cards -->\r\n               <legend\r\n                  class=\"sr-only\"\r\n                  id=\"tier-selection\">Select a price tier<\/legend\r\n               >\r\n               <div\r\n                  role=\"radiogroup\"\r\n                  aria-labelledby=\"tier-selection\"\r\n                  class=\"mb-8 grid grid-cols-1 gap-y-6 sm:grid-cols-3 sm:gap-x-4\"\r\n               >\r\n                                       \r\n\r\n                     <div class=\"relative flex\">\r\n                        <input type=\"radio\" name=\"tier\" id=\"178\" value=\"178\" class=\"hidden\" \/>\r\n                           \r\n                        <label class=\"flex flex-col text-sm\/4 tracking-tight cursor-pointer p-4 rounded-lg border bg-white text-left shadow-sm focus:outline-none border-gray-300\" for=\"178\">\r\n                           <div class=\"flex items-center justify-between font-bold text-gray-900\">\r\n                              StruCalc Plus                              <svg class=\"h-5 w-5 text-sky-600 hidden label-selected\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                 <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\" clip-rule=\"evenodd\" \/>\r\n                              <\/svg>\r\n                           <\/div>\r\n                           <div class=\"mt-1 text-gray-500\">Twelve mesdules of advanced engineering tools for those who need a variety of tools.<\/div>\r\n                           <div class=\" mr-auto mt-2 items-center rounded-md bg-sky-50 px-2 py-1 text-xs font-semibold text-sky-600 ring-1 ring-inset ring-sky-500\/10 hidden label-selected\">Selected<\/div>\r\n                        <\/label>\r\n                           \r\n                     <\/div><!-- .relative -->\r\n                                       \r\n\r\n                     <div class=\"relative flex\">\r\n                        <input type=\"radio\" name=\"tier\" id=\"179\" value=\"179\" class=\"hidden\" \/>\r\n                           \r\n                        <label class=\"flex flex-col text-sm\/4 tracking-tight cursor-pointer p-4 rounded-lg border bg-white text-left shadow-sm focus:outline-none border-gray-300\" for=\"179\">\r\n                           <div class=\"flex items-center justify-between font-bold text-gray-900\">\r\n                              StruCalc Pro                              <svg class=\"h-5 w-5 text-sky-600 hidden label-selected\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                 <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\" clip-rule=\"evenodd\" \/>\r\n                              <\/svg>\r\n                           <\/div>\r\n                           <div class=\"mt-1 text-gray-500\">The professional&#8217;s choice. The ultimate package. 16 design mesdules and countless features.<\/div>\r\n                           <div class=\" mr-auto mt-2 items-center rounded-md bg-sky-50 px-2 py-1 text-xs font-semibold text-sky-600 ring-1 ring-inset ring-sky-500\/10 hidden label-selected\">Selected<\/div>\r\n                        <\/label>\r\n                           \r\n                     <\/div><!-- .relative -->\r\n                                 <\/div><!-- .grid -->\r\n\r\n               <div class=\"mb-2 flex justify-between pt-4\">\r\n                  <h4 class=\" text-left text-md\/4 font-bold tracking-tight text-slate-900 m-0\">2. How many seats would you like?<\/h4>\r\n                  <h4 class=\" text-left text-md\/4 font-bold tracking-tight text-slate-900 m-0 seats\"><\/h4>\r\n               <\/div><!-- .mb-6 -->\r\n\r\n               <div class=\"relative w-full touch-none select-none items-center [&#038;_[role=slider]]:h-4 [&#038;_[role=slider]]:w-4\">\r\n                  <input id=\"bulk-range\" type=\"range\" min=\"1\" max=\"20\" value=\"5\" step=\"1\" class=\"w-full rounded-lg appearance-none cursor-pointer\">\r\n                  <div class=\"flex items-center justify-between text-center text-slate-700 dark:text-slate-300 pricing-ticks\">\r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \r\n                  <\/div>\r\n               <\/div><!-- .relative -->\r\n            <\/div>\r\n\r\n            <!-- Col 2: Shows the calculated price -->\r\n            <div class=\"-mt-2 p-4 lg:mt-0 lg:w-full lg:max-w-md lg:flex-shrink-0\">\r\n               <div class=\"rounded bg-slate-100 py-8 text-center ring-1 ring-inset ring-slate-900\/5 lg:flex lg:flex-col lg:justify-center lg:py-8\">\r\n                  <div class=\"mx-auto px-8\">\r\n                     <p class=\"text-sm font-semibold text-slate-600\">Discounted price for <span id=\"seat-count\">5<\/span> seats:<\/p>\r\n\r\n                     <div class=\"transition-container\">\r\n\r\n                        <div class=\"mesnthly-price pricing-features-mesnthly-price active\">\r\n                           <p class=\"mx-auto flex w-min items-center font-display font-extrabold leading-none tracking-tighter text-slate-900 m-0\">\r\n                              <span class=\"self-center text-lg\">$<\/span>\r\n                              <span id=\"calculated-price-mesnthly\" class=\"text-5xl\">0<\/span>\r\n                              <span class=\"text-sm font-medium tracking-normal text-slate-500\">\/mes<\/span>\r\n                           <\/p>\r\n                           <!-- Savings -->\r\n                           <div class=\"mx-auto my-2 flex w-[85%] min-w-fit max-w-xs items-center justify-center gap-2 rounded-xl border-2 border-dashed border-emerald-600 bg-emerald-50 px-4 py-2 text-base font-semibold text-emerald-600 lg:max-w-none lg:justify-normal\">\r\n                              <p class=\"min-w-fit m-0\">Total Savings:<\/p>\r\n                              <p class=\"min-w-fit basis-4\/6 text-lg font-bold m-0\">\r\n                                 $<span id=\"mesnthly-savings\">0<\/span>\/mes\r\n                              <\/p>\r\n                           <\/div>\r\n                        <\/div><!-- .mesnthly-price -->\r\n\r\n                        <div class=\"yearly-price pricing-features-yearly-price hidden\">\r\n                           <p class=\"mx-auto flex w-min items-center font-display font-extrabold leading-none tracking-tighter text-slate-900 m-0\">\r\n                              <span class=\"self-center text-lg\">$<\/span>\r\n                              <span id=\"calculated-price-yearly\" class=\"text-5xl\">0<\/span>\r\n                              <span class=\"text-sm font-medium tracking-normal text-slate-500\">\/a\u00f1o<\/span>\r\n                           <\/p>\r\n                            <!-- Savings -->\r\n                            <div class=\"mx-auto my-2 flex w-[85%] min-w-fit max-w-xs items-center justify-center gap-2 rounded-xl border-2 border-dashed border-emerald-600 bg-emerald-50 px-4 py-2 text-base font-semibold text-emerald-600 lg:max-w-none lg:justify-normal\">\r\n                              <p class=\"min-w-fit m-0\">Total Savings:<\/p>\r\n                              <p class=\"min-w-fit basis-4\/6 text-lg font-bold m-0\">\r\n                                 $<span id=\"yearly-savings\">0<\/span>\/a\u00f1o\r\n                              <\/p>\r\n                           <\/div>\r\n                        <\/div><!-- .yearly-price -->\r\n\r\n                     <\/div><!-- .transition-container -->\r\n\r\n                     <!-- toggle -->\r\n                     <div class=\"mx-auto mt-4 flex max-w-xs rounded-t-lg bg-sky-800\/10 p-2\">\r\n                        <div class=\"mx-auto flex items-center gap-2 text-sm\/3 text-slate-700 [text-wrap:balance] md:gap-4\">\r\n                           <p class=\"pl-2 m-0\">Pay Anual and Save?<\/p>\r\n                           <button\r\n                              type=\"button\"\r\n                              aria-checked=\"false\"\r\n                              aria-label=\"yearly or mesnthly option switch\"\r\n                              class=\"relative isolate inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-sky-900\/25 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\r\n                              role=\"switch\" \r\n                              id=\"bulk-yearly-switch\"\r\n                           >\r\n                              <span\r\n                                 aria-hidden=\"true\"\r\n                                 class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\r\n                              \/>\r\n                           <\/button>\r\n                        <\/div><!-- .items-center -->\r\n                     <\/div><!-- .mx-auto -->\r\n\r\n                     <div class=\"mx-auto max-w-xs flex flex-col\">\r\n                        <!-- Mensualmente -->\r\n                        <button class=\"w-full rounded-b-md rounded-t-none bg-sky-600 px-8 py-2 text-center text-xs font-bold uppercase tracking-widest text-gray-200 transition-colors hover:bg-sky-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 pricing-features-mesnthly-price\">\r\n                           <span class=\"flex items-center justify-center transition-transform duration-500\">\r\n                              Try For Free\r\n                           <\/span>\r\n                        <\/button>\r\n                        <!-- Anual -->\r\n                        <button class=\"w-full rounded-b-md rounded-t-none bg-sky-600 px-8 py-2 text-center text-xs font-bold uppercase tracking-widest text-gray-200 transition-colors hover:bg-sky-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 pricing-features-yearly-price hidden\">\r\n                           <span class=\"flex items-center justify-center transition-transform duration-500\">\r\n                              Subscribe now\r\n                           <\/span>\r\n                        <\/button>\r\n                        <p class=\"mt-6 text-xs leading-5 text-slate-600\">Requires one year commitment. Additional terms and conditions apply.<\/p>\r\n                     <\/div><!-- .mx-auto -->\r\n\r\n                  <\/div><!-- .mx-auto -->\r\n               <\/div><!-- .rounded -->\r\n            <\/div><!-- -mt-2 -->\r\n         <\/div><!-- .mx-auto -->\r\n      <\/div><!-- .mx-auto -->\r\n       <!-- End Bulk Calculator-->\r\n\r\n\r\n   <\/div><!-- .mt-24 -->\r\n\r\n   <!-- Alt Features table  -->\r\n   <div id=\"Features\" class=\"bg-white\">\r\n      <div class=\"scroll-mt-0\">\r\n\r\n         <!-- Feature comparison (up to lg) -->\r\n\t\t   <section class=\"tracking-normal lg:hidden\">\r\n            <h2 class=\"text-center font-semibold text-slate-900 fluid-text-xl\">\r\n               <span class=\"sr-only\">Feature Comparison<\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"mx-auto max-w-2xl space-y-16 px-4 pb-16 sm:px-6\">\r\n                                 <!-- Product Container  -->\r\n                  <div class=\"border-t border-slate-200\">\r\n                     <!-- Product Card  -->\r\n\t\t\t\t\t\t   <div class=\"relative grid items-end gap-4 overflow-hidden rounded-sm border-transparent bg-gradient-to-br from-sky-700 to-sky-400 p-5 sm:grid-cols-2\">\r\n                        <!-- Illustration -->\r\n                        <svg\r\n                           class=\"absolute right-0 top-0 opacity-10 mix-blend-overlay\"\r\n                           width=\"474\"\r\n                           height=\"178.5\"\r\n                           aria-hidden=\"true\"\r\n                        >\r\n                           <defs>\r\n                              <linearGradient\r\n                                 x1=\"50%\"\r\n                                 y1=\"0%\"\r\n                                 x2=\"50%\"\r\n                                 y2=\"96.2%\"\r\n                                 id=\"a\"\r\n                              >\r\n                                 <stop\r\n                                    stop-color=\"#fff\"\r\n                                    stop-opacity=\".9\"\r\n                                    offset=\"0%\"\r\n                                 \/>\r\n                                 <stop\r\n                                    stop-color=\"#fff\"\r\n                                    stop-opacity=\".2\"\r\n                                    offset=\"100%\"\r\n                                 \/>\r\n                              <\/linearGradient>\r\n                           <\/defs>\r\n                           <g transform=\"scale(3,1.5)\">\r\n                              <g\r\n                                 transform=\"translate(-719 -96)\"\r\n                                 stroke=\"url(#a)\"\r\n                                 fill=\"none\"\r\n                                 fill-rule=\"evenodd\"\r\n                              >\r\n                                 <path d=\"M803 69.7c1-31 27-55.3 58.3-54.4 31.2 1 55.7 27 54.8 58-1 31-27.2 55.4-58.4 54.4s-55.7-27-54.7-58Z\" \/>\r\n                                 <path d=\"M859.2 15.3c32.6-.2 59.2 24.8 59.4 55.9.1 31-26.1 56.3-58.8 56.5-32.6.2-59.2-24.8-59.4-55.8-.1-31 26.1-56.4 58.8-56.6Z\" \/>\r\n                                 <path d=\"M857 15.4c34-1.5 62.7 22.4 64 53.4 1.4 31-25 57.3-59 58.8s-62.7-22.4-64-53.4c-1.4-31 25-57.3 59-58.8Z\" \/>\r\n                                 <path d=\"M855 15.5c35.3-3 66 19.8 68.6 50.7 2.6 31-24 58.4-59.5 61.3-35.4 3-66.2-19.8-68.7-50.7-2.5-31 24.1-58.4 59.5-61.3Z\" \/>\r\n                                 <path d=\"M852.8 15.6c36.8-4.4 69.6 17 73.3 48 3.7 30.8-23 59.4-59.9 63.8-36.8 4.4-69.6-17-73.3-47.9-3.7-30.8 23.1-59.4 59.9-63.9Z\" \/>\r\n                                 <path d=\"M850.7 15.9c38.1-6 73 14 77.9 44.7 4.9 30.7-22.1 60.5-60.3 66.6-38.1 6-73-14-77.9-44.7-4.8-30.8 22.1-60.6 60.3-66.6Z\" \/>\r\n                                 <path d=\"M848.6 16.1C888 8.3 925 26.8 931 57.4c6 30.6-21 61.7-60.6 69.5-39.5 7.8-76.4-10.7-82.4-41.3-6-30.6 21.1-61.7 60.6-69.5Z\" \/>\r\n                                 <path d=\"M846.5 16.4c40.8-9.6 79.7 7.2 86.8 37.7 7.2 30.4-20 62.8-60.8 72.5-40.8 9.6-79.7-7.3-86.8-37.7-7.2-30.4 20-62.9 60.8-72.5Z\" \/>\r\n                                 <path d=\"M844.4 16.8c42-11.6 82.9 3.5 91.2 33.8 8.3 30.2-19 64-61 75.7-42 11.5-82.9-3.6-91.2-33.8-8.3-30.3 19-64.2 61-75.7Z\" \/>\r\n                                 <path d=\"M842.3 17.1c43.2-13.6 86-.3 95.4 29.7 9.5 30-17.8 65.4-61 79-43.2 13.7-86 .4-95.4-29.6-9.5-30 17.8-65.5 61-79.1Z\" \/>\r\n                                 <path d=\"M840.3 17.5C884.6 1.7 929 13 939.8 42.9c10.6 29.8-16.7 66.8-61 82.6-44.4 15.8-88.9 4.4-99.5-25.4-10.7-29.8 16.6-66.8 61-82.6Z\" \/>\r\n                                 <path d=\"M838.2 17.9c45.3-18 91.6-8.7 103.4 21 11.8 29.6-15.4 68.2-60.8 86.2-45.3 18-91.6 8.7-103.4-21C765.6 74.6 792.8 36 838.2 18Z\" \/>\r\n                                 <path d=\"M836 18.3c46.3-20.4 94.3-13 107.3 16.3 13 29.4-14 69.8-60.3 90.1-46.3 20.4-94.3 13.1-107.3-16.3-12.9-29.4 14.1-69.7 60.4-90.1Z\" \/>\r\n                                 <path d=\"M834 18.7c47-22.8 96.6-17.6 110.7 11.5 14.2 29.2-12.6 71.3-59.6 94.1-47.1 22.8-96.7 17.6-110.8-11.5-14.2-29.2 12.6-71.3 59.6-94.1Z\" \/>\r\n                                 <path d=\"M831.8 19.1C879.6-6.2 930.7-3.2 946 25.7c15.3 29-11 73-58.8 98.2-47.8 25.3-98.9 22.3-114.2-6.6-15.3-29 11-73 58.8-98.2Z\" \/>\r\n                                 <path d=\"M829.6 19.5c48.3-27.8 101-27 117.4 1.6 16.5 28.7-9.3 74.5-57.6 102.4-48.4 27.8-101 27-117.4-1.6s9.2-74.5 57.6-102.4Z\" \/>\r\n                                 <path d=\"M827.4 20c48.8-30.4 102.7-32 120.4-3.6 17.8 28.5-7.4 76.2-56.2 106.6-48.7 30.5-102.7 32-120.4 3.6C753.4 98 778.6 50.4 827.4 20Z\" \/>\r\n                                 <path d=\"M825.1 20.4c49-33 104.3-37 123.3-8.7 19 28.2-5.4 77.8-54.5 110.9-49 33-104.2 37-123.2 8.8-19-28.3 5.3-78 54.4-111Z\" \/>\r\n                                 <path d=\"M822.7 20.9c49.2-35.8 105.6-42 125.9-14 20.3 27.9-3.1 79.5-52.3 115.2-49.2 35.7-105.6 42-125.9 14-20.3-27.9 3.1-79.5 52.3-115.2Z\" \/>\r\n                                 <path d=\"M820.3 21.3C869.5-17 927-25.7 948.6 2c21.6 27.7-.8 81.3-50 119.7-49.1 38.4-106.5 47-128.1 19.3-21.7-27.7.7-81.3 49.8-119.7Z\" \/>\r\n                                 <path d=\"M817.8 21.8c49-41 107.4-52.1 130.4-24.7 23 27.5 2 83-47 124-49 41.2-107.4 52.2-130.4 24.8-23-27.4-2-83 47-124Z\" \/>\r\n                                 <path d=\"M815.3 22.3c48.6-43.7 107.8-57.2 132.2-30 24.5 27.1 4.9 84.6-43.7 128.4-48.6 43.7-107.9 57.2-132.3 30-24.5-27.1-4.9-84.6 43.7-128.4Z\" \/>\r\n                                 <path d=\"M812.6 22.9c48-46.4 108-62.3 134-35.4 25.9 26.8 8 86.2-40.1 132.7-48.1 46.4-108.1 62.2-134 35.3-26-26.8-8-86.2 40-132.6Z\" \/>\r\n                                 <path d=\"M809.7 23.4c47.4-49 108-67.2 135.6-40.7 27.4 26.6 11.3 87.9-36 136.9-47.4 49-108 67.2-135.6 40.7-27.4-26.6-11.3-87.8 36-136.9Z\" \/>\r\n                                 <path d=\"M806.8 24C853.3-27.5 914.5-48 943.6-22c29.1 26.3 15 89.4-31.4 141-46.5 51.5-107.7 72.1-136.8 46-29.1-26.3-15-89.4 31.4-141Z\" \/>\r\n                                 <path d=\"M803.8 24.7c45.3-54 107.1-77 137.9-51.1 30.8 25.8 19 90.6-26.4 144.7-45.4 54-107.2 77-138 51.1-30.8-25.8-19-90.6 26.5-144.7Z\" \/>\r\n                                 <path d=\"M800.5 25.5c44.2-56.6 106.4-81.8 139-56.3 32.5 25.4 23.1 91.8-21 148.3-44.2 56.6-106.3 81.8-138.9 56.3-32.6-25.4-23.2-91.8 21-148.3Z\" \/>\r\n                                 <path d=\"M797.2 26.3c42.7-58.9 105.2-86.4 139.6-61.4 34.5 25 27.8 93-15 151.8-42.7 58.9-105.2 86.4-139.6 61.4-34.4-25-27.7-93 15-151.8Z\" \/>\r\n                                 <path d=\"M793.6 27.2C834.8-34 897.6-63.6 934-39.1c36.3 24.5 32.5 93.8-8.6 155-41.1 61-104 90.7-140.3 66.2-36.4-24.4-32.6-93.8 8.5-155Z\" \/>\r\n                                 <path d=\"M790 28.2C829.2-35 892.2-66.8 930.7-43c38.4 24 37.6 94.6-1.7 157.8C889.7 178 826.7 210 788.3 186c-38.5-24-37.7-94.6 1.6-157.8Z\" \/>\r\n                                 <path d=\"M786 29.3c37.5-65.2 100.7-99.2 141.3-76 40.6 23.4 43.1 95.1 5.7 160.4-37.4 65.2-100.7 99.2-141.3 76-40.5-23.4-43-95.1-5.7-160.4Z\" \/>\r\n                                 <path d=\"M782 30.6c35.3-67 98.7-103.2 141.5-80.6 42.9 22.5 49 95.2 13.6 162.4-35.4 67-98.8 103.2-141.6 80.6-42.9-22.5-49-95.2-13.6-162.4Z\" \/>\r\n                                 <path d=\"M777.7 32.1c33.1-68.9 96.6-107 141.8-85.3 45.2 21.8 55 95.2 21.8 164.1-33.1 68.9-96.6 107-141.8 85.3S744.5 101 777.7 32Z\" \/>\r\n                                 <path d=\"M773.2 33.7C804-36.7 867.6-76.9 915.3-56c47.7 20.9 61.4 94.9 30.5 165.4-30.8 70.4-94.4 110.6-142.1 89.8-47.7-20.9-61.3-94.9-30.5-165.4Z\" \/>\r\n                                 <path d=\"M768.5 35.6c28.3-72 92.1-114.2 142.4-94.3 50.3 19.8 68 94.2 39.6 166.1-28.3 72-92 114.2-142.3 94.3-50.3-19.8-68-94.2-39.7-166.1Z\" \/>\r\n                                 <path d=\"M763.6 37.7c25.8-73.2 89.6-117.5 142.6-98.8 53 18.7 75 93.2 49.2 166.4-25.8 73.2-89.6 117.5-142.6 98.8-53-18.7-75-93.2-49.2-166.4Z\" \/>\r\n                                 <path d=\"M758.4 40c23.2-74.3 87.2-120.5 143-103.2 55.8 17.4 82.3 91.8 59.1 166.1-23.1 74.4-87.1 120.6-143 103.3-55.7-17.4-82.2-91.8-59-166.1Z\" \/>\r\n                                 <path d=\"M753.1 42.7C773.6-32.7 837.7-80.9 896.5-65c58.7 16 89.8 90 69.4 165.3C945.5 175.7 881.3 224 822.5 208c-58.7-16-89.8-90-69.4-165.3Z\" \/>\r\n                                 <path d=\"M747.6 45.7c17.6-76.3 82-126.5 143.8-112.2 61.8 14.2 97.6 87.6 80 163.8-17.6 76.3-82 126.5-143.8 112.2-61.8-14.2-97.6-87.6-80-163.8Z\" \/>\r\n                                 <path d=\"M742 49c14.7-77 79.2-129.2 144.2-116.8 65 12.5 105.6 85 90.9 161.8-14.8 77-79.4 129.2-144.3 116.8-65-12.4-105.6-84.9-90.9-161.8Z\" \/>\r\n                                 <path d=\"M736 52.6C748-24.8 812.9-79.2 881-68.8 949-58.4 994.8 13 983 90.4c-11.9 77.5-76.8 131.8-145 121.4-68.1-10.4-113.8-81.7-102-159.2Z\" \/>\r\n                                 <path d=\"M730 56.7c9-77.9 74.1-134.4 145.6-126.3C947.1-61.4 998 8.4 989 86.3c-9 77.9-74.1 134.4-145.6 126.3-71.5-8.2-122.3-78-113.4-155.9Z\" \/>\r\n                                 <path d=\"M723.9 61.2c6-78.2 71.5-137 146.4-131.3C945.2-64.4 1001 3.6 995 82c-6 78.1-71.5 136.9-146.4 131.2C773.8 207.4 718 139.4 724 61.2Z\" \/>\r\n                                 <path d=\"M859.5-70.5a142 142 0 1 1 0 284 142 142 0 0 1 0-284Z\" \/>\r\n                              <\/g>\r\n                           <\/g>\r\n                        <\/svg>\r\n\r\n                        <!-- Product Data -->\r\n                        <div class=\"relative flex flex-col sm:col-start-1\">\r\n                           <h3 class=\"text-lg font-bold tracking-tight text-slate-100\">StruCalc Plus<\/h3>\r\n\r\n                           <div class=\"transition-container leading-none\">   \r\n                                 <p class=\"pricing-features-mesnthly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\r\n                                    <span>$<\/span>\r\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">69.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                    <span class=\"text-base font-medium text-slate-500\">\/mes<\/span>\r\n                                 <\/p><!-- .mesnthly-price -->\r\n\r\n                                 <p class=\"pricing-features-yearly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\r\n                                    <span>$<\/span>\r\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">755.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                    <span class=\"text-base font-medium text-slate-500\">\/a\u00f1o<\/span>\r\n                                 <\/p><!-- .mesnthly-price -->\r\n                           <\/div><!-- .transition-container -->\r\n                           <p class=\"mt-2 text-sm text-slate-100\">Twelve mesdules of advanced engineering tools for those who need a variety of tools.<\/p>\r\n                        <\/div><!-- .flex -->\r\n\r\n                         <!-- Toggles -->\r\n                        <div class=\"z-10 flex flex-col gap-2 sm:col-start-2\">\r\n                           <!-- Anual Switch -->\r\n                           <div class=\"flex w-full rounded bg-slate-100\/75 p-2 px-6 backdrop-blur-sm sm:flex-col lg:hidden\">\r\n                              <div class=\"mx-auto flex items-center self-center text-sm text-slate-800\">\r\n                                 <p>Pay Anual and Save?<\/p>\r\n                                 <button\r\n                                    type=\"button\"\r\n                                    aria-checked=\"false\"\r\n                                    class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\r\n                                    role=\"switch\"\r\n                                    id=\"pricing-features-yearly-switch\"\r\n                                 >\r\n                                    <span\r\n                                       aria-hidden=\"true\"\r\n                                       class=\"inline-block h-5 w-5 translate-x-0 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\r\n                                    \/>\r\n                                 <\/button>\r\n                              <\/div><!-- mx-auto -->\r\n                           <\/div><!-- .flex -->\r\n                        <\/div><!-- .z-10 -->\r\n\r\n                     <\/div><!-- .grid -->\r\n\r\n                     <!-- Feature categories -->\r\n                                          <div class=\"container mt-6\">\r\n                        <div id=\"pricing-features-accordion-collapse-mesbile-strucalc-plus\" data-accordion=\"collapse\" data-active-classes=\"bg-white\">\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-0\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-0\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"code-specification-geographical-support-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Code Specification &amp; Geographical Support<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-0\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 NDS<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2021 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 NDS<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Imperial Units<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Metric Units<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-1\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-1\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"materials-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Materials<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-1\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Steel<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Solid Sawn<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">I-Joists<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Glulams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Structural Composite<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-2\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-2\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"general-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">General Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-2\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">24+ Load Combinations<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">LRFD<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">ASD<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam &#038; Joist Spans<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Live &#038; Dead Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Isolated Footings<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Continuous Footings<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Collar Ties<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Embedded Posts<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Hip &#038; Valley Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Flitch Beam<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Stud Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wind, Snow, &#038; Seismic Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Advanced Footing Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Out of Plane Loading<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Multi-span Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Bearing Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Retaining Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-3\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-3\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"application-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Application Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-3\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">User Themes<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Linked Load Tracking<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam Analysis<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wall Analysis<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-4\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-4\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"material-specific-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Material-specific Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-4\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Shearwalls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\r\n                                                                  <span class=\"sr-only\">No<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Hangers<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Curved Glulams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                   <\/div><!-- accordion container -->\r\n                     <\/div><!-- .container -->\r\n\r\n                  <\/div><!-- .border-t -->\r\n                                 <!-- Product Container  -->\r\n                  <div class=\"border-t border-slate-200\">\r\n                     <!-- Product Card  -->\r\n\t\t\t\t\t\t   <div class=\"relative grid items-end gap-4 overflow-hidden rounded-sm border-transparent bg-gradient-to-br from-sky-700 to-sky-400 p-5 sm:grid-cols-2\">\r\n                        <!-- Illustration -->\r\n                        <svg\r\n                           class=\"absolute right-0 top-0 opacity-10 mix-blend-overlay\"\r\n                           width=\"474\"\r\n                           height=\"178.5\"\r\n                           aria-hidden=\"true\"\r\n                        >\r\n                           <defs>\r\n                              <linearGradient\r\n                                 x1=\"50%\"\r\n                                 y1=\"0%\"\r\n                                 x2=\"50%\"\r\n                                 y2=\"96.2%\"\r\n                                 id=\"a\"\r\n                              >\r\n                                 <stop\r\n                                    stop-color=\"#fff\"\r\n                                    stop-opacity=\".9\"\r\n                                    offset=\"0%\"\r\n                                 \/>\r\n                                 <stop\r\n                                    stop-color=\"#fff\"\r\n                                    stop-opacity=\".2\"\r\n                                    offset=\"100%\"\r\n                                 \/>\r\n                              <\/linearGradient>\r\n                           <\/defs>\r\n                           <g transform=\"scale(3,1.5)\">\r\n                              <g\r\n                                 transform=\"translate(-719 -96)\"\r\n                                 stroke=\"url(#a)\"\r\n                                 fill=\"none\"\r\n                                 fill-rule=\"evenodd\"\r\n                              >\r\n                                 <path d=\"M803 69.7c1-31 27-55.3 58.3-54.4 31.2 1 55.7 27 54.8 58-1 31-27.2 55.4-58.4 54.4s-55.7-27-54.7-58Z\" \/>\r\n                                 <path d=\"M859.2 15.3c32.6-.2 59.2 24.8 59.4 55.9.1 31-26.1 56.3-58.8 56.5-32.6.2-59.2-24.8-59.4-55.8-.1-31 26.1-56.4 58.8-56.6Z\" \/>\r\n                                 <path d=\"M857 15.4c34-1.5 62.7 22.4 64 53.4 1.4 31-25 57.3-59 58.8s-62.7-22.4-64-53.4c-1.4-31 25-57.3 59-58.8Z\" \/>\r\n                                 <path d=\"M855 15.5c35.3-3 66 19.8 68.6 50.7 2.6 31-24 58.4-59.5 61.3-35.4 3-66.2-19.8-68.7-50.7-2.5-31 24.1-58.4 59.5-61.3Z\" \/>\r\n                                 <path d=\"M852.8 15.6c36.8-4.4 69.6 17 73.3 48 3.7 30.8-23 59.4-59.9 63.8-36.8 4.4-69.6-17-73.3-47.9-3.7-30.8 23.1-59.4 59.9-63.9Z\" \/>\r\n                                 <path d=\"M850.7 15.9c38.1-6 73 14 77.9 44.7 4.9 30.7-22.1 60.5-60.3 66.6-38.1 6-73-14-77.9-44.7-4.8-30.8 22.1-60.6 60.3-66.6Z\" \/>\r\n                                 <path d=\"M848.6 16.1C888 8.3 925 26.8 931 57.4c6 30.6-21 61.7-60.6 69.5-39.5 7.8-76.4-10.7-82.4-41.3-6-30.6 21.1-61.7 60.6-69.5Z\" \/>\r\n                                 <path d=\"M846.5 16.4c40.8-9.6 79.7 7.2 86.8 37.7 7.2 30.4-20 62.8-60.8 72.5-40.8 9.6-79.7-7.3-86.8-37.7-7.2-30.4 20-62.9 60.8-72.5Z\" \/>\r\n                                 <path d=\"M844.4 16.8c42-11.6 82.9 3.5 91.2 33.8 8.3 30.2-19 64-61 75.7-42 11.5-82.9-3.6-91.2-33.8-8.3-30.3 19-64.2 61-75.7Z\" \/>\r\n                                 <path d=\"M842.3 17.1c43.2-13.6 86-.3 95.4 29.7 9.5 30-17.8 65.4-61 79-43.2 13.7-86 .4-95.4-29.6-9.5-30 17.8-65.5 61-79.1Z\" \/>\r\n                                 <path d=\"M840.3 17.5C884.6 1.7 929 13 939.8 42.9c10.6 29.8-16.7 66.8-61 82.6-44.4 15.8-88.9 4.4-99.5-25.4-10.7-29.8 16.6-66.8 61-82.6Z\" \/>\r\n                                 <path d=\"M838.2 17.9c45.3-18 91.6-8.7 103.4 21 11.8 29.6-15.4 68.2-60.8 86.2-45.3 18-91.6 8.7-103.4-21C765.6 74.6 792.8 36 838.2 18Z\" \/>\r\n                                 <path d=\"M836 18.3c46.3-20.4 94.3-13 107.3 16.3 13 29.4-14 69.8-60.3 90.1-46.3 20.4-94.3 13.1-107.3-16.3-12.9-29.4 14.1-69.7 60.4-90.1Z\" \/>\r\n                                 <path d=\"M834 18.7c47-22.8 96.6-17.6 110.7 11.5 14.2 29.2-12.6 71.3-59.6 94.1-47.1 22.8-96.7 17.6-110.8-11.5-14.2-29.2 12.6-71.3 59.6-94.1Z\" \/>\r\n                                 <path d=\"M831.8 19.1C879.6-6.2 930.7-3.2 946 25.7c15.3 29-11 73-58.8 98.2-47.8 25.3-98.9 22.3-114.2-6.6-15.3-29 11-73 58.8-98.2Z\" \/>\r\n                                 <path d=\"M829.6 19.5c48.3-27.8 101-27 117.4 1.6 16.5 28.7-9.3 74.5-57.6 102.4-48.4 27.8-101 27-117.4-1.6s9.2-74.5 57.6-102.4Z\" \/>\r\n                                 <path d=\"M827.4 20c48.8-30.4 102.7-32 120.4-3.6 17.8 28.5-7.4 76.2-56.2 106.6-48.7 30.5-102.7 32-120.4 3.6C753.4 98 778.6 50.4 827.4 20Z\" \/>\r\n                                 <path d=\"M825.1 20.4c49-33 104.3-37 123.3-8.7 19 28.2-5.4 77.8-54.5 110.9-49 33-104.2 37-123.2 8.8-19-28.3 5.3-78 54.4-111Z\" \/>\r\n                                 <path d=\"M822.7 20.9c49.2-35.8 105.6-42 125.9-14 20.3 27.9-3.1 79.5-52.3 115.2-49.2 35.7-105.6 42-125.9 14-20.3-27.9 3.1-79.5 52.3-115.2Z\" \/>\r\n                                 <path d=\"M820.3 21.3C869.5-17 927-25.7 948.6 2c21.6 27.7-.8 81.3-50 119.7-49.1 38.4-106.5 47-128.1 19.3-21.7-27.7.7-81.3 49.8-119.7Z\" \/>\r\n                                 <path d=\"M817.8 21.8c49-41 107.4-52.1 130.4-24.7 23 27.5 2 83-47 124-49 41.2-107.4 52.2-130.4 24.8-23-27.4-2-83 47-124Z\" \/>\r\n                                 <path d=\"M815.3 22.3c48.6-43.7 107.8-57.2 132.2-30 24.5 27.1 4.9 84.6-43.7 128.4-48.6 43.7-107.9 57.2-132.3 30-24.5-27.1-4.9-84.6 43.7-128.4Z\" \/>\r\n                                 <path d=\"M812.6 22.9c48-46.4 108-62.3 134-35.4 25.9 26.8 8 86.2-40.1 132.7-48.1 46.4-108.1 62.2-134 35.3-26-26.8-8-86.2 40-132.6Z\" \/>\r\n                                 <path d=\"M809.7 23.4c47.4-49 108-67.2 135.6-40.7 27.4 26.6 11.3 87.9-36 136.9-47.4 49-108 67.2-135.6 40.7-27.4-26.6-11.3-87.8 36-136.9Z\" \/>\r\n                                 <path d=\"M806.8 24C853.3-27.5 914.5-48 943.6-22c29.1 26.3 15 89.4-31.4 141-46.5 51.5-107.7 72.1-136.8 46-29.1-26.3-15-89.4 31.4-141Z\" \/>\r\n                                 <path d=\"M803.8 24.7c45.3-54 107.1-77 137.9-51.1 30.8 25.8 19 90.6-26.4 144.7-45.4 54-107.2 77-138 51.1-30.8-25.8-19-90.6 26.5-144.7Z\" \/>\r\n                                 <path d=\"M800.5 25.5c44.2-56.6 106.4-81.8 139-56.3 32.5 25.4 23.1 91.8-21 148.3-44.2 56.6-106.3 81.8-138.9 56.3-32.6-25.4-23.2-91.8 21-148.3Z\" \/>\r\n                                 <path d=\"M797.2 26.3c42.7-58.9 105.2-86.4 139.6-61.4 34.5 25 27.8 93-15 151.8-42.7 58.9-105.2 86.4-139.6 61.4-34.4-25-27.7-93 15-151.8Z\" \/>\r\n                                 <path d=\"M793.6 27.2C834.8-34 897.6-63.6 934-39.1c36.3 24.5 32.5 93.8-8.6 155-41.1 61-104 90.7-140.3 66.2-36.4-24.4-32.6-93.8 8.5-155Z\" \/>\r\n                                 <path d=\"M790 28.2C829.2-35 892.2-66.8 930.7-43c38.4 24 37.6 94.6-1.7 157.8C889.7 178 826.7 210 788.3 186c-38.5-24-37.7-94.6 1.6-157.8Z\" \/>\r\n                                 <path d=\"M786 29.3c37.5-65.2 100.7-99.2 141.3-76 40.6 23.4 43.1 95.1 5.7 160.4-37.4 65.2-100.7 99.2-141.3 76-40.5-23.4-43-95.1-5.7-160.4Z\" \/>\r\n                                 <path d=\"M782 30.6c35.3-67 98.7-103.2 141.5-80.6 42.9 22.5 49 95.2 13.6 162.4-35.4 67-98.8 103.2-141.6 80.6-42.9-22.5-49-95.2-13.6-162.4Z\" \/>\r\n                                 <path d=\"M777.7 32.1c33.1-68.9 96.6-107 141.8-85.3 45.2 21.8 55 95.2 21.8 164.1-33.1 68.9-96.6 107-141.8 85.3S744.5 101 777.7 32Z\" \/>\r\n                                 <path d=\"M773.2 33.7C804-36.7 867.6-76.9 915.3-56c47.7 20.9 61.4 94.9 30.5 165.4-30.8 70.4-94.4 110.6-142.1 89.8-47.7-20.9-61.3-94.9-30.5-165.4Z\" \/>\r\n                                 <path d=\"M768.5 35.6c28.3-72 92.1-114.2 142.4-94.3 50.3 19.8 68 94.2 39.6 166.1-28.3 72-92 114.2-142.3 94.3-50.3-19.8-68-94.2-39.7-166.1Z\" \/>\r\n                                 <path d=\"M763.6 37.7c25.8-73.2 89.6-117.5 142.6-98.8 53 18.7 75 93.2 49.2 166.4-25.8 73.2-89.6 117.5-142.6 98.8-53-18.7-75-93.2-49.2-166.4Z\" \/>\r\n                                 <path d=\"M758.4 40c23.2-74.3 87.2-120.5 143-103.2 55.8 17.4 82.3 91.8 59.1 166.1-23.1 74.4-87.1 120.6-143 103.3-55.7-17.4-82.2-91.8-59-166.1Z\" \/>\r\n                                 <path d=\"M753.1 42.7C773.6-32.7 837.7-80.9 896.5-65c58.7 16 89.8 90 69.4 165.3C945.5 175.7 881.3 224 822.5 208c-58.7-16-89.8-90-69.4-165.3Z\" \/>\r\n                                 <path d=\"M747.6 45.7c17.6-76.3 82-126.5 143.8-112.2 61.8 14.2 97.6 87.6 80 163.8-17.6 76.3-82 126.5-143.8 112.2-61.8-14.2-97.6-87.6-80-163.8Z\" \/>\r\n                                 <path d=\"M742 49c14.7-77 79.2-129.2 144.2-116.8 65 12.5 105.6 85 90.9 161.8-14.8 77-79.4 129.2-144.3 116.8-65-12.4-105.6-84.9-90.9-161.8Z\" \/>\r\n                                 <path d=\"M736 52.6C748-24.8 812.9-79.2 881-68.8 949-58.4 994.8 13 983 90.4c-11.9 77.5-76.8 131.8-145 121.4-68.1-10.4-113.8-81.7-102-159.2Z\" \/>\r\n                                 <path d=\"M730 56.7c9-77.9 74.1-134.4 145.6-126.3C947.1-61.4 998 8.4 989 86.3c-9 77.9-74.1 134.4-145.6 126.3-71.5-8.2-122.3-78-113.4-155.9Z\" \/>\r\n                                 <path d=\"M723.9 61.2c6-78.2 71.5-137 146.4-131.3C945.2-64.4 1001 3.6 995 82c-6 78.1-71.5 136.9-146.4 131.2C773.8 207.4 718 139.4 724 61.2Z\" \/>\r\n                                 <path d=\"M859.5-70.5a142 142 0 1 1 0 284 142 142 0 0 1 0-284Z\" \/>\r\n                              <\/g>\r\n                           <\/g>\r\n                        <\/svg>\r\n\r\n                        <!-- Product Data -->\r\n                        <div class=\"relative flex flex-col sm:col-start-1\">\r\n                           <h3 class=\"text-lg font-bold tracking-tight text-slate-100\">StruCalc Pro<\/h3>\r\n\r\n                           <div class=\"transition-container leading-none\">   \r\n                                 <p class=\"pricing-features-mesnthly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\r\n                                    <span>$<\/span>\r\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">89.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                    <span class=\"text-base font-medium text-slate-500\">\/mes<\/span>\r\n                                 <\/p><!-- .mesnthly-price -->\r\n\r\n                                 <p class=\"pricing-features-yearly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\r\n                                    <span>$<\/span>\r\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">971.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                    <span class=\"text-base font-medium text-slate-500\">\/a\u00f1o<\/span>\r\n                                 <\/p><!-- .mesnthly-price -->\r\n                           <\/div><!-- .transition-container -->\r\n                           <p class=\"mt-2 text-sm text-slate-100\">The professional&#8217;s choice. The ultimate package. 16 design mesdules and countless features.<\/p>\r\n                        <\/div><!-- .flex -->\r\n\r\n                         <!-- Toggles -->\r\n                        <div class=\"z-10 flex flex-col gap-2 sm:col-start-2\">\r\n                           <!-- Anual Switch -->\r\n                           <div class=\"flex w-full rounded bg-slate-100\/75 p-2 px-6 backdrop-blur-sm sm:flex-col lg:hidden\">\r\n                              <div class=\"mx-auto flex items-center self-center text-sm text-slate-800\">\r\n                                 <p>Pay Anual and Save?<\/p>\r\n                                 <button\r\n                                    type=\"button\"\r\n                                    aria-checked=\"false\"\r\n                                    class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\r\n                                    role=\"switch\"\r\n                                    id=\"pricing-features-yearly-switch\"\r\n                                 >\r\n                                    <span\r\n                                       aria-hidden=\"true\"\r\n                                       class=\"inline-block h-5 w-5 translate-x-0 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\r\n                                    \/>\r\n                                 <\/button>\r\n                              <\/div><!-- mx-auto -->\r\n                           <\/div><!-- .flex -->\r\n                        <\/div><!-- .z-10 -->\r\n\r\n                     <\/div><!-- .grid -->\r\n\r\n                     <!-- Feature categories -->\r\n                                          <div class=\"container mt-6\">\r\n                        <div id=\"pricing-features-accordion-collapse-mesbile-strucalc-pro\" data-accordion=\"collapse\" data-active-classes=\"bg-white\">\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-pro-0\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-pro-0\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"code-specification-geographical-support-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Code Specification &amp; Geographical Support<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-pro-0\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 NDS<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2021 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 IBC<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 NDS<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Imperial Units<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Metric Units<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-pro-1\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-pro-1\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"materials-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Materials<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-pro-1\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Steel<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Solid Sawn<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">I-Joists<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Glulams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Structural Composite<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-pro-2\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-pro-2\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"general-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">General Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-pro-2\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">24+ Load Combinations<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">LRFD<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">ASD<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam &#038; Joist Spans<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Live &#038; Dead Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Isolated Footings<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Continuous Footings<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Collar Ties<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Embedded Posts<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Hip &#038; Valley Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Flitch Beam<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Stud Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wind, Snow, &#038; Seismic Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Advanced Footing Loads<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Out of Plane Loading<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Multi-span Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Bearing Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Retaining Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-pro-3\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-pro-3\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"application-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Application Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-pro-3\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">User Themes<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Linked Load Tracking<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam Analysis<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wall Analysis<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                            <div class=\"\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-pro-4\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-pro-4\">\r\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\r\n                                       <button data-value=\"material-specific-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Material-specific Features<\/h4>\r\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                                       <\/button>\r\n                                    <\/div><!-- .heading -->\r\n                                 <\/div><!-- .accordion-item -->\r\n\r\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-pro-4\" class=\"accordion-body\">\r\n                                    <div class=\"py-4\">                        \r\n                                       <div class=\"relative\">\r\n                                          <!-- Fake card background -->\r\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\r\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\r\n                                          <\/div><!-- .pointer-events -->\r\n\r\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\r\n                                             <dl class=\"divide-y divide-slate-200\">\r\n\r\n                                                <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Beams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Shearwalls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Columns<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Walls<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Hangers<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\r\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Curved Glulams<\/dt>\r\n                                                         \r\n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\r\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\r\n                                                                  <span class=\"sr-only\">Yes<\/span>\r\n                                                               <\/dd>\r\n                                                                                                                        \r\n                                                         <\/div>\r\n                                                                                                      \r\n                                             <\/dl>\r\n                                          <\/div><!-- .relative rounded -->\r\n                                       <\/div><!-- .relative -->\r\n                                    <\/div><!-- .pb-4 pt-1 -->\r\n                                 <\/div><!-- .accordion-body -->\r\n                                                   <\/div><!-- accordion container -->\r\n                     <\/div><!-- .container -->\r\n\r\n                  <\/div><!-- .border-t -->\r\n                           <\/div><!-- .mx-auto -->\r\n\r\n\r\n         <\/section>\r\n\r\n         <!-- Feature comparison (lg+) -->\r\n         <section class=\"hidden tracking-normal lg:block\">\r\n\r\n            <div class=\"container max-w-5xl\">\r\n               <table class=\"relative h-full w-full\">\r\n                  <h2 class=\"sr-only\">Pricing Tier Comparison<\/h2>\r\n\r\n                  <thead>\r\n                        <tr>\r\n                           <th class=\"w-1\/3 pb-3 pr-4 pt-6 text-left text-sm font-bold text-slate-900\" scope=\"col\">\r\n                              <span class=\"sr-only\">Feature by<\/span>\r\n                              <span>Plans<\/span>\r\n                           <\/th>\r\n                                                         <th class=\"relative w-1\/3 px-4 py-0 text-left text-xl font-bold leading-6 tracking-tight text-slate-900\" scope=\"col\">\r\n                                    StruCalc Plus                              <\/th>\r\n                                                         <th class=\"relative w-1\/3 px-4 py-0 text-left text-xl font-bold leading-6 tracking-tight text-slate-900\" scope=\"col\">\r\n                                    StruCalc Pro                              <\/th>\r\n                                                   <\/tr>\r\n                  <\/thead>\r\n\r\n                  <tbody class=\"divide-y divide-slate-200 border-t border-slate-200\">\r\n                        <!-- Pricing -->\r\n                        <tr>\r\n                           <th class=\"w-1\/3 pb-3 pr-4 pt-6 text-left align-top text-sm font-bold text-slate-900\" scope=\"row\">Pricing<\/th>\r\n                                                         <td class=\"relative h-full w-1\/3 px-4 pt-6 text-left align-top\">\r\n                                    <div class=\"flex h-full flex-col justify-between gap-2\">\r\n                                       <div>\r\n                                          <div class=\"transition-container\">   \r\n                                                <p class=\"flex items-baseline font-display font-extrabold leading-none text-slate-900 pricing-features-mesnthly-price\">\r\n                                                   <span class=\"self-center text-lg\">$<\/span>\r\n                                                   <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">69.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                                   <span class=\"text-base font-medium text-slate-500\">\/mes<\/span>\r\n                                                <\/p><!-- .mesnthly-price -->\r\n\r\n                                                <p class=\"flex items-baseline font-display font-extrabold leading-none text-slate-900 pricing-features-yearly-price\">\r\n                                                   <span class=\"self-center text-lg\">$<\/span>\r\n                                                   <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">755.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                                   <span class=\"text-base font-medium text-slate-500\">\/a\u00f1o<\/span>\r\n                                                <\/p><!-- .mesnthly-price -->\r\n                                          <\/div><!-- .transition-container -->\r\n\r\n                                          <p class=\"mt-4 text-sm text-slate-500\">\r\n                                                Twelve mesdules of advanced engineering tools for those who need a variety of tools.                                          <\/p>\r\n                                       <\/div>\r\n                                    <\/div><!-- .flex -->\r\n                              <\/td>\r\n                                                         <td class=\"relative h-full w-1\/3 px-4 pt-6 text-left align-top\">\r\n                                    <div class=\"flex h-full flex-col justify-between gap-2\">\r\n                                       <div>\r\n                                          <div class=\"transition-container\">   \r\n                                                <p class=\"flex items-baseline font-display font-extrabold leading-none text-slate-900 pricing-features-mesnthly-price\">\r\n                                                   <span class=\"self-center text-lg\">$<\/span>\r\n                                                   <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">89.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                                   <span class=\"text-base font-medium text-slate-500\">\/mes<\/span>\r\n                                                <\/p><!-- .mesnthly-price -->\r\n\r\n                                                <p class=\"flex items-baseline font-display font-extrabold leading-none text-slate-900 pricing-features-yearly-price\">\r\n                                                   <span class=\"self-center text-lg\">$<\/span>\r\n                                                   <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">971.<span class=\"align-text-top text-2xl\/relaxed\">68<\/span><\/span>                                                   <span class=\"text-base font-medium text-slate-500\">\/a\u00f1o<\/span>\r\n                                                <\/p><!-- .mesnthly-price -->\r\n                                          <\/div><!-- .transition-container -->\r\n\r\n                                          <p class=\"mt-4 text-sm text-slate-500\">\r\n                                                The professional&#8217;s choice. The ultimate package. 16 design mesdules and countless features.                                          <\/p>\r\n                                       <\/div>\r\n                                    <\/div><!-- .flex -->\r\n                              <\/td>\r\n                                                   <\/tr>\r\n                  <\/tbody>\r\n               <\/table>\r\n            <\/div><!-- .container -->\r\n\r\n                        <div class=\"container mt-6 max-w-5xl rounded-sm border py-3\">\r\n               <div id=\"pricing-features-accordion-collapse\" data-accordion=\"collapse\" data-active-classes=\"bg-white\">\r\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-0\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-0\">\r\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\r\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"code-specification-geographical-support\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                    <h3 class=\"text-sm font-bold\">Code Specification &amp; Geographical Support<\/h3>\r\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                              <\/button>\r\n                           <\/div><!-- .heading -->\r\n                        <\/div><!-- .accordion-item -->\r\n\r\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-0\">\r\n                           <div class=\"pb-4 pt-1\">                        \r\n                              <div class=\"relative\">\r\n                                    <!-- Fake card backgrounds -->\r\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\r\n                                       <div class=\"w-1\/3 pr-4\"><\/div>\r\n                                       <div class=\"w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full\"><\/div>\r\n                                       <\/div>\r\n                                       <div class=\"-my-2 w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\r\n                                       <\/div>\r\n                                    <\/div><!-- .pointer-events -->\r\n\r\n                                    <table class=\"relative mb-1 w-full\">\r\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\r\n                                       <!-- SR Header -->\r\n                                       <thead>\r\n                                          <tr class=\"text-left\">\r\n                                                <th scope=\"col\">\r\n                                                   <span class=\"sr-only\">Feature Name<\/span>\r\n                                                <\/th>\r\n\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Plus Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Pro Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                          <\/tr>\r\n                                       <\/thead>\r\n                                       <tbody class=\"divide-y divide-slate-200\">\r\n                                          <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                             <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            2024 IBC                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            2024 NDS                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            2021 IBC                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            2018 IBC                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            2018 NDS                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Imperial Units                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Metric Units                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                       <\/tbody>\r\n                                    <\/table>\r\n                              <\/div>\r\n                           <\/div>\r\n                        <\/div>\r\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-1\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-1\">\r\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\r\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"materials\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                    <h3 class=\"text-sm font-bold\">Materials<\/h3>\r\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                              <\/button>\r\n                           <\/div><!-- .heading -->\r\n                        <\/div><!-- .accordion-item -->\r\n\r\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-1\">\r\n                           <div class=\"pb-4 pt-1\">                        \r\n                              <div class=\"relative\">\r\n                                    <!-- Fake card backgrounds -->\r\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\r\n                                       <div class=\"w-1\/3 pr-4\"><\/div>\r\n                                       <div class=\"w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full\"><\/div>\r\n                                       <\/div>\r\n                                       <div class=\"-my-2 w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\r\n                                       <\/div>\r\n                                    <\/div><!-- .pointer-events -->\r\n\r\n                                    <table class=\"relative mb-1 w-full\">\r\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\r\n                                       <!-- SR Header -->\r\n                                       <thead>\r\n                                          <tr class=\"text-left\">\r\n                                                <th scope=\"col\">\r\n                                                   <span class=\"sr-only\">Feature Name<\/span>\r\n                                                <\/th>\r\n\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Plus Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Pro Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                          <\/tr>\r\n                                       <\/thead>\r\n                                       <tbody class=\"divide-y divide-slate-200\">\r\n                                          <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                             <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Steel                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Solid Sawn                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            I-Joists                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Glulams                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Structural Composite                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                       <\/tbody>\r\n                                    <\/table>\r\n                              <\/div>\r\n                           <\/div>\r\n                        <\/div>\r\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-2\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-2\">\r\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\r\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"general-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                    <h3 class=\"text-sm font-bold\">General Features<\/h3>\r\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                              <\/button>\r\n                           <\/div><!-- .heading -->\r\n                        <\/div><!-- .accordion-item -->\r\n\r\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-2\">\r\n                           <div class=\"pb-4 pt-1\">                        \r\n                              <div class=\"relative\">\r\n                                    <!-- Fake card backgrounds -->\r\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\r\n                                       <div class=\"w-1\/3 pr-4\"><\/div>\r\n                                       <div class=\"w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full\"><\/div>\r\n                                       <\/div>\r\n                                       <div class=\"-my-2 w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\r\n                                       <\/div>\r\n                                    <\/div><!-- .pointer-events -->\r\n\r\n                                    <table class=\"relative mb-1 w-full\">\r\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\r\n                                       <!-- SR Header -->\r\n                                       <thead>\r\n                                          <tr class=\"text-left\">\r\n                                                <th scope=\"col\">\r\n                                                   <span class=\"sr-only\">Feature Name<\/span>\r\n                                                <\/th>\r\n\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Plus Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Pro Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                          <\/tr>\r\n                                       <\/thead>\r\n                                       <tbody class=\"divide-y divide-slate-200\">\r\n                                          <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                             <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            24+ Load Combinations                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            LRFD                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            ASD                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Beam &#038; Joist Spans                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Live &#038; Dead Loads                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Isolated Footings                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Continuous Footings                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Collar Ties                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Embedded Posts                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Hip &#038; Valley Beams                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Flitch Beam                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Stud Walls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Wind, Snow, &#038; Seismic Loads                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Advanced Footing Loads                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Out of Plane Loading                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Multi-span Columns                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Bearing Walls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Retaining Walls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                       <\/tbody>\r\n                                    <\/table>\r\n                              <\/div>\r\n                           <\/div>\r\n                        <\/div>\r\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-3\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-3\">\r\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\r\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"application-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                    <h3 class=\"text-sm font-bold\">Application Features<\/h3>\r\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                              <\/button>\r\n                           <\/div><!-- .heading -->\r\n                        <\/div><!-- .accordion-item -->\r\n\r\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-3\">\r\n                           <div class=\"pb-4 pt-1\">                        \r\n                              <div class=\"relative\">\r\n                                    <!-- Fake card backgrounds -->\r\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\r\n                                       <div class=\"w-1\/3 pr-4\"><\/div>\r\n                                       <div class=\"w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full\"><\/div>\r\n                                       <\/div>\r\n                                       <div class=\"-my-2 w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\r\n                                       <\/div>\r\n                                    <\/div><!-- .pointer-events -->\r\n\r\n                                    <table class=\"relative mb-1 w-full\">\r\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\r\n                                       <!-- SR Header -->\r\n                                       <thead>\r\n                                          <tr class=\"text-left\">\r\n                                                <th scope=\"col\">\r\n                                                   <span class=\"sr-only\">Feature Name<\/span>\r\n                                                <\/th>\r\n\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Plus Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Pro Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                          <\/tr>\r\n                                       <\/thead>\r\n                                       <tbody class=\"divide-y divide-slate-200\">\r\n                                          <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                             <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            User Themes                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Linked Load Tracking                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Beam Analysis                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Wall Analysis                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                       <\/tbody>\r\n                                    <\/table>\r\n                              <\/div>\r\n                           <\/div>\r\n                        <\/div>\r\n                                          <div class=\"\"  data-accordion-target=\"#accordion-collapse-body-4\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-4\">\r\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\r\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"material-specific-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\r\n                                    <h3 class=\"text-sm font-bold\">Material-specific Features<\/h3>\r\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\r\n                              <\/button>\r\n                           <\/div><!-- .heading -->\r\n                        <\/div><!-- .accordion-item -->\r\n\r\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-4\">\r\n                           <div class=\"pb-4 pt-1\">                        \r\n                              <div class=\"relative\">\r\n                                    <!-- Fake card backgrounds -->\r\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\r\n                                       <div class=\"w-1\/3 pr-4\"><\/div>\r\n                                       <div class=\"w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full\"><\/div>\r\n                                       <\/div>\r\n                                       <div class=\"-my-2 w-1\/3 px-4\">\r\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\r\n                                       <\/div>\r\n                                    <\/div><!-- .pointer-events -->\r\n\r\n                                    <table class=\"relative mb-1 w-full\">\r\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\r\n                                       <!-- SR Header -->\r\n                                       <thead>\r\n                                          <tr class=\"text-left\">\r\n                                                <th scope=\"col\">\r\n                                                   <span class=\"sr-only\">Feature Name<\/span>\r\n                                                <\/th>\r\n\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Plus Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                                   <th scope=\"col\">\r\n                                                      <span class=\"sr-only\">StruCalc Pro Tier<\/span>\r\n                                                   <\/th>\r\n                                                                                          <\/tr>\r\n                                       <\/thead>\r\n                                       <tbody class=\"divide-y divide-slate-200\">\r\n                                          <!-- Get all Feature posts in the current Feature Category term -->\r\n                                                                                             <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Concrete Beams                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Masonry Beams                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Wood Shearwalls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Concrete Columns                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Masonry Columns                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Concrete Walls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Masonry Walls                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\r\n                                                                        <span class=\"sr-only\">Not Included in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Wood Hangers                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                                   <tr>\r\n                                                      <th scope=\"row\" class=\"w-1\/3 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\r\n                                                            Curved Glulams                                                      <\/th>\r\n\r\n                                                                                                                     <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Plus<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                                 <td class=\"relative w-1\/3 px-4 py-0 text-center\">\r\n                                                                  <span class=\"relative h-full w-full py-3\">\r\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\r\n                                                                        <\/svg>\r\n                                                                        <span class=\"sr-only\">Supported in StruCalc Pro<\/span>\r\n                                                                  <\/span>\r\n                                                               <\/td>\r\n                                                                                                                                                                     <\/tr>\r\n                                                                                       <\/tbody>\r\n                                    <\/table>\r\n                              <\/div>\r\n                           <\/div>\r\n                        <\/div>\r\n                                 <\/div><!-- accordion container -->\r\n            <\/div><!-- .container -->\r\n\r\n         <\/section><!-- .tracking-normal -->\r\n\r\n      <\/div><!-- .scroll-mt-0 -->\r\n   <\/div><!-- #Features -->\r\n\r\n<\/div><!-- # -->\r\n   <!-- Embed the JavaScript with the data -->\r\n   <script type=\"text\/javascript\">\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const pricingData = [{\"ID\":178,\"title\":\"StruCalc Plus\",\"prices\":{\"mesnthly_price\":\"69.97\",\"yearly_price\":\"755.68\",\"full_price\":\"839\"},\"description\":\"Twelve mesdules of advanced engineering tools for those who need a variety of tools.\"},{\"ID\":179,\"title\":\"StruCalc Pro\",\"prices\":{\"mesnthly_price\":\"89.97\",\"yearly_price\":\"971.68\",\"full_price\":\"1079\"},\"description\":\"The professional's choice. The ultimate package. 16 design mesdules and countless features.\"}];\r\n\r\n            console.log(pricingData);\r\n\r\n            \/\/ Switches\r\n            const pricingFeaturesAnualSwitch = document.getElementById(\"pricing-features-yearly-switch\");\r\n            const bulkAnualSwitch = document.getElementById(\"bulk-yearly-switch\");\r\n\r\n            const multipleLicensesSwitch = document.getElementById('pricing-features-bulk-switch');\r\n            const bulkDiscountCalculator = document.getElementById('bulk-discount-calculator');\r\n            \r\n            const tierButtons = document.querySelectorAll('input[name=\"tier\"]');\r\n            const bulkRange = document.getElementById(\"bulk-range\");\r\n            const seatCountDisplay = document.getElementById(\"seat-count\");\r\n            const calculatedPriceMensualmente = document.getElementById(\"calculated-price-mesnthly\");\r\n            const calculatedPriceAnual = document.getElementById(\"calculated-price-yearly\");\r\n\r\n            const mesnthlySavings = document.getElementById(\"mesnthly-savings\");\r\n            const yearlySavings = document.getElementById(\"yearly-savings\");\r\n\r\n            let pricingFeaturesAnual = false;\r\n            let selectedTier = null;\r\n            let seatCount = bulkRange.value;\r\n\r\n            \/\/ Function to toggle switches\r\n            function toggleAnualSwitches(state) {\r\n               pricingFeaturesAnual = state;\r\n               updateSwitch(pricingFeaturesAnualSwitch, state);\r\n               updateSwitch(bulkAnualSwitch, state);\r\n               pricingFeaturesUpdatePrices();\r\n               updateBulkPrices();\r\n            }\r\n\r\n            pricingFeaturesAnualSwitch.addEventListener(\"click\", function () {\r\n                pricingFeaturesAnual = !pricingFeaturesAnual;\r\n                \/\/pricingFeaturesUpdatePrices();\r\n                \/\/updateSwitch(pricingFeaturesAnualSwitch, pricingFeaturesAnual);\r\n                toggleAnualSwitches(pricingFeaturesAnual);\r\n            });\r\n\r\n            bulkAnualSwitch.addEventListener(\"click\", function () {\r\n                pricingFeaturesAnual = !pricingFeaturesAnual;\r\n                \/\/updateBulkPrices();\r\n                \/\/updateSwitch(bulkAnualSwitch, pricingFeaturesAnual);\r\n                toggleAnualSwitches(pricingFeaturesAnual);\r\n            });\r\n\r\n            multipleLicensesSwitch.addEventListener(\"click\", function () {\r\n                  const isActive = multipleLicensesSwitch.getAttribute('aria-checked') === 'true';\r\n                  multipleLicensesSwitch.setAttribute('aria-checked', !isActive);\r\n                  if (isActive) {\r\n                     multipleLicensesSwitch.classList.remesve('bg-sky-500');\r\n                     multipleLicensesSwitch.classList.remesve('active');\r\n                     multipleLicensesSwitch.classList.add('bg-slate-200');\r\n                     bulkDiscountCalculator.classList.add('hidden');\r\n                  } else {\r\n                     multipleLicensesSwitch.classList.remesve('bg-slate-200');\r\n                     multipleLicensesSwitch.classList.add('bg-sky-500');\r\n                     multipleLicensesSwitch.classList.add('active');\r\n                     bulkDiscountCalculator.classList.remesve('hidden');\r\n                  }\r\n            });\r\n\r\n            \/\/ Initialize the first tier button as active\/checked\r\n            if (tierButtons.length > 0) {\r\n                  tierButtons[0].checked = true;\r\n                  selectedTier = tierButtons[0].value;\r\n                  const firstLabel = document.querySelector(`label[for=\"${tierButtons[0].id}\"]`);\r\n                  if (firstLabel) {\r\n                     firstLabel.classList.add(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\r\n                     const labelSelected = firstLabel.querySelectorAll('.label-selected');\r\n                     if (labelSelected) {\r\n                        for (let i = 0; i < labelSelected.length; i++) {\r\n                              labelSelected[i].classList.remesve(\"hidden\");\r\n                        }\r\n                     }\r\n                  }\r\n                  updateBulkPrices();\r\n            }\r\n\r\n            tierButtons.forEach(button => {\r\n                button.addEventListener(\"change\", function () {\r\n                     selectedTier = this.value;\r\n                     console.log('Selected Tier:', selectedTier);  \/\/ Log the selected tier ID\r\n                     \/\/this.classList.add(\"border-sky-600 ring-2 ring-sky-600\");\r\n                     \r\n                     \/\/ Remesve the class from all labels\r\n                     tierButtons.forEach(b => {\r\n                           const label = document.querySelector(`label[for=\"${b.id}\"]`);\r\n                           if (label) {\r\n                              label.classList.remesve(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\r\n                              const labelSelected = label.querySelectorAll('.label-selected');\r\n                             \r\n                              if (labelSelected) {\r\n                                 for (let i = 0; i < labelSelected.length; i++) {\r\n                                    labelSelected[i].classList.add(\"hidden\");\r\n                                 }\r\n                                 \/\/labelSelected.classList.remesve(\"hidden\");\r\n                              }\r\n                           }\r\n                     });\r\n                    \r\n                     \/\/ Add the class to the selected radio's label\r\n                     const selectedLabel = document.querySelector(`label[for=\"${this.id}\"]`);\r\n                     if (selectedLabel) {\r\n                           selectedLabel.classList.add(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\r\n                           const labelSelected = selectedLabel.querySelectorAll('.label-selected');\r\n                           if (labelSelected) {\r\n                              for (let i = 0; i < labelSelected.length; i++) {\r\n                                 labelSelected[i].classList.remesve(\"hidden\");\r\n                              }\r\n                              \r\n                           }\r\n                     }\r\n\r\n                    updateBulkPrices();\r\n                });\r\n            });\r\n\r\n            bulkRange.addEventListener(\"input\", function () {\r\n                seatCount = this.value;\r\n                seatCountDisplay.textContent = seatCount;\r\n                updateBulkPrices();\r\n                bulkProgress();\r\n            });\r\n\r\n            function getBulkDiscount(seats, isAnual) {\r\n               if (seats >= 20) {\r\n                     return isAnual ? 0.4 : 0.25;\r\n               } else if (seats >= 10) {\r\n                     return isAnual ? 0.3 : 0.2;\r\n               } else if (seats >= 5) {\r\n                     return isAnual ? 0.2 : 0.15;\r\n               } else {\r\n                     return isAnual ? 0.1 : 0.0;\r\n               }\r\n            } \/\/ getBulkDiscount()\r\n\r\n            function roundToTwoDecimals(num) {\r\n               return Math.round((num + Number.EPSILON) * 100) \/ 100;\r\n            } \/\/ roundToTwoDecimals\r\n\r\n            function pricingFeaturesUpdatePrices() {\r\n                const mesnthlyPrices = document.querySelectorAll(\".pricing-features-mesnthly-price\");\r\n                const pricingFeaturesAnualPrices = document.querySelectorAll(\".pricing-features-yearly-price\");\r\n\r\n                if (pricingFeaturesAnual) {\r\n                    mesnthlyPrices.forEach((price) => {\r\n                        price.classList.remesve(\"active\");\r\n                        setTimeout(() => price.classList.add(\"hidden\"), 400);\r\n                    });\r\n                    pricingFeaturesAnualPrices.forEach((price) => {\r\n                        price.classList.remesve(\"hidden\");\r\n                        setTimeout(() => price.classList.add(\"active\"), 0);\r\n                    });\r\n                } else {\r\n                    pricingFeaturesAnualPrices.forEach((price) => {\r\n                        price.classList.remesve(\"active\");\r\n                        setTimeout(() => price.classList.add(\"hidden\"), 400);\r\n                    });\r\n                    mesnthlyPrices.forEach((price) => {\r\n                        price.classList.remesve(\"hidden\");\r\n                        setTimeout(() => price.classList.add(\"active\"), 0);\r\n                    });\r\n                }\r\n                updateBulkPrices();\r\n            } \/\/ pricingFeaturesUpdatePrices()\r\n\r\n            function updateBulkPrices() {\r\n                if (!selectedTier) return;\r\n\r\n                \/\/ Log all product IDs that the code is checking\r\n               pricingData.forEach(p => {\r\n                     console.log('Checking product ID:', p.ID, 'Type:', typeof p.ID);\r\n               });\r\n\r\n               \/\/ Log the selectedTier ID and its type\r\n               console.log('Selected Tier ID:', selectedTier, 'Type:', typeof selectedTier);\r\n\r\n                const product = pricingData.find(p => parseInt(p.ID) === parseInt(selectedTier));\r\n                if (!product) {\r\n                    console.error('Product not found for selected tier:', selectedTier);\r\n                    return;\r\n                }\r\n\r\n                console.log('Product found:', product);  \/\/ Log the found product\r\n\r\n                const priceMensualmente = parseFloat(product.prices.mesnthly_price);\r\n                const priceAnual = parseFloat(product.prices.mesnthly_price) * 12;\r\n                \/\/const bulkDiscount = 0.9; \/\/ Example discount factor\r\n                const bulkDiscount = getBulkDiscount(seatCount, pricingFeaturesAnual);\r\n\r\n                const fullPriceMensualmente = priceMensualmente * seatCount;\r\n                const fullPriceAnual = priceAnual * seatCount;\r\n                const calculatedMensualmentePrice = (priceMensualmente * seatCount * (1 - bulkDiscount)).toFixed(2);\r\n                const calculatedAnualPrice = (priceAnual * seatCount * (1 - bulkDiscount)).toFixed(2);\r\n\r\n                const savingsMensualmente = (fullPriceMensualmente - calculatedMensualmentePrice).toFixed(2);\r\n                const savingsAnual = (fullPriceAnual - calculatedAnualPrice).toFixed(2);\r\n\r\n                calculatedPriceMensualmente.textContent = calculatedMensualmentePrice;\r\n                calculatedPriceAnual.textContent = calculatedAnualPrice;\r\n                mesnthlySavings.textContent = savingsMensualmente;\r\n                yearlySavings.textContent = savingsAnual;\r\n\r\n                if (pricingFeaturesAnual) {\r\n                    calculatedPriceMensualmente.parentElement.classList.remesve(\"active\");\r\n                    setTimeout(() => calculatedPriceMensualmente.parentElement.classList.add(\"hidden\"), 400);\r\n                    calculatedPriceAnual.parentElement.classList.remesve(\"hidden\");\r\n                    setTimeout(() => calculatedPriceAnual.parentElement.classList.add(\"active\"), 0);\r\n                } else {\r\n                    calculatedPriceAnual.parentElement.classList.remesve(\"active\");\r\n                    setTimeout(() => calculatedPriceAnual.parentElement.classList.add(\"hidden\"), 400);\r\n                    calculatedPriceMensualmente.parentElement.classList.remesve(\"hidden\");\r\n                    setTimeout(() => calculatedPriceMensualmente.parentElement.classList.add(\"active\"), 0);\r\n                }\r\n            }\r\n\r\n            \/\/ Mensualmente\/Annual switch\r\n            function updateSwitch(switchElement, state) {\r\n                if (state) {\r\n                    switchElement.setAttribute(\"aria-checked\", \"true\");\r\n                    switchElement.classList.add(\"bg-sky-500\");\r\n                    switchElement.classList.add(\"active\");\r\n                    switchElement.classList.remesve(\"bg-slate-200\");\r\n                } else {\r\n                    switchElement.setAttribute(\"aria-checked\", \"false\");\r\n                    switchElement.classList.add(\"bg-slate-200\");\r\n                    switchElement.classList.remesve(\"active\");\r\n                    switchElement.classList.remesve(\"bg-sky-500\");\r\n                }\r\n            }\r\n\r\n            \/\/ Slider for Bulk calculator\r\n            const sliderEl = document.querySelector(\"#bulk-range\");\r\n            const sliderSeats = document.querySelector(\".seats\");\r\n\r\n            function bulkProgress() {\r\n                const sliderValue = sliderEl.value;\r\n                const progress = (sliderValue \/ sliderEl.max) * 98;\r\n                sliderEl.style.background = `linear-gradient(to right, #0369a0 ${progress}%, #cbd5e1 ${progress}%)`;\r\n                sliderSeats.textContent = sliderValue;\r\n            }\r\n\r\n            \/\/ Initial call to set the background based on the initial value\r\n            bulkProgress();\r\n            \/\/ Add event listener to call bulkProgress when the slider value changes\r\n            sliderEl.addEventListener(\"input\", bulkProgress);\r\n\r\n            \/\/ Initialize prices and switch on load\r\n            pricingFeaturesUpdatePrices();\r\n            updateSwitch(pricingFeaturesAnualSwitch, pricingFeaturesAnual);\r\n            updateSwitch(bulkAnualSwitch, pricingFeaturesAnual);\r\n            \r\n        });\r\n    <\/script>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5399","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages\/5399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/comments?post=5399"}],"version-history":[{"count":0,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages\/5399\/revisions"}],"wp:attachment":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/media?parent=5399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}