{"id":13536,"date":"2026-01-19T16:46:10","date_gmt":"2026-01-19T09:46:10","guid":{"rendered":"https:\/\/attivointl.com\/san-the-thao-topflor\/"},"modified":"2026-10-28T09:10:14","modified_gmt":"2026-10-28T02:10:14","slug":"topflor","status":"publish","type":"page","link":"https:\/\/attivointl.com\/en\/topflor\/","title":{"rendered":"TOPFLOR \u2013 Professional Sports Flooring | Attivo"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&#038;family=Lexend:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@100..700\" rel=\"stylesheet\"><script>if(!window.tailwind){window.tailwind={config:{ important: true, corePlugins: { preflight: false }, theme: { extend: { colors: { primary: \"#1742cf\", accent: \"#2656ec\", dark: \"#0a1128\", light: \"#f6f7f8\", wellness: \"#EA2831\", evolt: \"#8b5cf6\", topflor: \"#1742cf\", pulasticpurple: \"#8b5cf6\", gymblue: \"#1742cf\" }, fontFamily: { \"sans\": [\"Montserrat\", \"sans-serif\"], \"display\": [\"Montserrat\", \"sans-serif\"], \"jakarta\": [\"Montserrat\", \"sans-serif\"], \"public\": [\"Montserrat\", \"sans-serif\"], \"lexend\": [\"Montserrat\", \"sans-serif\"], \"worksans\": [\"Montserrat\", \"sans-serif\"] } } } }};var s=document.head.appendChild(document.createElement('script'));s.src='https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries';}<\/script>\n<p><!-- Compressed 1-line CSS Isolated 100% By ID #atv-topflor-hero --><\/p>\n<style>#atv-topflor-hero, #atv-topflor-hero * { box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important; } #atv-topflor-hero .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; display: inline-block !important; font-style: normal !important; line-height: 1 !important; vertical-align: middle !important; } #atv-topflor-hero p:empty, #atv-topflor-hero br { display: none !important; } #atv-topflor-hero .wp-layout-fix > p:not([class]):not([style]) { display: contents !important; } #atv-topflor-hero .wp-layout-fix > p:empty, #atv-topflor-hero .wp-layout-fix > br { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; line-height: 0 !important; } #atv-topflor-hero .atv-grid-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem !important; width: 100% !important; } @media (max-width: 768px) { #atv-topflor-hero .atv-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } #atv-topflor-hero .atv-btn-row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 1.25rem !important; width: 100% !important; } #atv-topflor-hero .atv-btn-item { display: inline-flex !important; width: auto !important; max-width: max-content !important; flex: 0 0 auto !important; } @media (max-width: 640px) { #atv-topflor-hero .atv-btn-row { flex-direction: column !important; align-items: stretch !important; } #atv-topflor-hero .atv-btn-item { width: 100% !important; max-width: 100% !important; } } .btn-topflor-card-blue { background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important; border: none !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(23, 66, 207, 0.35) !important; transition: all 0.3s ease !important; } .btn-topflor-card-blue * { color: #ffffff !important; } .btn-topflor-card-blue:hover { background: linear-gradient(135deg, #11329c 0%, #0d277a 100%) !important; color: #ffffff !important; transform: translateY(-2px) !important; } .btn-topflor-card-outline { background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; backdrop-filter: blur(8px) !important; transition: all 0.3s ease !important; text-decoration: none !important; } .btn-topflor-card-outline * { color: #ffffff !important; } .btn-topflor-card-outline:hover { background: rgba(255, 255, 255, 0.2) !important; border-color: #1742cf !important; color: #ffffff !important; transform: translateY(-2px) !important; }<\/style>\n<p><!-- Independent ID Dark Frame Container --><\/p>\n<div id=\"atv-topflor-hero\" class=\"attivo-block-root w-full bg-[#0a1128] text-white relative overflow-hidden\" style=\"width: 100% !important; background-color: #0a1128 !important;\">\n<p>  <!-- Section 1: Hero Banner Topflor --><\/p>\n<section class=\"wp-layout-fix relative flex min-h-[85vh] flex-col items-center justify-center bg-[#0a1128] overflow-hidden py-16 md:py-24 px-6 lg:px-12 text-center\" style=\"display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important;\">\n<p>    <!-- Background Image with Overlay --><\/p>\n<div class=\"absolute inset-0 z-0 pointer-events-none\" style=\"position: absolute !important; inset: 0 !important; z-index: 0 !important;\">\n<div class=\"h-full w-full bg-cover bg-center bg-no-repeat opacity-35\" style=\"background-image: url('http:\/\/attivointl.com\/wp-content\/uploads\/2026\/03\/topflor-multi-sports-pvc-sports-flooring-for34557296254.webp');\"><\/div>\n<div class=\"absolute inset-0 bg-gradient-to-b from-[#0a1128]\/70 via-[#0a1128]\/90 to-[#0a1128] z-10\" style=\"background: linear-gradient(180deg, rgba(10, 17, 40, 0.7) 0%, rgba(10, 17, 40, 0.9) 60%, rgba(10, 17, 40, 1) 100%) !important;\"><\/div>\n<\/p><\/div>\n<div class=\"wp-layout-fix relative z-20 w-full max-w-6xl mx-auto flex flex-col items-center text-center\" style=\"max-width: 1152px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important;\">\n<p>      <!-- Sub-Badge --><\/p>\n<div class=\"wp-layout-fix flex items-center gap-2 bg-[#1742cf]\/10 border border-[#1742cf]\/30 px-4 py-1.5 rounded-full mb-8\" style=\"display: flex !important; align-items: center !important; gap: 0.5rem !important; background-color: rgba(23, 66, 207, 0.1) !important; border: 1px solid rgba(23, 66, 207, 0.3) !important; border-radius: 9999px !important; margin-bottom: 2rem !important;\">\n        <span class=\"material-symbols-outlined text-[#1742cf] text-sm\" style=\"color: #1742cf !important; font-size: 16px !important;\">verified<\/span><br \/>\n        <span class=\"text-white text-[10px] font-black tracking-[0.2em] uppercase italic\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 10px !important;\">International Industrial Standards<\/span>\n      <\/div>\n<p>      <!-- Main Title H1 --><\/p>\n<h1 class=\"text-white text-3xl md:text-6xl lg:text-7xl font-black italic uppercase tracking-tighter leading-tight mb-8 m-0 max-w-5xl\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 0 2rem 0 !important;\">\n        TOPFLOR \u2013 PROFESSIONAL <br \/><span style=\"color: #1742cf !important;\">SPORTS FLOORING<\/span> SOLUTIONS<br \/>\n      <\/h1>\n<p>      <!-- Description Banner --><\/p>\n<p class=\"text-slate-300 text-xs md:text-lg font-medium italic leading-relaxed max-w-3xl mb-12 m-0\" style=\"color: #cbd5e1 !important; font-size: 16px !important; line-height: 1.6 !important; margin-bottom: 3rem !important;\">\n        A leading brand in flooring materials for fitness, yoga, and functional training areas. Perfectly blending commercial durability with modern aesthetics.\n      <\/p>\n<p>      <!-- Royal Blue CTA Button Row --><\/p>\n<div class=\"wp-layout-fix atv-btn-row\" style=\"display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 1.25rem !important;\">\n        <a class=\"btn-topflor-card-blue atv-btn-item flex items-center justify-center gap-3 rounded-2xl h-14 px-10 text-xs font-black uppercase italic tracking-widest cursor-pointer\" style=\"display: inline-flex !important; width: auto !important; max-width: max-content !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/san-the-thao-topflor\/\"><br \/>\n          <span style=\"color: #ffffff !important;\">Explore Topflor Surfaces<\/span><br \/>\n          <span class=\"material-symbols-outlined !text-sm\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n        <\/a><br \/>\n        <a class=\"btn-topflor-card-outline atv-btn-item flex items-center justify-center gap-3 rounded-2xl h-14 px-10 text-xs font-black uppercase italic tracking-widest cursor-pointer\" style=\"display: inline-flex !important; width: auto !important; max-width: max-content !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/tu-van-thiet-bi-gym\/\"><br \/>\n          <span style=\"color: #ffffff !important;\">Request Free Sample<\/span><br \/>\n          <span class=\"material-symbols-outlined !text-sm\" style=\"color: #ffffff !important;\">mail<\/span><br \/>\n        <\/a>\n      <\/div>\n<p>      <!-- Feature Badges Row --><\/p>\n<div class=\"wp-layout-fix flex flex-wrap justify-center gap-6 md:gap-10 border-t border-slate-800 pt-10 w-full max-w-4xl opacity-80 mt-16\" style=\"width: 100% !important; border-top: 1px solid #1e293b !important; padding-top: 2.5rem !important;\">\n<div class=\"wp-layout-fix flex items-center gap-2 text-white font-black italic text-[11px] uppercase tracking-widest\">\n          <span class=\"material-symbols-outlined text-[#1742cf]\" style=\"color: #1742cf !important;\">shield<\/span><br \/>\n          <span>Slip Resistant<\/span>\n        <\/div>\n<div class=\"wp-layout-fix flex items-center gap-2 text-white font-black italic text-[11px] uppercase tracking-widest\">\n          <span class=\"material-symbols-outlined text-[#1742cf]\" style=\"color: #1742cf !important;\">vibration<\/span><br \/>\n          <span>Optimal Shock Absorption<\/span>\n        <\/div>\n<div class=\"wp-layout-fix flex items-center gap-2 text-white font-black italic text-[11px] uppercase tracking-widest\">\n          <span class=\"material-symbols-outlined text-[#1742cf]\" style=\"color: #1742cf !important;\">eco<\/span><br \/>\n          <span>Eco-Friendly<\/span>\n        <\/div>\n<div class=\"wp-layout-fix flex items-center gap-2 text-white font-black italic text-[11px] uppercase tracking-widest\">\n          <span class=\"material-symbols-outlined text-[#1742cf]\" style=\"color: #1742cf !important;\">timer<\/span><br \/>\n          <span>10+ Years Durability<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Section 2: Topflor Key Highlights --><\/p>\n<section class=\"wp-layout-fix py-20 px-6 lg:px-12 bg-[#060c1e] border-t border-slate-800\/80\" style=\"background-color: #060c1e !important; border-top: 1px solid #1e293b !important;\">\n<div class=\"wp-layout-fix max-w-6xl mx-auto\" style=\"max-width: 1152px !important; margin: 0 auto !important;\">\n<div class=\"wp-layout-fix atv-grid-3\">\n<p>        <!-- Card 1 --><\/p>\n<div class=\"wp-layout-fix group p-8 rounded-3xl border border-slate-800 bg-[#0a1128]\/80 backdrop-blur transition-all duration-300 hover:border-[#1742cf]\/50 hover:bg-[#1742cf]\/5 flex flex-col gap-4\" style=\"background-color: rgba(10, 17, 40, 0.8) !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<h3 class=\"text-white text-xl font-black italic uppercase m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 20px !important; margin: 0 !important;\">Industrial Quality<\/h3>\n<p class=\"text-slate-400 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #94a3b8 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Manufactured using high-frequency thermal pressing technology, ensuring zero shrinkage under high-intensity training loads.<\/p>\n<\/p><\/div>\n<p>        <!-- Card 2 --><\/p>\n<div class=\"wp-layout-fix group p-8 rounded-3xl border border-slate-800 bg-[#0a1128]\/80 backdrop-blur transition-all duration-300 hover:border-[#1742cf]\/50 hover:bg-[#1742cf]\/5 flex flex-col gap-4\" style=\"background-color: rgba(10, 17, 40, 0.8) !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<h3 class=\"text-white text-xl font-black italic uppercase m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 20px !important; margin: 0 !important;\">Modern Aesthetics<\/h3>\n<p class=\"text-slate-400 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #94a3b8 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Diverse colorways ranging from natural wood grain to color-flecked EPDM rubber granules, elevating facility design.<\/p>\n<\/p><\/div>\n<p>        <!-- Card 3 --><\/p>\n<div class=\"wp-layout-fix group p-8 rounded-3xl border border-slate-800 bg-[#0a1128]\/80 backdrop-blur transition-all duration-300 hover:border-[#1742cf]\/50 hover:bg-[#1742cf]\/5 flex flex-col gap-4\" style=\"background-color: rgba(10, 17, 40, 0.8) !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<h3 class=\"text-white text-xl font-black italic uppercase m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 20px !important; margin: 0 !important;\">Extended Warranty<\/h3>\n<p class=\"text-slate-400 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #94a3b8 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Guaranteed quality backed by official manufacturer warranties and nationwide turnkey installation support.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&#038;family=Lexend:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@100..700\" rel=\"stylesheet\"><script>if(!window.tailwind){window.tailwind={config:{ important: true, corePlugins: { preflight: false }, theme: { extend: { colors: { primary: \"#1742cf\", accent: \"#2656ec\", dark: \"#0a1128\", light: \"#f6f7f8\", wellness: \"#EA2831\", evolt: \"#8b5cf6\", topflor: \"#1742cf\", pulasticpurple: \"#8b5cf6\", gymblue: \"#1742cf\" }, fontFamily: { \"sans\": [\"Montserrat\", \"sans-serif\"], \"display\": [\"Montserrat\", \"sans-serif\"], \"jakarta\": [\"Montserrat\", \"sans-serif\"], \"public\": [\"Montserrat\", \"sans-serif\"], \"lexend\": [\"Montserrat\", \"sans-serif\"], \"worksans\": [\"Montserrat\", \"sans-serif\"] } } } }};var s=document.head.appendChild(document.createElement('script'));s.src='https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries';}<\/script>\n<p><!-- Compressed 1-line CSS Isolated 100% By ID #atv-topflor-why --><\/p>\n<style>#atv-topflor-why, #atv-topflor-why * { box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important; } #atv-topflor-why .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; display: inline-block !important; font-style: normal !important; line-height: 1 !important; vertical-align: middle !important; } #atv-topflor-why p:empty, #atv-topflor-why br { display: none !important; } #atv-topflor-why .wp-layout-fix > p:not([class]):not([style]) { display: contents !important; } #atv-topflor-why .wp-layout-fix > p:empty, #atv-topflor-why .wp-layout-fix > br { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; line-height: 0 !important; } #atv-topflor-why .atv-grid-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem !important; width: 100% !important; } @media (max-width: 768px) { #atv-topflor-why .atv-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } #atv-topflor-why .card-hover-box:hover .icon-box { background-color: #1742cf !important; color: #ffffff !important; } #atv-topflor-why .card-hover-box:hover .icon-box * { color: #ffffff !important; } #atv-topflor-why .card-hover-box:hover .card-title { color: #1742cf !important; }<\/style>\n<p><!-- Refined Light Frame Container --><\/p>\n<div id=\"atv-topflor-why\" class=\"attivo-block-root w-full bg-[#f8fafc] py-16 md:py-24 px-6 lg:px-12 text-slate-900 relative overflow-hidden\" style=\"width: 100% !important; background-color: #f8fafc !important;\">\n<div class=\"wp-layout-fix max-w-7xl mx-auto flex flex-col gap-16 relative z-10\" style=\"max-width: 1280px !important; margin: 0 auto !important;\">\n<p>    <!-- Centered Block Title --><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-3 text-center items-center\" style=\"display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important;\">\n<div class=\"wp-layout-fix inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-[#1742cf]\/10 border border-[#1742cf]\/20 mb-2\" style=\"background-color: rgba(23, 66, 207, 0.1) !important; border: 1px solid rgba(23, 66, 207, 0.2) !important; border-radius: 9999px !important;\">\n        <span class=\"text-[#1742cf] font-bold text-[10px] uppercase tracking-widest italic\" style=\"color: #1742cf !important;\">Technical Excellence<\/span>\n      <\/div>\n<h2 class=\"text-slate-900 text-2xl md:text-4xl lg:text-5xl font-black uppercase italic tracking-tighter m-0 max-w-4xl\" style=\"color: #0f172a !important; font-weight: 900 !important; margin: 0 !important;\">\n        Why Choose <span style=\"color: #1742cf !important;\">Topflor?<\/span><br \/>\n      <\/h2>\n<div class=\"h-1.5 w-24 bg-gradient-to-r from-[#1742cf] to-[#11329c] rounded-xl\" style=\"height: 6px !important; width: 96px !important; background: linear-gradient(90deg, #1742cf 0%, #11329c 100%) !important; border-radius: 12px !important;\"><\/div>\n<\/p><\/div>\n<p>    <!-- 3 Key Value Cards Grid --><\/p>\n<div class=\"wp-layout-fix atv-grid-3\">\n<p>      <!-- Card 1 --><\/p>\n<div class=\"wp-layout-fix card-hover-box group flex flex-col items-start p-8 md:p-10 bg-white border border-slate-200\/80 rounded-3xl shadow-xl transition-all duration-300 hover:border-[#1742cf]\/40 hover:-translate-y-2 hover:shadow-2xl\" style=\"background-color: #ffffff !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; border-radius: 1.5rem !important; padding: 2.5rem 2rem !important;\">\n<div class=\"wp-layout-fix icon-box mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-[#1742cf]\/10 text-[#1742cf] transition-colors\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important; color: #1742cf !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">waves<\/span>\n        <\/div>\n<h3 class=\"card-title text-slate-900 text-xl font-black uppercase italic mb-4 tracking-tight transition-colors m-0\" style=\"color: #0f172a !important; font-weight: 900 !important; font-size: 19px !important; margin: 0 0 1rem 0 !important;\">High-Performance Shock Absorption<\/h3>\n<p class=\"text-slate-600 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #475569 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Superior shock absorption technology protecting athlete joints while dampening noise and vibration for gym environments. Meets professional competition standards.<\/p>\n<\/p><\/div>\n<p>      <!-- Card 2 --><\/p>\n<div class=\"wp-layout-fix card-hover-box group flex flex-col items-start p-8 md:p-10 bg-white border border-slate-200\/80 rounded-3xl shadow-xl transition-all duration-300 hover:border-[#1742cf]\/40 hover:-translate-y-2 hover:shadow-2xl\" style=\"background-color: #ffffff !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; border-radius: 1.5rem !important; padding: 2.5rem 2rem !important;\">\n<div class=\"wp-layout-fix icon-box mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-[#1742cf]\/10 text-[#1742cf] transition-colors\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important; color: #1742cf !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">eco<\/span>\n        <\/div>\n<h3 class=\"card-title text-slate-900 text-xl font-black uppercase italic mb-4 tracking-tight transition-colors m-0\" style=\"color: #0f172a !important; font-weight: 900 !important; font-size: 19px !important; margin: 0 0 1rem 0 !important;\">Eco-Friendly &amp; Safe<\/h3>\n<p class=\"text-slate-600 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #475569 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Certified with international eco-standards, odorless, non-toxic, and completely safe for indoor environments and user health.<\/p>\n<\/p><\/div>\n<p>      <!-- Card 3 --><\/p>\n<div class=\"wp-layout-fix card-hover-box group flex flex-col items-start p-8 md:p-10 bg-white border border-slate-200\/80 rounded-3xl shadow-xl transition-all duration-300 hover:border-[#1742cf]\/40 hover:-translate-y-2 hover:shadow-2xl\" style=\"background-color: #ffffff !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; border-radius: 1.5rem !important; padding: 2.5rem 2rem !important;\">\n<div class=\"wp-layout-fix icon-box mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-[#1742cf]\/10 text-[#1742cf] transition-colors\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important; color: #1742cf !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">verified_user<\/span>\n        <\/div>\n<h3 class=\"card-title text-slate-900 text-xl font-black uppercase italic mb-4 tracking-tight transition-colors m-0\" style=\"color: #0f172a !important; font-weight: 900 !important; font-size: 19px !important; margin: 0 0 1rem 0 !important;\">Durable &amp; Easy Maintenance<\/h3>\n<p class=\"text-slate-600 text-sm font-medium leading-relaxed italic m-0\" style=\"color: #475569 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important;\">Abrasion-resistant surface, easy to sanitize, retaining color fidelity and structural integrity under years of heavy use. Reduces long-term maintenance costs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Secondary Commitment Labels --><\/p>\n<div class=\"wp-layout-fix flex justify-center pt-4\" style=\"display: flex !important; justify-content: center !important;\">\n<div class=\"wp-layout-fix flex flex-wrap items-center justify-center gap-6 text-slate-400 text-[10px] font-black uppercase tracking-[0.3em] italic\" style=\"display: flex !important; align-items: center !important; justify-content: center !important; gap: 1.5rem !important;\">\n        <span style=\"color: #64748b !important;\">Certified Quality<\/span><\/p>\n<div class=\"w-1.5 h-1.5 bg-slate-300 rounded-full\" style=\"width: 6px !important; height: 6px !important; background-color: #cbd5e1 !important; border-radius: 9999px !important;\"><\/div>\n<p>        <span style=\"color: #64748b !important;\">International Standards<\/span><\/p>\n<div class=\"w-1.5 h-1.5 bg-slate-300 rounded-full\" style=\"width: 6px !important; height: 6px !important; background-color: #cbd5e1 !important; border-radius: 9999px !important;\"><\/div>\n<p>        <span style=\"color: #64748b !important;\">Pro Performance<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&#038;family=Lexend:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@100..700\" rel=\"stylesheet\"><script>if(!window.tailwind){window.tailwind={config:{ important: true, corePlugins: { preflight: false }, theme: { extend: { colors: { primary: \"#1742cf\", accent: \"#2656ec\", dark: \"#0a1128\", light: \"#f6f7f8\", wellness: \"#EA2831\", evolt: \"#8b5cf6\", topflor: \"#1742cf\", pulasticpurple: \"#8b5cf6\", gymblue: \"#1742cf\" }, fontFamily: { \"sans\": [\"Montserrat\", \"sans-serif\"], \"display\": [\"Montserrat\", \"sans-serif\"], \"jakarta\": [\"Montserrat\", \"sans-serif\"], \"public\": [\"Montserrat\", \"sans-serif\"], \"lexend\": [\"Montserrat\", \"sans-serif\"], \"worksans\": [\"Montserrat\", \"sans-serif\"] } } } }};var s=document.head.appendChild(document.createElement('script'));s.src='https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries';}<\/script>\n<p><!-- Compressed 1-line CSS Isolated 100% By ID #atv-topflor-catalog --><\/p>\n<style>#atv-topflor-catalog, #atv-topflor-catalog * { box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important; } #atv-topflor-catalog .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; display: inline-block !important; font-style: normal !important; line-height: 1 !important; vertical-align: middle !important; } #atv-topflor-catalog p:empty, #atv-topflor-catalog br { display: none !important; } #atv-topflor-catalog .wp-layout-fix > p:not([class]):not([style]) { display: contents !important; } #atv-topflor-catalog .wp-layout-fix > p:empty, #atv-topflor-catalog .wp-layout-fix > br { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; line-height: 0 !important; } #atv-topflor-catalog .atv-grid-4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1.5rem !important; width: 100% !important; } @media (max-width: 1024px) { #atv-topflor-catalog .atv-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { #atv-topflor-catalog .atv-grid-4 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } #atv-topflor-catalog .atv-grid-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem !important; width: 100% !important; } @media (max-width: 768px) { #atv-topflor-catalog .atv-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } .btn-topflor-card-blue { background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important; border: none !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(23, 66, 207, 0.35) !important; transition: all 0.3s ease !important; } .btn-topflor-card-blue * { color: #ffffff !important; } .btn-topflor-card-blue:hover { background: linear-gradient(135deg, #11329c 0%, #0d277a 100%) !important; color: #ffffff !important; transform: translateY(-2px) !important; }<\/style>\n<p><!-- Independent ID Dark Frame Container --><\/p>\n<div id=\"atv-topflor-catalog\" class=\"attivo-block-root w-full bg-[#0a1128] py-16 md:py-24 px-6 lg:px-12 text-white relative overflow-hidden\" style=\"width: 100% !important; background-color: #0a1128 !important;\">\n<div class=\"wp-layout-fix max-w-7xl mx-auto flex flex-col gap-20 relative z-10\" style=\"max-width: 1280px !important; margin: 0 auto !important;\">\n<p>    <!-- Product Catalog Header & Download Button --><\/p>\n<div class=\"wp-layout-fix flex flex-wrap justify-between items-end gap-10 border-b border-slate-800 pb-12\">\n<div class=\"wp-layout-fix flex min-w-72 flex-col gap-4\">\n<div class=\"wp-layout-fix flex items-center gap-3\">\n          <span class=\"bg-[#1742cf] h-1 w-12 rounded-full\" style=\"background-color: #1742cf !important;\"><\/span><br \/>\n          <span class=\"text-[#1742cf] font-black tracking-widest text-xs uppercase italic\" style=\"color: #1742cf !important;\">Premium Flooring<\/span>\n        <\/div>\n<h2 class=\"text-white text-3xl md:text-5xl font-black leading-tight tracking-tight m-0 italic uppercase\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">\n          <span style=\"color: #1742cf !important;\">Topflor<\/span> Product Catalog<br \/>\n        <\/h2>\n<p class=\"text-slate-300 text-xs md:text-base font-medium max-w-2xl m-0 italic\" style=\"color: #cbd5e1 !important; font-size: 15px !important; line-height: 1.6 !important;\">\n          Categorized professional sports flooring solutions. Engineered for exceptional performance and maximum longevity.\n        <\/p>\n<\/p><\/div>\n<p>      <a class=\"btn-topflor-card-blue flex cursor-pointer items-center justify-center rounded-2xl h-14 px-8 text-xs font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: inline-flex !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/tu-van-thiet-bi-gym\/\"><br \/>\n        <span style=\"color: #ffffff !important;\">Download Catalog (PDF)<\/span><br \/>\n        <span class=\"material-symbols-outlined !text-sm ml-2\" style=\"color: #ffffff !important;\">download<\/span><br \/>\n      <\/a>\n    <\/div>\n<p>    <!-- 4 Flooring Solution Cards Container --><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-6\">\n<div class=\"wp-layout-fix border-l-4 border-[#1742cf] pl-4\" style=\"border-left: 4px solid #1742cf !important;\">\n<h3 class=\"text-white text-xl font-black uppercase italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">Core Flooring Solutions<\/h3>\n<\/p><\/div>\n<div class=\"wp-layout-fix atv-grid-4\">\n<p>        <!-- Item 1 --><\/p>\n<div class=\"wp-layout-fix group rounded-3xl border border-slate-800 bg-[#111a36] relative overflow-hidden transition-all duration-300 hover:border-[#1742cf]\/50 hover:shadow-2xl flex flex-col justify-end aspect-[3\/4]\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; aspect-ratio: 3\/4 !important; position: relative !important; overflow: hidden !important;\">\n<div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: linear-gradient(to top, rgba(10, 17, 40, 0.95) 0%, rgba(10, 17, 40, 0.5) 50%, rgba(10, 17, 40, 0.1) 100%), url('http:\/\/attivointl.com\/wp-content\/uploads\/2026\/03\/246ea5e0-6acc-42c1-9089-53d03554e93b-org.jpg');\"><\/div>\n<div class=\"wp-layout-fix relative z-10 p-6 flex flex-col gap-5\">\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n              <span class=\"text-[#1742cf] text-[10px] font-black uppercase tracking-widest italic\" style=\"color: #1742cf !important;\">Heavy Duty<\/span><\/p>\n<h4 class=\"text-white text-lg font-black uppercase leading-tight m-0 italic\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">Rubber Flooring<\/h4>\n<p class=\"text-slate-300 text-xs font-medium m-0 italic leading-relaxed\" style=\"color: #cbd5e1 !important; font-size: 12px !important;\">Tile or roll rubber flooring for heavy lifting and cardio zones.<\/p>\n<\/p><\/div>\n<div class=\"wp-layout-fix flex flex-wrap gap-2\">\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Shock Absorption<\/span><br \/>\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Non-Slip<\/span>\n            <\/div>\n<p>            <a class=\"btn-topflor-card-blue w-full h-11 rounded-xl flex items-center justify-center gap-2 text-[11px] font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: flex !important; width: 100% !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/san-the-thao-topflor\/\"><br \/>\n              <span style=\"color: #ffffff !important;\">View Details<\/span><br \/>\n              <span class=\"material-symbols-outlined !text-xs\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Item 2 --><\/p>\n<div class=\"wp-layout-fix group rounded-3xl border border-slate-800 bg-[#111a36] relative overflow-hidden transition-all duration-300 hover:border-[#1742cf]\/50 hover:shadow-2xl flex flex-col justify-end aspect-[3\/4]\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; aspect-ratio: 3\/4 !important; position: relative !important; overflow: hidden !important;\">\n<div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: linear-gradient(to top, rgba(10, 17, 40, 0.95) 0%, rgba(10, 17, 40, 0.5) 50%, rgba(10, 17, 40, 0.1) 100%), url('http:\/\/attivointl.com\/wp-content\/uploads\/2026\/03\/a-dynamic-gym-scene-featuring-high-performance-ar-21.webp');\"><\/div>\n<div class=\"wp-layout-fix relative z-10 p-6 flex flex-col gap-5\">\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n              <span class=\"text-[#1742cf] text-[10px] font-black uppercase tracking-widest italic\" style=\"color: #1742cf !important;\">Functional<\/span><\/p>\n<h4 class=\"text-white text-lg font-black uppercase leading-tight m-0 italic\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">Sports Turf<\/h4>\n<p class=\"text-slate-300 text-xs font-medium m-0 italic leading-relaxed\" style=\"color: #cbd5e1 !important; font-size: 12px !important;\">Specialized artificial turf for sled push and functional training workouts.<\/p>\n<\/p><\/div>\n<div class=\"wp-layout-fix flex flex-wrap gap-2\">\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">High Durability<\/span><br \/>\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Sled Friendly<\/span>\n            <\/div>\n<p>            <a class=\"btn-topflor-card-blue w-full h-11 rounded-xl flex items-center justify-center gap-2 text-[11px] font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: flex !important; width: 100% !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/san-the-thao-topflor\/\"><br \/>\n              <span style=\"color: #ffffff !important;\">View Details<\/span><br \/>\n              <span class=\"material-symbols-outlined !text-xs\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Item 3 --><\/p>\n<div class=\"wp-layout-fix group rounded-3xl border border-slate-800 bg-[#111a36] relative overflow-hidden transition-all duration-300 hover:border-[#1742cf]\/50 hover:shadow-2xl flex flex-col justify-end aspect-[3\/4]\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; aspect-ratio: 3\/4 !important; position: relative !important; overflow: hidden !important;\">\n<div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: linear-gradient(to top, rgba(10, 17, 40, 0.95) 0%, rgba(10, 17, 40, 0.5) 50%, rgba(10, 17, 40, 0.1) 100%), url('http:\/\/attivointl.com\/wp-content\/uploads\/2026\/03\/athletic-vinyl-padded-roll-court-install-chestnut-wheat.jpg');\"><\/div>\n<div class=\"wp-layout-fix relative z-10 p-6 flex flex-col gap-5\">\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n              <span class=\"text-[#1742cf] text-[10px] font-black uppercase tracking-widest italic\" style=\"color: #1742cf !important;\">Aesthetics<\/span><\/p>\n<h4 class=\"text-white text-lg font-black uppercase leading-tight m-0 italic\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">Vinyl Sports<\/h4>\n<p class=\"text-slate-300 text-xs font-medium m-0 italic leading-relaxed\" style=\"color: #cbd5e1 !important; font-size: 12px !important;\">Luxury wood-grain vinyl flooring for Yoga, Pilates, or Group X studios.<\/p>\n<\/p><\/div>\n<div class=\"wp-layout-fix flex flex-wrap gap-2\">\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Wood Grain<\/span><br \/>\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Easy Cleaning<\/span>\n            <\/div>\n<p>            <a class=\"btn-topflor-card-blue w-full h-11 rounded-xl flex items-center justify-center gap-2 text-[11px] font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: flex !important; width: 100% !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/san-the-thao-topflor\/\"><br \/>\n              <span style=\"color: #ffffff !important;\">View Details<\/span><br \/>\n              <span class=\"material-symbols-outlined !text-xs\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Item 4 --><\/p>\n<div class=\"wp-layout-fix group rounded-3xl border border-slate-800 bg-[#111a36] relative overflow-hidden transition-all duration-300 hover:border-[#1742cf]\/50 hover:shadow-2xl flex flex-col justify-end aspect-[3\/4]\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; aspect-ratio: 3\/4 !important; position: relative !important; overflow: hidden !important;\">\n<div class=\"absolute inset-0 bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: linear-gradient(to top, rgba(10, 17, 40, 0.95) 0%, rgba(10, 17, 40, 0.5) 50%, rgba(10, 17, 40, 0.1) 100%), url('http:\/\/attivointl.com\/wp-content\/uploads\/2026\/03\/06e57a7b-76f0-487b-882f-ed1a7f58b405-org.jpg');\"><\/div>\n<div class=\"wp-layout-fix relative z-10 p-6 flex flex-col gap-5\">\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n              <span class=\"text-[#1742cf] text-[10px] font-black uppercase tracking-widest italic\" style=\"color: #1742cf !important;\">Versatile<\/span><\/p>\n<h4 class=\"text-white text-lg font-black uppercase leading-tight m-0 italic\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">Interlocking Tiles<\/h4>\n<p class=\"text-slate-300 text-xs font-medium m-0 italic leading-relaxed\" style=\"color: #cbd5e1 !important; font-size: 12px !important;\">Smart interlocking tile solution, easy to install and flexibly relocate.<\/p>\n<\/p><\/div>\n<div class=\"wp-layout-fix flex flex-wrap gap-2\">\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Interlocking<\/span><br \/>\n              <span class=\"text-[9px] px-2.5 py-1 bg-white\/10 rounded-lg text-white border border-white\/10 uppercase font-black italic\">Flexible<\/span>\n            <\/div>\n<p>            <a class=\"btn-topflor-card-blue w-full h-11 rounded-xl flex items-center justify-center gap-2 text-[11px] font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: flex !important; width: 100% !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/san-the-thao-topflor\/\"><br \/>\n              <span style=\"color: #ffffff !important;\">View Details<\/span><br \/>\n              <span class=\"material-symbols-outlined !text-xs\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- International Quality Standards Section --><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-12 mt-12\">\n<div class=\"wp-layout-fix flex flex-col gap-3 text-center items-center\">\n<h3 class=\"text-white text-2xl md:text-4xl font-black uppercase italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">International Quality Standards<\/h3>\n<div class=\"h-1.5 w-24 bg-gradient-to-r from-[#1742cf] to-[#11329c] rounded-xl\" style=\"height: 6px !important; width: 96px !important; background: linear-gradient(90deg, #1742cf 0%, #11329c 100%) !important; border-radius: 12px !important;\"><\/div>\n<p class=\"text-slate-300 text-xs md:text-base font-medium max-w-2xl m-0 italic mt-2\" style=\"color: #cbd5e1 !important; font-size: 15px !important; line-height: 1.6 !important;\">\n          Topflor products are optimized for athletic performance and absolute safety for professional users.\n        <\/p>\n<\/p><\/div>\n<div class=\"wp-layout-fix atv-grid-3\">\n<p>        <!-- Feature 1 --><\/p>\n<div class=\"wp-layout-fix group flex flex-col gap-5 p-8 md:p-10 rounded-3xl border border-slate-800 bg-[#111a36] text-center items-center transition-all duration-300 hover:border-[#1742cf]\/50\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<div class=\"wp-layout-fix w-16 h-16 rounded-2xl bg-[#1742cf]\/10 flex items-center justify-center text-[#1742cf] transition-transform group-hover:scale-110\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important;\">\n            <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">shield<\/span>\n          <\/div>\n<div class=\"wp-layout-fix flex flex-col gap-2\">\n<h4 class=\"text-white text-lg font-black uppercase italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 18px !important; margin: 0 !important;\">Exceptional Durability<\/h4>\n<p class=\"text-slate-300 text-xs font-medium leading-relaxed m-0 italic\" style=\"color: #cbd5e1 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important;\">Withstands heavy loads and continuous high friction in high-intensity gym environments.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Feature 2 --><\/p>\n<div class=\"wp-layout-fix group flex flex-col gap-5 p-8 md:p-10 rounded-3xl border border-slate-800 bg-[#111a36] text-center items-center transition-all duration-300 hover:border-[#1742cf]\/50\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<div class=\"wp-layout-fix w-16 h-16 rounded-2xl bg-[#1742cf]\/10 flex items-center justify-center text-[#1742cf] transition-transform group-hover:scale-110\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important;\">\n            <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">timer<\/span>\n          <\/div>\n<div class=\"wp-layout-fix flex flex-col gap-2\">\n<h4 class=\"text-white text-lg font-black uppercase italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 18px !important; margin: 0 !important;\">Fast Installation<\/h4>\n<p class=\"text-slate-300 text-xs font-medium leading-relaxed m-0 italic\" style=\"color: #cbd5e1 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important;\">Smart interlocking system reduces actual installation time by 50%.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Feature 3 --><\/p>\n<div class=\"wp-layout-fix group flex flex-col gap-5 p-8 md:p-10 rounded-3xl border border-slate-800 bg-[#111a36] text-center items-center transition-all duration-300 hover:border-[#1742cf]\/50\" style=\"background-color: #111a36 !important; border: 1px solid #1e293b !important; border-radius: 1.5rem !important; padding: 2rem !important;\">\n<div class=\"wp-layout-fix w-16 h-16 rounded-2xl bg-[#1742cf]\/10 flex items-center justify-center text-[#1742cf] transition-transform group-hover:scale-110\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important;\">\n            <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">water_drop<\/span>\n          <\/div>\n<div class=\"wp-layout-fix flex flex-col gap-2\">\n<h4 class=\"text-white text-lg font-black uppercase italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 18px !important; margin: 0 !important;\">Waterproof &amp; Hygienic<\/h4>\n<p class=\"text-slate-300 text-xs font-medium leading-relaxed m-0 italic\" style=\"color: #cbd5e1 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important;\">Antibacterial, stain-resistant surface, effortlessly cleaned with standard solutions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Footer Stats Counters --><\/p>\n<div class=\"wp-layout-fix atv-grid-4 border-t border-slate-800 pt-12 opacity-80\">\n<div class=\"wp-layout-fix flex flex-col items-center justify-center text-center\">\n        <span class=\"text-[#1742cf] text-3xl font-black italic\" style=\"color: #1742cf !important;\">10+<\/span><br \/>\n        <span class=\"text-slate-400 text-[10px] uppercase font-black tracking-[0.2em] mt-1 italic\">Years Experience<\/span>\n      <\/div>\n<div class=\"wp-layout-fix flex flex-col items-center justify-center text-center\">\n        <span class=\"text-[#1742cf] text-3xl font-black italic\" style=\"color: #1742cf !important;\">500+<\/span><br \/>\n        <span class=\"text-slate-400 text-[10px] uppercase font-black tracking-[0.2em] mt-1 italic\">Projects Completed<\/span>\n      <\/div>\n<div class=\"wp-layout-fix flex flex-col items-center justify-center text-center\">\n        <span class=\"text-[#1742cf] text-3xl font-black italic\" style=\"color: #1742cf !important;\">100%<\/span><br \/>\n        <span class=\"text-slate-400 text-[10px] uppercase font-black tracking-[0.2em] mt-1 italic\">EU Quality<\/span>\n      <\/div>\n<div class=\"wp-layout-fix flex flex-col items-center justify-center text-center\">\n        <span class=\"text-[#1742cf] text-3xl font-black italic\" style=\"color: #1742cf !important;\">24\/7<\/span><br \/>\n        <span class=\"text-slate-400 text-[10px] uppercase font-black tracking-[0.2em] mt-1 italic\">Technical Support<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&#038;family=Lexend:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@100..700\" rel=\"stylesheet\"><script>if(!window.tailwind){window.tailwind={config:{ important: true, corePlugins: { preflight: false }, theme: { extend: { colors: { primary: \"#1742cf\", accent: \"#2656ec\", dark: \"#0a1128\", light: \"#f6f7f8\", wellness: \"#EA2831\", evolt: \"#8b5cf6\", topflor: \"#1742cf\", pulasticpurple: \"#8b5cf6\", gymblue: \"#1742cf\" }, fontFamily: { \"sans\": [\"Montserrat\", \"sans-serif\"], \"display\": [\"Montserrat\", \"sans-serif\"], \"jakarta\": [\"Montserrat\", \"sans-serif\"], \"public\": [\"Montserrat\", \"sans-serif\"], \"lexend\": [\"Montserrat\", \"sans-serif\"], \"worksans\": [\"Montserrat\", \"sans-serif\"] } } } }};var s=document.head.appendChild(document.createElement('script'));s.src='https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries';}<\/script>\n<p><!-- Compressed 1-line CSS Isolated 100% By ID #atv-topflor-cta --><\/p>\n<style>#atv-topflor-cta, #atv-topflor-cta * { box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important; } #atv-topflor-cta .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; display: inline-block !important; font-style: normal !important; line-height: 1 !important; vertical-align: middle !important; } #atv-topflor-cta p:empty, #atv-topflor-cta br { display: none !important; } #atv-topflor-cta .wp-layout-fix > p:not([class]):not([style]) { display: contents !important; } #atv-topflor-cta .wp-layout-fix > p:empty, #atv-topflor-cta .wp-layout-fix > br { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; line-height: 0 !important; } #atv-topflor-cta .atv-grid-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem !important; width: 100% !important; } @media (max-width: 768px) { #atv-topflor-cta .atv-grid-3 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } .btn-topflor-card-blue { background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important; border: none !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(23, 66, 207, 0.35) !important; transition: all 0.3s ease !important; } .btn-topflor-card-blue * { color: #ffffff !important; } .btn-topflor-card-blue:hover { background: linear-gradient(135deg, #11329c 0%, #0d277a 100%) !important; color: #ffffff !important; transform: translateY(-2px) !important; }<\/style>\n<p><!-- Independent ID Dark Frame Container --><\/p>\n<div id=\"atv-topflor-cta\" class=\"attivo-block-root w-full bg-[#0a1128] text-white relative overflow-hidden\" style=\"width: 100% !important; background-color: #0a1128 !important;\">\n<p>  <!-- Section 1: Hero Banner CTA --><\/p>\n<section class=\"wp-layout-fix relative w-full overflow-hidden py-16 md:py-24 px-6 lg:px-12 border-t border-slate-800\" style=\"padding: 4rem 1.5rem !important;\">\n<div class=\"wp-layout-fix max-w-5xl mx-auto flex flex-col items-center text-center relative z-10\" style=\"max-width: 1024px !important; margin: 0 auto !important;\">\n<div class=\"wp-layout-fix flex flex-col items-center gap-6 text-center\" style=\"display: flex !important; flex-direction: column !important; align-items: center !important;\">\n<p>        <!-- Engineering Icon --><\/p>\n<div class=\"wp-layout-fix flex items-center justify-center p-4 rounded-2xl bg-[#1742cf]\/10 border border-[#1742cf]\/20\" style=\"display: flex !important; width: 64px !important; height: 64px !important; background-color: rgba(23, 66, 207, 0.1) !important; border: 1px solid rgba(23, 66, 207, 0.2) !important; border-radius: 1rem !important; align-items: center !important; justify-content: center !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">engineering<\/span>\n        <\/div>\n<p>        <!-- Centered Heading --><\/p>\n<h2 class=\"text-white text-2xl md:text-4xl lg:text-5xl font-black italic uppercase leading-tight tracking-tight max-w-3xl m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; margin: 0 !important;\">\n          Need a professional <br \/><span style=\"color: #1742cf !important;\">flooring installation solution?<\/span><br \/>\n        <\/h2>\n<p>        <!-- Description Banner --><\/p>\n<p class=\"text-slate-300 text-xs md:text-base font-medium leading-relaxed max-w-2xl m-0 italic\" style=\"color: #cbd5e1 !important; font-size: 15px !important; line-height: 1.6 !important;\">\n          The expert team from <strong class=\"text-white\" style=\"color: #ffffff !important;\">Attivo<\/strong> provides turnkey support from site survey to installation. Ensuring international standards for your project.\n        <\/p>\n<p>        <!-- Royal Blue Button Pure White Text --><\/p>\n<div class=\"wp-layout-fix flex flex-col items-center gap-4 w-full pt-2\" style=\"display: flex !important; flex-direction: column !important; align-items: center !important;\">\n          <a class=\"btn-topflor-card-blue flex cursor-pointer items-center justify-center gap-3 rounded-2xl h-14 px-10 text-xs md:text-sm font-black uppercase italic tracking-widest cursor-pointer no-underline\" style=\"display: inline-flex !important; background: linear-gradient(135deg, #1742cf 0%, #11329c 100%) !important; background-color: #1742cf !important; color: #ffffff !important;\" href=\"https:\/\/attivointl.com\/tu-van-thiet-bi-gym\/\"><br \/>\n            <span style=\"color: #ffffff !important;\">Contact Technical Consultant Now<\/span><br \/>\n            <span class=\"material-symbols-outlined !text-sm\" style=\"color: #ffffff !important;\">arrow_forward<\/span><br \/>\n          <\/a><\/p>\n<div class=\"wp-layout-fix flex items-center gap-2 text-[10px] font-black uppercase italic tracking-widest text-slate-400\" style=\"display: flex !important; align-items: center !important; gap: 0.5rem !important;\">\n            <span class=\"material-symbols-outlined text-sm text-[#1742cf]\" style=\"color: #1742cf !important;\">schedule<\/span><br \/>\n            <span style=\"color: #cbd5e1 !important;\">Fast response within 24h<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Section 2: 3 Quality Commitment Cards Footer --><\/p>\n<div class=\"wp-layout-fix bg-[#060c1e] py-12 px-6 lg:px-12 border-t border-slate-800\" style=\"background-color: #060c1e !important; border-top: 1px solid #1e293b !important;\">\n<div class=\"wp-layout-fix max-w-5xl mx-auto\" style=\"max-width: 1024px !important; margin: 0 auto !important;\">\n<div class=\"wp-layout-fix atv-grid-3\">\n<p>        <!-- Feature 1 --><\/p>\n<div class=\"wp-layout-fix flex items-center gap-4 p-4 rounded-2xl bg-white\/5 border border-slate-800\/80\" style=\"display: flex !important; align-items: center !important; gap: 1rem !important; padding: 1rem !important; background-color: rgba(255,255,255,0.03) !important; border: 1px solid #1e293b !important; border-radius: 1rem !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">verified<\/span><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n<h4 class=\"font-black text-xs uppercase tracking-widest text-white italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 12px !important; margin: 0 !important;\">International Standards<\/h4>\n<p class=\"text-[10px] text-slate-400 uppercase italic m-0\" style=\"color: #94a3b8 !important; font-size: 10px !important; margin: 0 !important;\">FIBA, BWF, ITF Certified<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Feature 2 --><br \/>\n        <a class=\"wp-layout-fix flex items-center gap-4 p-4 rounded-2xl bg-white\/5 border border-slate-800\/80 cursor-pointer no-underline transition-all hover:border-[#1742cf]\/50\" style=\"display: flex !important; align-items: center !important; gap: 1rem !important; padding: 1rem !important; background-color: rgba(255,255,255,0.03) !important; border: 1px solid #1e293b !important; border-radius: 1rem !important;\" href=\"https:\/\/attivointl.com\/tu-van-thiet-bi-gym\/\"><br \/>\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">architecture<\/span><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n<h4 class=\"font-black text-xs uppercase tracking-widest text-white italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 12px !important; margin: 0 !important;\">On-Site Survey<\/h4>\n<p class=\"text-[10px] text-slate-400 uppercase italic m-0\" style=\"color: #94a3b8 !important; font-size: 10px !important; margin: 0 !important;\">1-on-1 Technical Consulting<\/p>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <!-- Feature 3 --><\/p>\n<div class=\"wp-layout-fix flex items-center gap-4 p-4 rounded-2xl bg-white\/5 border border-slate-800\/80\" style=\"display: flex !important; align-items: center !important; gap: 1rem !important; padding: 1rem !important; background-color: rgba(255,255,255,0.03) !important; border: 1px solid #1e293b !important; border-radius: 1rem !important;\">\n          <span class=\"material-symbols-outlined text-[#1742cf] text-3xl\" style=\"color: #1742cf !important; font-size: 32px !important;\">construction<\/span><\/p>\n<div class=\"wp-layout-fix flex flex-col gap-1\">\n<h4 class=\"font-black text-xs uppercase tracking-widest text-white italic m-0\" style=\"color: #ffffff !important; font-weight: 900 !important; font-size: 12px !important; margin: 0 !important;\">5-Year Warranty<\/h4>\n<p class=\"text-[10px] text-slate-400 uppercase italic m-0\" style=\"color: #94a3b8 !important; font-size: 10px !important; margin: 0 !important;\">Long-Term Durability Commitment<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-13536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/pages\/13536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/comments?post=13536"}],"version-history":[{"count":2,"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/pages\/13536\/revisions"}],"predecessor-version":[{"id":13538,"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/pages\/13536\/revisions\/13538"}],"wp:attachment":[{"href":"https:\/\/attivointl.com\/en\/wp-json\/wp\/v2\/media?parent=13536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}