{"id":20,"date":"2026-05-28T19:14:08","date_gmt":"2026-05-28T19:14:08","guid":{"rendered":"https:\/\/pakinterior.designwithsana.com\/?page_id=20"},"modified":"2026-06-05T14:38:26","modified_gmt":"2026-06-05T14:38:26","slug":"about-us","status":"publish","type":"page","link":"https:\/\/pakinterior.designwithsana.com\/?page_id=20","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9617c5 e-con e-atomic-element e-flexbox-base e-3e98d51 \" data-id=\"c9617c5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9617c5\" data-e-type=\"e-flexbox\" data-id=\"c9617c5\">\n    \t\t<div class=\"elementor-element elementor-element-4f5f484 elementor-widget elementor-widget-html\" data-id=\"4f5f484\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WHY CHOOSE US SECTION - WordPress Ready HTML -->\r\n<!-- Paste this into a WordPress Custom HTML block or use in your theme template -->\r\n\r\n<style>\r\n  .wcu-section {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    background-color: #ffffff;\r\n    padding: 60px 20px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .wcu-title-wrap {\r\n    text-align: center;\r\n    position: relative;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .wcu-bg-text {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -55%);\r\n    font-size: 80px;\r\n    font-weight: 900;\r\n    color: #f0ece4;\r\n    letter-spacing: 10px;\r\n    text-transform: uppercase;\r\n    z-index: 0;\r\n    white-space: nowrap;\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wcu-title {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    color: #222;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin: 0;\r\n  }\r\n\r\n  .wcu-title::before,\r\n  .wcu-title::after {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 60px;\r\n    height: 2px;\r\n    background-color: #222;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .wcu-title span {\r\n    color: #b8953a;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .wcu-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px 30px;\r\n  }\r\n\r\n  \/* Item *\/\r\n  .wcu-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n  }\r\n\r\n  .wcu-icon {\r\n    flex-shrink: 0;\r\n    width: 64px;\r\n    height: 64px;\r\n  }\r\n\r\n  .wcu-icon svg {\r\n    width: 64px;\r\n    height: 64px;\r\n    stroke: #c9a84c;\r\n    fill: none;\r\n    stroke-width: 1.3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wcu-content h3 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #222;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .wcu-content p {\r\n    margin: 0;\r\n    font-size: 13.5px;\r\n    line-height: 1.75;\r\n    color: #888;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .wcu-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .wcu-bg-text {\r\n      font-size: 50px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    .wcu-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .wcu-bg-text {\r\n      font-size: 36px;\r\n    }\r\n    .wcu-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"wcu-section\">\r\n\r\n  <!-- Title -->\r\n  <div class=\"wcu-title-wrap\">\r\n    <div class=\"wcu-bg-text\">FLOORS<\/div>\r\n    <h2 class=\"wcu-title\">\u2014 WHY <span>CHOOSE US<\/span> \u2014<\/h2>\r\n  <\/div>\r\n\r\n  <!-- Grid -->\r\n  <div class=\"wcu-grid\">\r\n\r\n    <!-- 1. Pixel Perfect Design -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Pencil -->\r\n          <line x1=\"18\" y1=\"48\" x2=\"28\" y2=\"16\" \/>\r\n          <line x1=\"22\" y1=\"48\" x2=\"32\" y2=\"16\" \/>\r\n          <line x1=\"28\" y1=\"16\" x2=\"32\" y2=\"16\" \/>\r\n          <line x1=\"18\" y1=\"48\" x2=\"22\" y2=\"48\" \/>\r\n          <line x1=\"18\" y1=\"48\" x2=\"20\" y2=\"54\" \/>\r\n          <line x1=\"22\" y1=\"48\" x2=\"20\" y2=\"54\" \/>\r\n          <!-- Ruler -->\r\n          <rect x=\"34\" y=\"18\" width=\"10\" height=\"34\" rx=\"1\" \/>\r\n          <line x1=\"34\" y1=\"24\" x2=\"38\" y2=\"24\" \/>\r\n          <line x1=\"34\" y1=\"29\" x2=\"38\" y2=\"29\" \/>\r\n          <line x1=\"34\" y1=\"34\" x2=\"38\" y2=\"34\" \/>\r\n          <line x1=\"34\" y1=\"39\" x2=\"38\" y2=\"39\" \/>\r\n          <line x1=\"34\" y1=\"44\" x2=\"38\" y2=\"44\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>Pixel perfect design<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. Planned Structure -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Floor plan outline -->\r\n          <rect x=\"10\" y=\"10\" width=\"44\" height=\"44\" rx=\"1\" \/>\r\n          <line x1=\"10\" y1=\"32\" x2=\"32\" y2=\"32\" \/>\r\n          <line x1=\"32\" y1=\"10\" x2=\"32\" y2=\"54\" \/>\r\n          <line x1=\"32\" y1=\"42\" x2=\"54\" y2=\"42\" \/>\r\n          <!-- Door gap -->\r\n          <line x1=\"10\" y1=\"22\" x2=\"22\" y2=\"22\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>Planed Structure<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. Advanced Equipments -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Jackhammer \/ drill body -->\r\n          <rect x=\"26\" y=\"8\" width=\"12\" height=\"22\" rx=\"3\" \/>\r\n          <rect x=\"22\" y=\"28\" width=\"20\" height=\"10\" rx=\"2\" \/>\r\n          <!-- Bit -->\r\n          <line x1=\"32\" y1=\"38\" x2=\"32\" y2=\"56\" \/>\r\n          <line x1=\"28\" y1=\"52\" x2=\"32\" y2=\"56\" \/>\r\n          <line x1=\"36\" y1=\"52\" x2=\"32\" y2=\"56\" \/>\r\n          <!-- Vibration lines -->\r\n          <line x1=\"18\" y1=\"30\" x2=\"14\" y2=\"28\" \/>\r\n          <line x1=\"18\" y1=\"36\" x2=\"14\" y2=\"38\" \/>\r\n          <line x1=\"46\" y1=\"30\" x2=\"50\" y2=\"28\" \/>\r\n          <line x1=\"46\" y1=\"36\" x2=\"50\" y2=\"38\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>Advanced Equipments<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 4. House Flooring -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- House outline -->\r\n          <polyline points=\"8,30 32,10 56,30\" \/>\r\n          <rect x=\"14\" y=\"30\" width=\"36\" height=\"24\" \/>\r\n          <!-- Door -->\r\n          <rect x=\"26\" y=\"42\" width=\"12\" height=\"12\" \/>\r\n          <!-- Windows -->\r\n          <rect x=\"16\" y=\"34\" width=\"8\" height=\"7\" \/>\r\n          <rect x=\"40\" y=\"34\" width=\"8\" height=\"7\" \/>\r\n          <!-- Window cross -->\r\n          <line x1=\"20\" y1=\"34\" x2=\"20\" y2=\"41\" \/>\r\n          <line x1=\"16\" y1=\"37.5\" x2=\"24\" y2=\"37.5\" \/>\r\n          <line x1=\"44\" y1=\"34\" x2=\"44\" y2=\"41\" \/>\r\n          <line x1=\"40\" y1=\"37.5\" x2=\"48\" y2=\"37.5\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>House Flooring<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 5. Commercial Building -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Building outline -->\r\n          <rect x=\"10\" y=\"16\" width=\"44\" height=\"42\" \/>\r\n          <!-- Roof line -->\r\n          <line x1=\"10\" y1=\"16\" x2=\"54\" y2=\"16\" \/>\r\n          <!-- Windows grid -->\r\n          <rect x=\"15\" y=\"21\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"26\" y=\"21\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"37\" y=\"21\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"15\" y=\"31\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"26\" y=\"31\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"37\" y=\"31\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"15\" y=\"41\" width=\"7\" height=\"6\" \/>\r\n          <rect x=\"37\" y=\"41\" width=\"7\" height=\"6\" \/>\r\n          <!-- Door -->\r\n          <rect x=\"26\" y=\"44\" width=\"12\" height=\"14\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>Commercial Building<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 6. Qualified Staffs -->\r\n    <div class=\"wcu-item\">\r\n      <div class=\"wcu-icon\">\r\n        <svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- Hard hat -->\r\n          <path d=\"M20,30 Q20,18 32,18 Q44,18 44,30\" \/>\r\n          <line x1=\"16\" y1=\"30\" x2=\"48\" y2=\"30\" \/>\r\n          <rect x=\"28\" y=\"18\" width=\"8\" height=\"4\" rx=\"1\" \/>\r\n          <!-- Head -->\r\n          <circle cx=\"32\" cy=\"38\" r=\"7\" \/>\r\n          <!-- Shoulders \/ body -->\r\n          <path d=\"M14,58 Q14,46 32,46 Q50,46 50,58\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"wcu-content\">\r\n        <h3>Qualified Staffs<\/h3>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13cf69d e-con e-atomic-element e-flexbox-base e-a8d9424 \" data-id=\"13cf69d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13cf69d\" data-e-type=\"e-flexbox\" data-id=\"13cf69d\">\n    \t\t<div class=\"elementor-element elementor-element-ff45ab7 elementor-widget elementor-widget-html\" data-id=\"ff45ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OUR CLIENTS SECTION - WordPress Ready HTML -->\r\n<!-- Paste this into a WordPress Custom HTML block -->\r\n\r\n<style>\r\n  .oc-section {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    background-color: #ffffff;\r\n    padding: 60px 20px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .oc-title-wrap {\r\n    text-align: center;\r\n    position: relative;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .oc-bg-text {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -55%);\r\n    font-size: 80px;\r\n    font-weight: 900;\r\n    color: #f0ece4;\r\n    letter-spacing: 10px;\r\n    text-transform: uppercase;\r\n    z-index: 0;\r\n    white-space: nowrap;\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .oc-title {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    color: #222;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin: 0;\r\n  }\r\n\r\n  .oc-title::before,\r\n  .oc-title::after {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 60px;\r\n    height: 2px;\r\n    background-color: #222;\r\n  }\r\n\r\n  .oc-title span {\r\n    color: #b8953a;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  \/* Content Row *\/\r\n  .oc-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n  }\r\n\r\n  \/* Left Text *\/\r\n  .oc-text {\r\n    flex: 1;\r\n  }\r\n\r\n  .oc-text p {\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n    color: #777;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .oc-text p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* Right: Circles *\/\r\n  .oc-circles {\r\n    display: flex;\r\n    gap: 30px;\r\n    align-items: flex-start;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .oc-circle-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .oc-circle-item label {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #222;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* SVG Circle *\/\r\n  .oc-circle-svg {\r\n    position: relative;\r\n    width: 130px;\r\n    height: 130px;\r\n  }\r\n\r\n  .oc-circle-svg svg {\r\n    width: 130px;\r\n    height: 130px;\r\n    transform: rotate(-90deg);\r\n  }\r\n\r\n  .oc-circle-bg {\r\n    fill: none;\r\n    stroke: #e8e2d9;\r\n    stroke-width: 5;\r\n  }\r\n\r\n  .oc-circle-fill {\r\n    fill: none;\r\n    stroke: #c9a84c;\r\n    stroke-width: 5;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 345;\r\n    stroke-dashoffset: 345;\r\n    transition: stroke-dashoffset 1.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .oc-circle-text {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: #333;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .oc-content {\r\n      flex-direction: column;\r\n      gap: 40px;\r\n    }\r\n    .oc-circles {\r\n      justify-content: center;\r\n    }\r\n    .oc-bg-text {\r\n      font-size: 50px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .oc-circles {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    .oc-bg-text {\r\n      font-size: 36px;\r\n    }\r\n    .oc-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"oc-section\">\r\n\r\n  <!-- Title -->\r\n  <div class=\"oc-title-wrap\">\r\n    <div class=\"oc-bg-text\">FLOORS<\/div>\r\n    <h2 class=\"oc-title\">OUR <span>CLIENTS<\/span> <\/h2>\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"oc-content\">\r\n\r\n    <!-- Left Text -->\r\n    <div class=\"oc-text\">\r\n      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas, cursus felis quis, vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas, cursus felis quis, vestibulum.<\/p>\r\n      <p>Sed eget sit ame egestas, cursus felis quis, vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas, cursus felis quis, vestibulum.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Right Circles -->\r\n    <div class=\"oc-circles\">\r\n\r\n      <!-- Wall: 80% -->\r\n      <div class=\"oc-circle-item\">\r\n        <div class=\"oc-circle-svg\">\r\n          <svg viewBox=\"0 0 120 120\">\r\n            <circle class=\"oc-circle-bg\" cx=\"60\" cy=\"60\" r=\"55\"\/>\r\n            <circle class=\"oc-circle-fill\" cx=\"60\" cy=\"60\" r=\"55\" data-percent=\"80\"\/>\r\n          <\/svg>\r\n          <div class=\"oc-circle-text\">80%<\/div>\r\n        <\/div>\r\n        <label>Wall<\/label>\r\n      <\/div>\r\n\r\n      <!-- Tiles: 75% -->\r\n      <div class=\"oc-circle-item\">\r\n        <div class=\"oc-circle-svg\">\r\n          <svg viewBox=\"0 0 120 120\">\r\n            <circle class=\"oc-circle-bg\" cx=\"60\" cy=\"60\" r=\"55\"\/>\r\n            <circle class=\"oc-circle-fill\" cx=\"60\" cy=\"60\" r=\"55\" data-percent=\"75\"\/>\r\n          <\/svg>\r\n          <div class=\"oc-circle-text\">75%<\/div>\r\n        <\/div>\r\n        <label>Tiles<\/label>\r\n      <\/div>\r\n\r\n      <!-- Floors: 85% -->\r\n      <div class=\"oc-circle-item\">\r\n        <div class=\"oc-circle-svg\">\r\n          <svg viewBox=\"0 0 120 120\">\r\n            <circle class=\"oc-circle-bg\" cx=\"60\" cy=\"60\" r=\"55\"\/>\r\n            <circle class=\"oc-circle-fill\" cx=\"60\" cy=\"60\" r=\"55\" data-percent=\"85\"\/>\r\n          <\/svg>\r\n          <div class=\"oc-circle-text\">85%<\/div>\r\n        <\/div>\r\n        <label>Floors<\/label>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var circumference = 2 * Math.PI * 55; \/\/ ~345.6\r\n\r\n    function animateCircles() {\r\n      var circles = document.querySelectorAll('.oc-circle-fill');\r\n      circles.forEach(function (circle) {\r\n        var percent = parseFloat(circle.getAttribute('data-percent'));\r\n        var offset = circumference - (percent \/ 100) * circumference;\r\n        circle.style.strokeDasharray = circumference;\r\n        circle.style.strokeDashoffset = offset;\r\n      });\r\n    }\r\n\r\n    \/\/ Intersection Observer \u2014 animate when section scrolls into view\r\n    var section = document.querySelector('.oc-section');\r\n    if ('IntersectionObserver' in window) {\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            animateCircles();\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.3 });\r\n      observer.observe(section);\r\n    } else {\r\n      \/\/ Fallback for older browsers\r\n      animateCircles();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7ab3039 e-con e-atomic-element e-flexbox-base e-8560f5f \" data-id=\"7ab3039\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ab3039\" data-e-type=\"e-flexbox\" data-id=\"7ab3039\">\n    \t\t<div class=\"elementor-element elementor-element-a1e74f0 elementor-widget elementor-widget-html\" data-id=\"a1e74f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- LOGO SLIDER - Full Width Fix -->\r\n\r\n<style>\r\n  \/* Force full viewport width - works on any WordPress theme *\/\r\n  .ls-fullwidth-wrapper {\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 50%, #1e1e1e 100%);\r\n  }\r\n\r\n  \/* Subtle diagonal texture *\/\r\n  .ls-fullwidth-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: repeating-linear-gradient(\r\n      -45deg,\r\n      transparent,\r\n      transparent 3px,\r\n      rgba(255,255,255,0.012) 3px,\r\n      rgba(255,255,255,0.012) 6px\r\n    );\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .ls-section {\r\n    padding: 50px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  .ls-track-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Fade edges *\/\r\n  .ls-track-wrapper::before,\r\n  .ls-track-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 140px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n  .ls-track-wrapper::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, #1a1a1a, transparent);\r\n  }\r\n  .ls-track-wrapper::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, #1a1a1a, transparent);\r\n  }\r\n\r\n  .ls-track {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    animation: ls-scroll 24s linear infinite;\r\n  }\r\n\r\n  .ls-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes ls-scroll {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n\r\n  .ls-logo-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 70px;\r\n    min-width: 190px;\r\n    opacity: 0.75;\r\n    transition: opacity 0.3s ease;\r\n    cursor: default;\r\n  }\r\n\r\n  .ls-logo-item:hover { opacity: 1; }\r\n\r\n  .ls-logo-name {\r\n    margin-top: 12px;\r\n    font-family: 'Georgia', serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #b8953a;\r\n    text-align: center;\r\n  }\r\n\r\n  .ls-logo-sub {\r\n    font-family: 'Georgia', serif;\r\n    font-size: 7px;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #7a6a50;\r\n    text-align: center;\r\n    margin-top: 3px;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ls-fullwidth-wrapper\">\r\n  <div class=\"ls-section\">\r\n    <div class=\"ls-track-wrapper\">\r\n      <div class=\"ls-track\">\r\n\r\n        <!-- 1. Mount Flooring -->\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"70\" height=\"55\" viewBox=\"0 0 70 55\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polyline points=\"4,50 22,18 34,34\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <polyline points=\"22,50 40,8 58,50\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <polyline points=\"35,20 40,8 45,20\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <line x1=\"4\" y1=\"50\" x2=\"58\" y2=\"50\" stroke=\"#b8953a\" stroke-width=\"1.4\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Mount Flooring<\/div>\r\n          <div class=\"ls-logo-sub\">Leader in Work<\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Design Parquet -->\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polygon points=\"31,3 59,31 31,59 3,31\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <polygon points=\"31,15 47,31 31,47 15,31\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"#b8953a\" opacity=\"0.9\"\/>\r\n            <circle cx=\"31\" cy=\"31\" r=\"3.5\" fill=\"#1e1e1e\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Design Parquet<\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Twin Tiles -->\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"68\" height=\"68\" viewBox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polygon points=\"34,3 65,34 34,65 3,34\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <polygon points=\"34,12 56,34 34,56 12,34\" stroke=\"#b8953a\" stroke-width=\"1.3\" fill=\"none\"\/>\r\n            <polygon points=\"34,21 47,34 34,47 21,34\" stroke=\"#b8953a\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <polygon points=\"34,30 38,34 34,38 30,34\" stroke=\"#b8953a\" stroke-width=\"1.1\" fill=\"none\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Twin Tiles<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Company<\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Square -->\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"66\" height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"4\" width=\"58\" height=\"58\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <line x1=\"4\" y1=\"62\" x2=\"62\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"48\" x2=\"48\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"18\" y1=\"62\" x2=\"62\" y2=\"18\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"34\" x2=\"34\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"32\" y1=\"62\" x2=\"62\" y2=\"32\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"46\" y1=\"62\" x2=\"62\" y2=\"46\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Square<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Tiles<\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Style N Tiles -->\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"66\" height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"4\" width=\"58\" height=\"58\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <rect x=\"11\" y=\"11\" width=\"44\" height=\"44\" stroke=\"#b8953a\" stroke-width=\"1.3\" fill=\"none\"\/>\r\n            <rect x=\"18\" y=\"18\" width=\"30\" height=\"30\" stroke=\"#b8953a\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <rect x=\"25\" y=\"25\" width=\"16\" height=\"16\" stroke=\"#b8953a\" stroke-width=\"1.1\" fill=\"none\"\/>\r\n            <line x1=\"4\" y1=\"4\" x2=\"11\" y2=\"11\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"62\" y1=\"4\" x2=\"55\" y2=\"11\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"62\" x2=\"11\" y2=\"55\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"62\" y1=\"62\" x2=\"55\" y2=\"55\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Style N Tiles<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Equipments<\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== DUPLICATE for seamless loop ===== -->\r\n\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"70\" height=\"55\" viewBox=\"0 0 70 55\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polyline points=\"4,50 22,18 34,34\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <polyline points=\"22,50 40,8 58,50\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <polyline points=\"35,20 40,8 45,20\" stroke=\"#b8953a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\r\n            <line x1=\"4\" y1=\"50\" x2=\"58\" y2=\"50\" stroke=\"#b8953a\" stroke-width=\"1.4\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Mount Flooring<\/div>\r\n          <div class=\"ls-logo-sub\">Leader in Work<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polygon points=\"31,3 59,31 31,59 3,31\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <polygon points=\"31,15 47,31 31,47 15,31\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"#b8953a\" opacity=\"0.9\"\/>\r\n            <circle cx=\"31\" cy=\"31\" r=\"3.5\" fill=\"#1e1e1e\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Design Parquet<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"68\" height=\"68\" viewBox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <polygon points=\"34,3 65,34 34,65 3,34\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <polygon points=\"34,12 56,34 34,56 12,34\" stroke=\"#b8953a\" stroke-width=\"1.3\" fill=\"none\"\/>\r\n            <polygon points=\"34,21 47,34 34,47 21,34\" stroke=\"#b8953a\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <polygon points=\"34,30 38,34 34,38 30,34\" stroke=\"#b8953a\" stroke-width=\"1.1\" fill=\"none\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Twin Tiles<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Company<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"66\" height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"4\" width=\"58\" height=\"58\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <line x1=\"4\" y1=\"62\" x2=\"62\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"48\" x2=\"48\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"18\" y1=\"62\" x2=\"62\" y2=\"18\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"34\" x2=\"34\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"32\" y1=\"62\" x2=\"62\" y2=\"32\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"4\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"46\" y1=\"62\" x2=\"62\" y2=\"46\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Square<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Tiles<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ls-logo-item\">\r\n          <svg width=\"66\" height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"4\" width=\"58\" height=\"58\" stroke=\"#b8953a\" stroke-width=\"1.4\" fill=\"none\"\/>\r\n            <rect x=\"11\" y=\"11\" width=\"44\" height=\"44\" stroke=\"#b8953a\" stroke-width=\"1.3\" fill=\"none\"\/>\r\n            <rect x=\"18\" y=\"18\" width=\"30\" height=\"30\" stroke=\"#b8953a\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <rect x=\"25\" y=\"25\" width=\"16\" height=\"16\" stroke=\"#b8953a\" stroke-width=\"1.1\" fill=\"none\"\/>\r\n            <line x1=\"4\" y1=\"4\" x2=\"11\" y2=\"11\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"62\" y1=\"4\" x2=\"55\" y2=\"11\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"4\" y1=\"62\" x2=\"11\" y2=\"55\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n            <line x1=\"62\" y1=\"62\" x2=\"55\" y2=\"55\" stroke=\"#b8953a\" stroke-width=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"ls-logo-name\">Style N Tiles<\/div>\r\n          <div class=\"ls-logo-sub\">Flooring Equipments<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/* Extra JS fix: if the page has a horizontal scrollbar after insert, hide it *\/\r\n  document.documentElement.style.overflowX = 'hidden';\r\n  document.body.style.overflowX = 'hidden';\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-475ad71 e-con e-atomic-element e-flexbox-base e-4d660c7 \" data-id=\"475ad71\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"475ad71\" data-e-type=\"e-flexbox\" data-id=\"475ad71\">\n    \t\t<div class=\"elementor-element elementor-element-1d070cb elementor-widget elementor-widget-image\" data-id=\"1d070cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/pakinterior.designwithsana.com\/wp-content\/uploads\/2026\/05\/world1-1024x474-1.webp\" class=\"attachment-large size-large wp-image-150\" alt=\"\" srcset=\"https:\/\/pakinterior.designwithsana.com\/wp-content\/uploads\/2026\/05\/world1-1024x474-1.webp 1024w, https:\/\/pakinterior.designwithsana.com\/wp-content\/uploads\/2026\/05\/world1-1024x474-1-600x278.webp 600w, https:\/\/pakinterior.designwithsana.com\/wp-content\/uploads\/2026\/05\/world1-1024x474-1-300x139.webp 300w, https:\/\/pakinterior.designwithsana.com\/wp-content\/uploads\/2026\/05\/world1-1024x474-1-768x356.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FLOORS \u2014 WHY CHOOSE US \u2014 Pixel perfect design Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas. Planed Structure Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas. Advanced Equipments Lorem ipsum dolor sit amet, consectetur adipiscing elit. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/pakinterior.designwithsana.com\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"FLOORS \u2014 WHY CHOOSE US \u2014 Pixel perfect design Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas. Planed Structure Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id arcu tortor. Sed eget sit ame egestas. Advanced Equipments Lorem ipsum dolor sit amet, consectetur adipiscing elit.&hellip;","_links":{"self":[{"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":5,"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/pakinterior.designwithsana.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}