{"id":2001,"date":"2025-11-23T05:28:29","date_gmt":"2025-11-23T05:28:29","guid":{"rendered":"https:\/\/idealfloors-sa.com\/?page_id=2001"},"modified":"2025-11-23T09:29:04","modified_gmt":"2025-11-23T09:29:04","slug":"handrail-protection-system","status":"publish","type":"page","link":"https:\/\/idealfloors-sa.com\/en\/handrail-protection-system\/","title":{"rendered":"Handrail &amp; Protection system"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2001\" class=\"elementor elementor-2001\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fae4fb6 e-flex e-con-boxed e-con e-parent\" data-id=\"fae4fb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03c7fef e-con-full e-flex e-con e-parent\" data-id=\"03c7fef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5678d13 elementor-widget elementor-widget-html\" data-id=\"5678d13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Handrail & Protection System - Product\/Service Page -->\r\n<div class=\"handrail-protection-page\">\r\n  <style>\r\n    \/* ==================== BASE STYLES ==================== *\/\r\n    .handrail-protection-page {\r\n      background: #fcfff0 !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    \/* ==================== HERO SECTION ==================== *\/\r\n    .hero-section {\r\n      background: linear-gradient(135deg, #007099 0%, #48c2cb 100%) !important;\r\n      padding: 120px 0 80px 0 !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .hero-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: -50% !important;\r\n      right: -20% !important;\r\n      width: 600px !important;\r\n      height: 600px !important;\r\n      background: radial-gradient(circle, rgba(252,255,240,0.1) 0%, transparent 70%) !important;\r\n      border-radius: 50% !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .hero-section::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: -30% !important;\r\n      left: -10% !important;\r\n      width: 400px !important;\r\n      height: 400px !important;\r\n      background: radial-gradient(circle, rgba(175,202,72,0.15) 0%, transparent 70%) !important;\r\n      border-radius: 50% !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .hero-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .hero-content {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr 1fr !important;\r\n      gap: 60px !important;\r\n      align-items: center !important;\r\n    }\r\n    \r\n    .hero-text {\r\n      animation: slideInLeft 1s ease-out !important;\r\n    }\r\n    \r\n    .hero-badge {\r\n      display: inline-block !important;\r\n      background: rgba(252,255,240,0.2) !important;\r\n      color: #fcfff0 !important;\r\n      padding: 10px 20px !important;\r\n      border-radius: 25px !important;\r\n      font-size: 0.9rem !important;\r\n      font-weight: 600 !important;\r\n      margin-bottom: 20px !important;\r\n      border: 2px solid rgba(252,255,240,0.3) !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .hero-title {\r\n      font-size: 4rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 25px !important;\r\n      line-height: 1.1 !important;\r\n      text-shadow: 2px 2px 8px rgba(0,0,0,0.2) !important;\r\n    }\r\n    \r\n    .hero-description {\r\n      font-size: 1.3rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      line-height: 1.8 !important;\r\n      margin-bottom: 35px !important;\r\n    }\r\n    \r\n    .hero-features {\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      gap: 15px !important;\r\n      margin-bottom: 40px !important;\r\n    }\r\n    \r\n    .hero-feature-item {\r\n      background: rgba(252,255,240,0.15) !important;\r\n      color: #fcfff0 !important;\r\n      padding: 12px 20px !important;\r\n      border-radius: 25px !important;\r\n      font-size: 0.95rem !important;\r\n      font-weight: 600 !important;\r\n      border: 2px solid rgba(252,255,240,0.25) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .hero-feature-item:hover {\r\n      background: rgba(252,255,240,0.25) !important;\r\n      transform: translateY(-2px) !important;\r\n      border-color: rgba(252,255,240,0.4) !important;\r\n    }\r\n    \r\n    .hero-cta {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      background: linear-gradient(45deg, #fcfff0, #afca48) !important;\r\n      color: #007099 !important;\r\n      padding: 18px 40px !important;\r\n      border-radius: 50px !important;\r\n      font-size: 1.2rem !important;\r\n      font-weight: 700 !important;\r\n      text-decoration: none !important;\r\n      border: none !important;\r\n      box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;\r\n      transition: all 0.3s ease !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .hero-cta:hover {\r\n      background: linear-gradient(45deg, #afca48, #fcfff0) !important;\r\n      transform: translateY(-3px) !important;\r\n      box-shadow: 0 20px 45px rgba(0,0,0,0.3) !important;\r\n      color: #007099 !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    .hero-image {\r\n      position: relative !important;\r\n      animation: slideInRight 1s ease-out !important;\r\n    }\r\n    \r\n    .hero-main-image {\r\n      width: 100% !important;\r\n      height: 450px !important;\r\n      object-fit: cover !important;\r\n      border-radius: 25px !important;\r\n      box-shadow: 0 25px 60px rgba(0,0,0,0.3) !important;\r\n      border: 5px solid rgba(252,255,240,0.2) !important;\r\n    }\r\n    \r\n    \/* ==================== PRODUCT DETAILS SECTION ==================== *\/\r\n    .product-details-section {\r\n      background: #fcfff0 !important;\r\n      padding: 100px 0 !important;\r\n      position: relative !important;\r\n    }\r\n    \r\n    .details-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n    }\r\n    \r\n    .section-header {\r\n      text-align: center !important;\r\n      margin-bottom: 80px !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .section-badge {\r\n      display: inline-block !important;\r\n      background: #007099 !important;\r\n      color: #fcfff0 !important;\r\n      padding: 10px 25px !important;\r\n      border-radius: 25px !important;\r\n      font-size: 0.95rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 20px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .section-title {\r\n      font-size: 3.5rem !important;\r\n      font-weight: 900 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 20px !important;\r\n      line-height: 1.2 !important;\r\n    }\r\n    \r\n    .section-subtitle {\r\n      font-size: 1.3rem !important;\r\n      color: #000000 !important;\r\n      opacity: 0.8 !important;\r\n      max-width: 800px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n    \r\n    .product-content-grid {\r\n      display: grid !important;\r\n      grid-template-columns: 1.2fr 1fr !important;\r\n      gap: 60px !important;\r\n      align-items: start !important;\r\n    }\r\n    \r\n    \/* ==================== TABS SECTION ==================== *\/\r\n    .tabs-container {\r\n      background: #ffffff !important;\r\n      border-radius: 25px !important;\r\n      padding: 40px !important;\r\n      box-shadow: 0 20px 60px rgba(0,112,153,0.1) !important;\r\n      animation: fadeInLeft 1s ease-out !important;\r\n    }\r\n    \r\n    .product-tabs {\r\n      display: flex !important;\r\n      gap: 10px !important;\r\n      margin-bottom: 35px !important;\r\n      border-bottom: 3px solid #e0e0e0 !important;\r\n      padding-bottom: 5px !important;\r\n    }\r\n    \r\n    .tab-button {\r\n      background: transparent !important;\r\n      border: none !important;\r\n      padding: 15px 25px !important;\r\n      font-size: 1.1rem !important;\r\n      font-weight: 700 !important;\r\n      color: #666 !important;\r\n      cursor: pointer !important;\r\n      transition: all 0.3s ease !important;\r\n      border-radius: 10px 10px 0 0 !important;\r\n      position: relative !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n    }\r\n    \r\n    .tab-button.active {\r\n      color: #007099 !important;\r\n      background: rgba(0,112,153,0.05) !important;\r\n    }\r\n    \r\n    .tab-button.active::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: -8px !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      height: 3px !important;\r\n      background: linear-gradient(90deg, #007099, #48c2cb) !important;\r\n      border-radius: 3px !important;\r\n    }\r\n    \r\n    .tab-button:hover {\r\n      color: #007099 !important;\r\n      background: rgba(0,112,153,0.03) !important;\r\n    }\r\n    \r\n    .tab-content {\r\n      display: none !important;\r\n      padding: 30px 0 !important;\r\n      animation: fadeIn 0.5s ease !important;\r\n    }\r\n    \r\n    .tab-content.active {\r\n      display: block !important;\r\n    }\r\n    \r\n    .tab-content h3 {\r\n      font-size: 1.8rem !important;\r\n      font-weight: 800 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 20px !important;\r\n    }\r\n    \r\n    .tab-content p {\r\n      font-size: 1.1rem !important;\r\n      line-height: 1.9 !important;\r\n      color: #333 !important;\r\n      margin-bottom: 20px !important;\r\n    }\r\n    \r\n    .tab-content ul {\r\n      list-style: none !important;\r\n      padding: 0 !important;\r\n      margin: 25px 0 !important;\r\n    }\r\n    \r\n    .tab-content li {\r\n      position: relative !important;\r\n      padding: 12px 0 12px 35px !important;\r\n      font-size: 1.05rem !important;\r\n      color: #444 !important;\r\n      line-height: 1.7 !important;\r\n      border-bottom: 1px solid rgba(0,112,153,0.1) !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .tab-content li:last-child {\r\n      border-bottom: none !important;\r\n    }\r\n    \r\n    .tab-content li::before {\r\n      content: '\u2713' !important;\r\n      position: absolute !important;\r\n      left: 0 !important;\r\n      top: 12px !important;\r\n      color: #afca48 !important;\r\n      font-weight: bold !important;\r\n      font-size: 1.3rem !important;\r\n      width: 25px !important;\r\n      height: 25px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n    }\r\n    \r\n    .tab-content li:hover {\r\n      padding-left: 40px !important;\r\n      color: #007099 !important;\r\n    }\r\n    \r\n    \/* ==================== SIDEBAR ==================== *\/\r\n    .product-sidebar {\r\n      position: sticky !important;\r\n      top: 30px !important;\r\n      animation: fadeInRight 1s ease-out !important;\r\n    }\r\n    \r\n    .download-card {\r\n      background: linear-gradient(135deg, #007099 0%, #48c2cb 100%) !important;\r\n      padding: 40px !important;\r\n      border-radius: 25px !important;\r\n      box-shadow: 0 20px 50px rgba(0,112,153,0.3) !important;\r\n      margin-bottom: 30px !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .download-card::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: -50px !important;\r\n      right: -50px !important;\r\n      width: 150px !important;\r\n      height: 150px !important;\r\n      background: rgba(252,255,240,0.1) !important;\r\n      border-radius: 50% !important;\r\n    }\r\n    \r\n    .download-card h3 {\r\n      font-size: 1.8rem !important;\r\n      font-weight: 800 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 15px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .download-card p {\r\n      font-size: 1rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      margin-bottom: 25px !important;\r\n      line-height: 1.6 !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .download-btn {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 12px !important;\r\n      background: #fcfff0 !important;\r\n      color: #007099 !important;\r\n      padding: 16px 30px !important;\r\n      border-radius: 50px !important;\r\n      text-decoration: none !important;\r\n      font-weight: 700 !important;\r\n      font-size: 1.1rem !important;\r\n      transition: all 0.3s ease !important;\r\n      border: none !important;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n    }\r\n    \r\n    .download-btn:hover {\r\n      background: #afca48 !important;\r\n      transform: translateY(-3px) !important;\r\n      box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;\r\n      color: #007099 !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    .quick-info-card {\r\n      background: #ffffff !important;\r\n      padding: 35px !important;\r\n      border-radius: 25px !important;\r\n      box-shadow: 0 15px 40px rgba(0,112,153,0.1) !important;\r\n      border: 2px solid rgba(0,112,153,0.1) !important;\r\n    }\r\n    \r\n    .quick-info-card h3 {\r\n      font-size: 1.6rem !important;\r\n      font-weight: 800 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 25px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n    \r\n    .info-item {\r\n      padding: 15px 0 !important;\r\n      border-bottom: 2px solid rgba(0,112,153,0.1) !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .info-item:last-child {\r\n      border-bottom: none !important;\r\n    }\r\n    \r\n    .info-item:hover {\r\n      padding-left: 10px !important;\r\n      background: rgba(0,112,153,0.02) !important;\r\n    }\r\n    \r\n    .info-label {\r\n      font-size: 0.9rem !important;\r\n      font-weight: 600 !important;\r\n      color: #666 !important;\r\n      margin-bottom: 5px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n    }\r\n    \r\n    .info-value {\r\n      font-size: 1.1rem !important;\r\n      font-weight: 700 !important;\r\n      color: #007099 !important;\r\n    }\r\n    \r\n    \/* ==================== GALLERY SECTION ==================== *\/\r\n    .gallery-section {\r\n      background: #007099 !important;\r\n      padding: 100px 0 !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .gallery-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      background: linear-gradient(135deg, rgba(0,112,153,0.95) 0%, rgba(72,194,203,0.95) 100%) !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .gallery-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .gallery-header {\r\n      text-align: center !important;\r\n      margin-bottom: 60px !important;\r\n    }\r\n    \r\n    .gallery-header h2 {\r\n      font-size: 3.5rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 20px !important;\r\n    }\r\n    \r\n    .gallery-header p {\r\n      font-size: 1.3rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.9 !important;\r\n    }\r\n    \r\n    .gallery-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n      gap: 30px !important;\r\n    }\r\n    \r\n    .gallery-item {\r\n      position: relative !important;\r\n      border-radius: 20px !important;\r\n      overflow: hidden !important;\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;\r\n      transition: all 0.4s ease !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n      cursor: pointer !important;\r\n    }\r\n    \r\n    .gallery-item:nth-child(1) { animation-delay: 0.1s !important; }\r\n    .gallery-item:nth-child(2) { animation-delay: 0.2s !important; }\r\n    .gallery-item:nth-child(3) { animation-delay: 0.3s !important; }\r\n    .gallery-item:nth-child(4) { animation-delay: 0.4s !important; }\r\n    \r\n    .gallery-item:hover {\r\n      transform: translateY(-10px) scale(1.02) !important;\r\n      box-shadow: 0 30px 70px rgba(0,0,0,0.4) !important;\r\n    }\r\n    \r\n    .gallery-image {\r\n      width: 100% !important;\r\n      height: 350px !important;\r\n      object-fit: cover !important;\r\n      transition: transform 0.4s ease !important;\r\n    }\r\n    \r\n    .gallery-item:hover .gallery-image {\r\n      transform: scale(1.1) !important;\r\n    }\r\n    \r\n    .gallery-overlay {\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      background: linear-gradient(transparent, rgba(0,0,0,0.8)) !important;\r\n      padding: 50px 30px 25px 30px !important;\r\n      color: #fcfff0 !important;\r\n    }\r\n    \r\n    .gallery-title {\r\n      font-size: 1.5rem !important;\r\n      font-weight: 800 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 8px !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n    \r\n    .gallery-description {\r\n      font-size: 1rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.9 !important;\r\n    }\r\n    \r\n    \/* ==================== FEATURES SECTION ==================== *\/\r\n    .features-section {\r\n      background: #fcfff0 !important;\r\n      padding: 100px 0 !important;\r\n    }\r\n    \r\n    .features-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n    }\r\n    \r\n    .features-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr) !important;\r\n      gap: 40px !important;\r\n      margin-top: 60px !important;\r\n    }\r\n    \r\n    .feature-card {\r\n      background: #ffffff !important;\r\n      padding: 40px 30px !important;\r\n      border-radius: 20px !important;\r\n      box-shadow: 0 15px 40px rgba(0,112,153,0.1) !important;\r\n      transition: all 0.4s ease !important;\r\n      text-align: center !important;\r\n      border: 2px solid transparent !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .feature-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n    .feature-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n    .feature-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n    .feature-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n    .feature-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n    .feature-card:nth-child(6) { animation-delay: 0.6s !important; }\r\n    \r\n    .feature-card:hover {\r\n      transform: translateY(-10px) !important;\r\n      box-shadow: 0 25px 60px rgba(0,112,153,0.2) !important;\r\n      border-color: #007099 !important;\r\n    }\r\n    \r\n    .feature-icon {\r\n      width: 80px !important;\r\n      height: 80px !important;\r\n      background: linear-gradient(135deg, #007099, #48c2cb) !important;\r\n      color: #fcfff0 !important;\r\n      border-radius: 50% !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      font-size: 2.5rem !important;\r\n      margin: 0 auto 25px auto !important;\r\n      box-shadow: 0 10px 30px rgba(0,112,153,0.3) !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .feature-card:hover .feature-icon {\r\n      transform: rotateY(360deg) !important;\r\n    }\r\n    \r\n    .feature-title {\r\n      font-size: 1.4rem !important;\r\n      font-weight: 800 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 15px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n    }\r\n    \r\n    .feature-description {\r\n      font-size: 1rem !important;\r\n      color: #555 !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n    \r\n    \/* ==================== CTA SECTION ==================== *\/\r\n    .cta-section {\r\n      background: linear-gradient(135deg, #afca48 0%, #007099 100%) !important;\r\n      padding: 80px 0 !important;\r\n      text-align: center !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .cta-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 50% !important;\r\n      left: 50% !important;\r\n      width: 600px !important;\r\n      height: 600px !important;\r\n      background: radial-gradient(circle, rgba(252,255,240,0.1) 0%, transparent 70%) !important;\r\n      transform: translate(-50%, -50%) !important;\r\n    }\r\n    \r\n    .cta-container {\r\n      max-width: 900px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .cta-title {\r\n      font-size: 3.5rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 25px !important;\r\n      line-height: 1.2 !important;\r\n      text-shadow: 2px 2px 8px rgba(0,0,0,0.2) !important;\r\n    }\r\n    \r\n    .cta-description {\r\n      font-size: 1.4rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      margin-bottom: 40px !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n    \r\n    .cta-buttons {\r\n      display: flex !important;\r\n      gap: 20px !important;\r\n      justify-content: center !important;\r\n      flex-wrap: wrap !important;\r\n    }\r\n    \r\n    .cta-btn-primary {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      background: #fcfff0 !important;\r\n      color: #007099 !important;\r\n      padding: 20px 45px !important;\r\n      border-radius: 50px !important;\r\n      font-size: 1.2rem !important;\r\n      font-weight: 700 !important;\r\n      text-decoration: none !important;\r\n      border: none !important;\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;\r\n      transition: all 0.3s ease !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .cta-btn-primary:hover {\r\n      background: #007099 !important;\r\n      color: #fcfff0 !important;\r\n      transform: translateY(-5px) !important;\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    .cta-btn-secondary {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      background: transparent !important;\r\n      color: #fcfff0 !important;\r\n      padding: 20px 45px !important;\r\n      border-radius: 50px !important;\r\n      font-size: 1.2rem !important;\r\n      font-weight: 700 !important;\r\n      text-decoration: none !important;\r\n      border: 3px solid #fcfff0 !important;\r\n      transition: all 0.3s ease !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .cta-btn-secondary:hover {\r\n      background: #fcfff0 !important;\r\n      color: #007099 !important;\r\n      transform: translateY(-5px) !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    \/* ==================== ANIMATIONS ==================== *\/\r\n    @keyframes slideInLeft {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(-50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes slideInRight {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes fadeInUp {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateY(50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes fadeInLeft {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(-30px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes fadeInRight {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(30px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes fadeIn {\r\n      from { opacity: 0 !important; }\r\n      to { opacity: 1 !important; }\r\n    }\r\n    \r\n    \/* ==================== RESPONSIVE DESIGN ==================== *\/\r\n    @media (max-width: 1024px) {\r\n      .hero-title {\r\n        font-size: 3rem !important;\r\n      }\r\n      \r\n      .section-title {\r\n        font-size: 2.8rem !important;\r\n      }\r\n      \r\n      .product-content-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n      }\r\n      \r\n      .product-sidebar {\r\n        position: static !important;\r\n      }\r\n      \r\n      .features-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 30px !important;\r\n      }\r\n      \r\n      .gallery-grid {\r\n        grid-template-columns: 1fr !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .hero-section {\r\n        padding: 80px 0 60px 0 !important;\r\n      }\r\n      \r\n      .hero-content {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n      }\r\n      \r\n      .hero-title {\r\n        font-size: 2.5rem !important;\r\n      }\r\n      \r\n      .hero-description {\r\n        font-size: 1.1rem !important;\r\n      }\r\n      \r\n      .hero-main-image {\r\n        height: 350px !important;\r\n      }\r\n      \r\n      .section-title {\r\n        font-size: 2.2rem !important;\r\n      }\r\n      \r\n      .section-subtitle {\r\n        font-size: 1.1rem !important;\r\n      }\r\n      \r\n      .product-tabs {\r\n        flex-direction: column !important;\r\n        gap: 8px !important;\r\n        border: none !important;\r\n      }\r\n      \r\n      .tab-button {\r\n        width: 100% !important;\r\n        padding: 15px 20px !important;\r\n        border-radius: 10px !important;\r\n        background: rgba(0,112,153,0.05) !important;\r\n        border: 1px solid rgba(0,112,153,0.1) !important;\r\n      }\r\n      \r\n      .tab-button.active {\r\n        background: linear-gradient(45deg, #007099, #48c2cb) !important;\r\n        color: #fcfff0 !important;\r\n      }\r\n      \r\n      .tab-button.active::after {\r\n        display: none !important;\r\n      }\r\n      \r\n      .features-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 25px !important;\r\n      }\r\n      \r\n      .cta-title {\r\n        font-size: 2.5rem !important;\r\n      }\r\n      \r\n      .cta-description {\r\n        font-size: 1.2rem !important;\r\n      }\r\n      \r\n      .cta-buttons {\r\n        flex-direction: column !important;\r\n      }\r\n      \r\n      .cta-btn-primary,\r\n      .cta-btn-secondary {\r\n        width: 100% !important;\r\n        justify-content: center !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .hero-title {\r\n        font-size: 2rem !important;\r\n      }\r\n      \r\n      .hero-description {\r\n        font-size: 1rem !important;\r\n      }\r\n      \r\n      .hero-main-image {\r\n        height: 280px !important;\r\n      }\r\n      \r\n      .section-title {\r\n        font-size: 1.8rem !important;\r\n      }\r\n      \r\n      .tabs-container {\r\n        padding: 25px !important;\r\n      }\r\n      \r\n      .tab-content h3 {\r\n        font-size: 1.5rem !important;\r\n      }\r\n      \r\n      .gallery-image {\r\n        height: 250px !important;\r\n      }\r\n      \r\n      .cta-title {\r\n        font-size: 2rem !important;\r\n      }\r\n      \r\n      .cta-btn-primary,\r\n      .cta-btn-secondary {\r\n        padding: 16px 30px !important;\r\n        font-size: 1rem !important;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <!-- ==================== HERO SECTION ==================== -->\r\n  <section class=\"hero-section\">\r\n    <div class=\"hero-container\">\r\n      <div class=\"hero-content\">\r\n        <div class=\"hero-text\">\r\n          <div class=\"hero-badge\">\r\n            <i class=\"fas fa-shield-alt\"><\/i> Protection Systems\r\n          <\/div>\r\n          \r\n          <h1 class=\"hero-title\">\r\n            Handrail & Protection System\r\n          <\/h1>\r\n          \r\n          <p class=\"hero-description\">\r\n            Comprehensive wall protection solutions designed to safeguard your facility's surfaces against daily wear and impact damage. Manufactured with premium PVC-u and aluminium profiles for maximum durability.\r\n          <\/p>\r\n          \r\n          <div class=\"hero-features\">\r\n            <div class=\"hero-feature-item\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              25+ Years Experience\r\n            <\/div>\r\n            <div class=\"hero-feature-item\">\r\n              <i class=\"fas fa-globe\"><\/i>\r\n              International Quality\r\n            <\/div>\r\n            <div class=\"hero-feature-item\">\r\n              <i class=\"fas fa-award\"><\/i>\r\n              UK Standards\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <a href=\"#contact\" class=\"hero-cta\">\r\n            Get A Quote <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"hero-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/corner-guards-1000x497px_0.jpg\" \r\n               alt=\"Handrail & Protection System\" \r\n               class=\"hero-main-image\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== PRODUCT DETAILS SECTION ==================== -->\r\n  <section class=\"product-details-section\">\r\n    <div class=\"details-container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <i class=\"fas fa-info-circle\"><\/i> Product Details\r\n        <\/div>\r\n        <h2 class=\"section-title\">Complete Protection Solutions<\/h2>\r\n        <p class=\"section-subtitle\">\r\n          Discover our extensive range of wall protection systems designed for healthcare, education, commercial, and industrial applications\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"product-content-grid\">\r\n        <!-- Tabs Section -->\r\n        <div class=\"tabs-container\">\r\n          <div class=\"product-tabs\">\r\n            <button class=\"tab-button active\" data-tab=\"overview\">Overview<\/button>\r\n            <button class=\"tab-button\" data-tab=\"features\">Features<\/button>\r\n            <button class=\"tab-button\" data-tab=\"applications\">Applications<\/button>\r\n            <button class=\"tab-button\" data-tab=\"specifications\">Specifications<\/button>\r\n          <\/div>\r\n          \r\n          <!-- Overview Tab -->\r\n          <div class=\"tab-content active\" id=\"overview\">\r\n            <h3>About The System<\/h3>\r\n            <p>\r\n              Gradus has been manufacturing, supplying and fitting wall protection systems to the UK and International markets for over 25 years and provides one of the most extensive wall protection systems available today.\r\n            <\/p>\r\n            <p>\r\n              Our range includes PVC-u and aluminium profiles designed specifically for the UK market. All Gradus wall protection profiles have been designed to protect surfaces such as walls, corners and doors and provide an essential barrier against damage caused by the general flow of wheeled and pedestrian traffic.\r\n            <\/p>\r\n            <p>\r\n              The comprehensive product line ensures that you can find the perfect protection solution for any environment, from busy hospital corridors to educational facilities, commercial buildings, and industrial compounds.\r\n            <\/p>\r\n          <\/div>\r\n          \r\n          <!-- Features Tab -->\r\n          <div class=\"tab-content\" id=\"features\">\r\n            <h3>Key Features & Benefits<\/h3>\r\n            <ul>\r\n              <li>Premium PVC-u and aluminium construction for maximum durability<\/li>\r\n              <li>Impact-resistant design withstands heavy wheeled and pedestrian traffic<\/li>\r\n              <li>Easy installation with minimal disruption to daily operations<\/li>\r\n              <li>Low maintenance requirements for cost-effective long-term protection<\/li>\r\n              <li>Wide range of colors and finishes to match any interior design<\/li>\r\n              <li>Hygienic surfaces ideal for healthcare and food service environments<\/li>\r\n              <li>Fire-rated options available for enhanced safety compliance<\/li>\r\n              <li>Customizable solutions to fit unique architectural requirements<\/li>\r\n              <li>Protects walls, corners, doors, and other vulnerable surfaces<\/li>\r\n              <li>Reduces long-term maintenance and repainting costs significantly<\/li>\r\n              <li>Environmentally friendly materials with recycling options<\/li>\r\n              <li>Backed by 25+ years of manufacturing expertise and quality assurance<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          \r\n          <!-- Applications Tab -->\r\n          <div class=\"tab-content\" id=\"applications\">\r\n            <h3>Ideal Applications<\/h3>\r\n            <ul>\r\n              <li><strong>Healthcare Facilities:<\/strong> Hospitals, clinics, medical centers, nursing homes, and patient care units<\/li>\r\n              <li><strong>Educational Institutions:<\/strong> Schools, universities, colleges, daycare centers, and training facilities<\/li>\r\n              <li><strong>Commercial Buildings:<\/strong> Office complexes, retail stores, shopping malls, and corporate headquarters<\/li>\r\n              <li><strong>Industrial Sites:<\/strong> Warehouses, manufacturing plants, distribution centers, and logistics facilities<\/li>\r\n              <li><strong>Hospitality Venues:<\/strong> Hotels, restaurants, conference centers, and entertainment facilities<\/li>\r\n              <li><strong>Transportation Hubs:<\/strong> Airports, train stations, bus terminals, and parking structures<\/li>\r\n              <li><strong>Public Buildings:<\/strong> Government offices, community centers, libraries, and municipal facilities<\/li>\r\n              <li><strong>Sports Facilities:<\/strong> Gyms, sports complexes, stadiums, and recreational centers<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          \r\n          <!-- Specifications Tab -->\r\n          <div class=\"tab-content\" id=\"specifications\">\r\n            <h3>Technical Specifications<\/h3>\r\n            <ul>\r\n              <li><strong>Material Options:<\/strong> High-impact PVC-u and powder-coated aluminium<\/li>\r\n              <li><strong>Profile Types:<\/strong> Corner guards, wall guards, door protection, handrails<\/li>\r\n              <li><strong>Impact Resistance:<\/strong> Heavy-duty design for high-traffic areas<\/li>\r\n              <li><strong>Installation:<\/strong> Wall-mounted with secure fixing systems<\/li>\r\n              <li><strong>Maintenance:<\/strong> Simple cleaning with standard detergents<\/li>\r\n              <li><strong>Fire Rating:<\/strong> Compliant with UK building regulations<\/li>\r\n              <li><strong>Color Options:<\/strong> Wide selection including custom color matching<\/li>\r\n              <li><strong>Finish Options:<\/strong> Matt, gloss, textured, and metallic finishes<\/li>\r\n              <li><strong>Height Options:<\/strong> Various heights from 50mm to 2400mm depending on profile type<\/li>\r\n              <li><strong>Length Options:<\/strong> Standard lengths of 2m, 2.5m, and 3m with custom cutting available<\/li>\r\n              <li><strong>Standards Compliance:<\/strong> Meets all relevant UK and international safety standards<\/li>\r\n              <li><strong>Warranty:<\/strong> Comprehensive manufacturer's warranty included<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Sidebar -->\r\n        <div class=\"product-sidebar\">\r\n          <!-- Download Card -->\r\n          <div class=\"download-card\">\r\n            <h3>\r\n              <i class=\"fas fa-file-pdf\"><\/i> Product Brochure\r\n            <\/h3>\r\n            <p>\r\n              Download our comprehensive wall protection systems brochure with detailed specifications, installation guides, and product range.\r\n            <\/p>\r\n            <a href=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/21324-International-Wall-Protection-Leaflet-5.pdf\" \r\n               class=\"download-btn\" \r\n               target=\"_blank\">\r\n              <i class=\"fas fa-download\"><\/i> Download PDF\r\n            <\/a>\r\n          <\/div>\r\n          \r\n          <!-- Quick Info Card -->\r\n          <div class=\"quick-info-card\">\r\n            <h3>\r\n              <i class=\"fas fa-clipboard-list\"><\/i> Quick Info\r\n            <\/h3>\r\n            \r\n            \r\n            \r\n            <div class=\"info-item\">\r\n              <div class=\"info-label\">Experience<\/div>\r\n              <div class=\"info-value\">25+ Years<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"info-item\">\r\n              <div class=\"info-label\">Material<\/div>\r\n              <div class=\"info-value\">PVC-u & Aluminium<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"info-item\">\r\n              <div class=\"info-label\">Applications<\/div>\r\n              <div class=\"info-value\">Multi-Sector<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"info-item\">\r\n              <div class=\"info-label\">Installation<\/div>\r\n              <div class=\"info-value\">Professional<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"info-item\">\r\n              <div class=\"info-label\">Maintenance<\/div>\r\n              <div class=\"info-value\">Low<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== GALLERY SECTION ==================== -->\r\n  <section class=\"gallery-section\">\r\n    <div class=\"gallery-container\">\r\n      <div class=\"gallery-header\">\r\n        <h2>Product Gallery<\/h2>\r\n        <p>Explore our comprehensive range of protection solutions<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"gallery-grid\">\r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/corner-guards-1000x497px_0.jpg\" \r\n               alt=\"Corner Guards\" \r\n               class=\"gallery-image\">\r\n          <div class=\"gallery-overlay\">\r\n            <h3 class=\"gallery-title\">Corner Guards<\/h3>\r\n            <p class=\"gallery-description\">High-impact corner protection for vulnerable edges and angles<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/high-impact-pvc-u-corner-guards-1000x497px_01.jpg\" \r\n               alt=\"High Impact PVC-u Guards\" \r\n               class=\"gallery-image\">\r\n          <div class=\"gallery-overlay\">\r\n            <h3 class=\"gallery-title\">High Impact PVC-u Guards<\/h3>\r\n            <p class=\"gallery-description\">Premium PVC-u protection for maximum durability<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/wall-protection-systems-1000x497px_0.jpg\" \r\n               alt=\"Wall Protection Systems\" \r\n               class=\"gallery-image\">\r\n          <div class=\"gallery-overlay\">\r\n            <h3 class=\"gallery-title\">Wall Protection Systems<\/h3>\r\n            <p class=\"gallery-description\">Complete wall protection for corridors and high-traffic areas<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"gallery-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/11\/pvc-u-wall-protection-1000x497px.jpg\" \r\n               alt=\"PVC-u Wall Protection\" \r\n               class=\"gallery-image\">\r\n          <div class=\"gallery-overlay\">\r\n            <h3 class=\"gallery-title\">PVC-u Wall Protection<\/h3>\r\n            <p class=\"gallery-description\">Versatile wall protection profiles for various applications<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== FEATURES SECTION ==================== -->\r\n  <section class=\"features-section\">\r\n    <div class=\"features-container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-badge\">\r\n          <i class=\"fas fa-star\"><\/i> Why Choose Us\r\n        <\/div>\r\n        <h2 class=\"section-title\">Premium Protection Benefits<\/h2>\r\n        <p class=\"section-subtitle\">\r\n          Discover why leading facilities trust our wall protection systems\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"features-grid\">\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-shield-alt\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Maximum Protection<\/h3>\r\n          <p class=\"feature-description\">\r\n            Heavy-duty materials engineered to withstand constant impact from wheeled equipment and high pedestrian traffic.\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-tools\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Easy Installation<\/h3>\r\n          <p class=\"feature-description\">\r\n            Quick and efficient installation process with minimal disruption to your daily operations and activities.\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-dollar-sign\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Cost Effective<\/h3>\r\n          <p class=\"feature-description\">\r\n            Reduce long-term maintenance costs and eliminate frequent repainting with durable, low-maintenance protection.\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-palette\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Design Flexibility<\/h3>\r\n          <p class=\"feature-description\">\r\n            Wide range of colors, finishes, and profiles to complement any architectural style and interior design.\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-leaf\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Eco-Friendly<\/h3>\r\n          <p class=\"feature-description\">\r\n            Environmentally responsible materials with recycling options and sustainable manufacturing processes.\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-certificate\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"feature-title\">Quality Assured<\/h3>\r\n          <p class=\"feature-description\">\r\n            Backed by 25+ years of expertise and full compliance with UK and international safety standards.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== CTA SECTION ==================== -->\r\n  <section class=\"cta-section\">\r\n    <div class=\"cta-container\">\r\n      <h2 class=\"cta-title\">Ready To Protect Your Facility?<\/h2>\r\n      <p class=\"cta-description\">\r\n        Get a free consultation and quote for your wall protection project. Our experts are ready to help you choose the perfect solution.\r\n      <\/p>\r\n      <div class=\"cta-buttons\">\r\n        <a href=\"https:\/\/idealfloors-sa.com\/contact\/\" class=\"cta-btn-primary\">\r\n          <i class=\"fas fa-phone-alt\"><\/i> Contact Us Now\r\n        <\/a>\r\n        <a href=\"https:\/\/idealfloors-sa.com\/products\/\" class=\"cta-btn-secondary\">\r\n          <i class=\"fas fa-th-large\"><\/i> View All Products\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- JavaScript for Tabs -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Get all tab buttons and content\r\n  const tabButtons = document.querySelectorAll('.tab-button');\r\n  const tabContents = document.querySelectorAll('.tab-content');\r\n  \r\n  \/\/ Add click event to each tab button\r\n  tabButtons.forEach(button => {\r\n    button.addEventListener('click', function() {\r\n      \/\/ Remove active class from all buttons and contents\r\n      tabButtons.forEach(btn => btn.classList.remove('active'));\r\n      tabContents.forEach(content => content.classList.remove('active'));\r\n      \r\n      \/\/ Add active class to clicked button\r\n      this.classList.add('active');\r\n      \r\n      \/\/ Show corresponding content\r\n      const targetTab = this.getAttribute('data-tab');\r\n      document.getElementById(targetTab).classList.add('active');\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Protection Systems Handrail &#038; Protection System Comprehensive wall protection solutions designed to safeguard your facility&#8217;s surfaces against daily wear and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2001","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/pages\/2001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/comments?post=2001"}],"version-history":[{"count":10,"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/pages\/2001\/revisions"}],"predecessor-version":[{"id":2076,"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/pages\/2001\/revisions\/2076"}],"wp:attachment":[{"href":"https:\/\/idealfloors-sa.com\/en\/wp-json\/wp\/v2\/media?parent=2001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}