{"id":37,"date":"2026-02-20T07:14:07","date_gmt":"2026-02-20T07:14:07","guid":{"rendered":"https:\/\/www.trendzuae.com\/?page_id=37"},"modified":"2026-03-18T07:51:13","modified_gmt":"2026-03-18T07:51:13","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.trendzuae.com\/index.php\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Trendz Mattress<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #4169e1;\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n background-color: #4169e1;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 20px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n \/* ===== SCROLLED STATE \u2014 same #4169e1 blue ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n box-shadow: 0 4px 30px rgba(29, 55, 119, 0.5);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* Top Bar *\/\r\n .top-bar {\r\n background-color: #4169e1;\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n max-height: 50px;\r\n }\r\n\r\n .header.scrolled .top-bar {\r\n max-height: 0;\r\n padding: 0;\r\n border: none;\r\n opacity: 0;\r\n }\r\n\r\n .top-bar-content {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-left {\r\n display: flex;\r\n gap: 25px;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 12px;\r\n font-weight: 400;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .top-bar-item svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .top-bar-right {\r\n display: flex;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== SOCIAL ICON \u2014 now an anchor ===== *\/\r\n .social-icon {\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.08);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n\r\n .social-icon:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .social-icon svg {\r\n width: 13px;\r\n height: 13px;\r\n fill: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Main Header *\/\r\n .header-main {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n color: #4169e1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .header.scrolled .header-main {\r\n height: 62px;\r\n color: #4169e1;\r\n }\r\n\r\n \/* Logo *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n z-index: 1001;\r\n animation: fadeInLeft 0.8s ease forwards;\r\n }\r\n\r\n .logo-img {\r\n height: 42px;\r\n width: 140px;\r\n transition: all 0.4s ease;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n }\r\n\r\n .header.scrolled .logo-img {\r\n height: 19px;\r\n }\r\n\r\n \/* Navigation *\/\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .nav-list {\r\n display: flex;\r\n list-style: none;\r\n gap: 5px;\r\n align-items: center;\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease forwards;\r\n }\r\n\r\n .nav-item:nth-child(1) { animation-delay: 0.1s; }\r\n .nav-item:nth-child(2) { animation-delay: 0.2s; }\r\n .nav-item:nth-child(3) { animation-delay: 0.3s; }\r\n .nav-item:nth-child(4) { animation-delay: 0.4s; }\r\n .nav-item:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n .nav-link {\r\n display: block;\r\n padding: 10px 20px;\r\n color: rgba(255, 255, 255, 0.85);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n border-radius: 4px;\r\n }\r\n\r\n .nav-link::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-radius: 2px;\r\n }\r\n\r\n .nav-link:hover { color: #ffffff; }\r\n .nav-link:hover::before { width: 60%; }\r\n .nav-link.active { color: #ffffff; }\r\n .nav-link.active::before { width: 60%; }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 4px;\r\n background: rgba(255, 255, 255, 0);\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* CTA Button *\/\r\n .nav-cta {\r\n margin-left: 15px;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease 0.6s forwards;\r\n }\r\n\r\n .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 28px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(29, 55, 119, 0.08);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s ease, height 0.6s ease;\r\n }\r\n\r\n .cta-btn:hover::before { width: 300px; height: 300px; }\r\n .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2); }\r\n\r\n .cta-btn svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cta-btn:hover svg { transform: translateX(3px); }\r\n\r\n \/* Hamburger Menu *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 45px;\r\n height: 45px;\r\n cursor: pointer;\r\n z-index: 1001;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger:hover { background: rgba(255, 255, 255, 0.15); }\r\n\r\n .hamburger-line {\r\n width: 22px;\r\n height: 2px;\r\n background-color: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n\r\n .hamburger-line:nth-child(1) { transform: translateY(-4px); }\r\n .hamburger-line:nth-child(2) { width: 16px; }\r\n .hamburger-line:nth-child(3) { transform: translateY(4px); }\r\n\r\n .hamburger.active .hamburger-line:nth-child(1) { transform: translateY(2px) rotate(45deg); }\r\n .hamburger.active .hamburger-line:nth-child(2) { opacity: 0; width: 0; }\r\n .hamburger.active .hamburger-line:nth-child(3) { transform: translateY(-2px) rotate(-45deg); }\r\n\r\n \/* Mobile Overlay *\/\r\n .mobile-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .mobile-overlay.active { opacity: 1; }\r\n\r\n \/* Decorative Line *\/\r\n .header-line {\r\n height: 3px;\r\n background: linear-gradient(90deg,\r\n #1D3777 0%,\r\n #2a4fa0 20%,\r\n #ffffff 50%,\r\n #2a4fa0 80%,\r\n #1D3777 100%\r\n );\r\n background-size: 200% 100%;\r\n animation: shimmer 3s ease infinite;\r\n }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInLeft {\r\n from { opacity: 0; transform: translateX(-20px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { background-position: -200% 0; }\r\n 100% { background-position: 200% 0; }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from { opacity: 0; transform: translateX(30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ===== RESPONSIVE - TABLET ===== *\/\r\n @media (max-width: 1024px) {\r\n .header-main { padding: 0 30px; }\r\n .nav-link { padding: 10px 14px; font-size: 12px; }\r\n .cta-btn { padding: 10px 22px; font-size: 11px; }\r\n .top-bar-content { padding: 0 30px; }\r\n .logo-img { height: 20px; }\r\n .header.scrolled .logo-img { height: 17px; }\r\n }\r\n\r\n \/* ===== RESPONSIVE - MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n .top-bar { display: none; }\r\n\r\n .header-main { padding: 0 20px; height: 65px; }\r\n .header.scrolled .header-main { height: 58px; }\r\n\r\n \/* ===== MOBILE: keep same blue when scrolled ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n }\r\n\r\n .logo-img { height: 18px; }\r\n .header.scrolled .logo-img { height: 16px; }\r\n\r\n .hamburger { display: flex; }\r\n\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 320px;\r\n max-width: 85vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, #4169e1 0%, #3258c9 50%, #2a4fa0 100%);\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n padding: 100px 30px 40px;\r\n transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 1000;\r\n box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);\r\n overflow-y: auto;\r\n }\r\n\r\n .nav.active { right: 0; }\r\n\r\n .nav-list { flex-direction: column; gap: 0; width: 100%; }\r\n\r\n .nav-item {\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .nav.active .nav-item { animation: slideInRight 0.5s ease forwards; }\r\n .nav.active .nav-item:nth-child(1) { animation-delay: 0.15s; }\r\n .nav.active .nav-item:nth-child(2) { animation-delay: 0.25s; }\r\n .nav.active .nav-item:nth-child(3) { animation-delay: 0.35s; }\r\n .nav.active .nav-item:nth-child(4) { animation-delay: 0.45s; }\r\n .nav.active .nav-item:nth-child(5) { animation-delay: 0.55s; }\r\n\r\n .nav-link {\r\n padding: 18px 10px;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 0;\r\n }\r\n\r\n .nav-link::before { display: none; }\r\n\r\n .nav-link::after {\r\n content: '\u2192';\r\n font-size: 16px;\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n transition: all 0.3s ease;\r\n position: static;\r\n background: none;\r\n }\r\n\r\n .nav-link:hover::after { opacity: 0.5; transform: translateX(0); background: none; }\r\n\r\n .nav-cta {\r\n margin-left: 0;\r\n margin-top: 30px;\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n .nav.active .nav-cta { animation: slideInRight 0.5s ease 0.65s forwards; }\r\n\r\n .cta-btn { justify-content: center; width: 100%; padding: 16px 28px; font-size: 13px; }\r\n\r\n .mobile-nav-footer {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: auto;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n width: 100%;\r\n opacity: 0;\r\n }\r\n\r\n .nav.active .mobile-nav-footer { animation: slideInRight 0.5s ease 0.75s forwards; }\r\n\r\n .mobile-contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .mobile-contact-item svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-social { display: flex; gap: 12px; margin-top: 10px; }\r\n .mobile-social .social-icon { width: 38px; height: 38px; }\r\n .mobile-social .social-icon svg { width: 16px; height: 16px; }\r\n\r\n .mobile-overlay { display: block; pointer-events: none; }\r\n .mobile-overlay.active { pointer-events: all; }\r\n .mobile-nav-footer { display: flex; }\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .mobile-nav-footer { display: none !important; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .header-main { padding: 0 15px; height: 60px; }\r\n .header.scrolled .header-main { height: 54px; }\r\n .logo-img { height: 16px; }\r\n .header.scrolled .logo-img { height: 14px; }\r\n .nav { width: 100%; max-width: 100vw; padding: 90px 25px 30px; }\r\n .hamburger { width: 40px; height: 40px; }\r\n .hamburger-line { width: 20px; }\r\n }\r\n\r\n \/* ===== DEMO CONTENT ===== *\/\r\n .demo-content {\r\n margin-top: 130px;\r\n padding: 60px 40px;\r\n max-width: 1300px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .demo-content h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #1D3777;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .demo-content p {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #666;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .demo-spacer { height: 1500px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ===== HEADER START ===== -->\r\n <header class=\"header\" id=\"header\">\r\n\r\n <!-- Top Bar -->\r\n <div class=\"top-bar\">\r\n <div class=\"top-bar-content\">\r\n <div class=\"top-bar-left\">\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"top-bar-right\">\r\n <!-- ===== LINKED SOCIAL ICONS ===== -->\r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.07-.11-.22-.16-.47-.28z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Main Navigation -->\r\n <div class=\"header-main\">\r\n\r\n <!-- Logo -->\r\n <a href=\"#\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\" alt=\"Trendz Mattress\" class=\"logo-img\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\r\n <div style=\"display:none; align-items:center; gap:10px;\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 100 100\" fill=\"none\">\r\n <rect x=\"5\" y=\"35\" width=\"90\" height=\"40\" rx=\"8\" fill=\"white\" opacity=\"0.9\"\/>\r\n <rect x=\"10\" y=\"30\" width=\"80\" height=\"12\" rx=\"6\" fill=\"white\" opacity=\"0.6\"\/>\r\n <rect x=\"15\" y=\"65\" width=\"70\" height=\"8\" rx=\"4\" fill=\"white\" opacity=\"0.3\"\/>\r\n <circle cx=\"30\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"50\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"70\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Navigation -->\r\n <nav class=\"nav\" id=\"nav\">\r\n <ul class=\"nav-list\">\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"nav-link active\">Home<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"nav-link\">About Us<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"nav-link\">Products<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"nav-link\">Blog<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"nav-link\">Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"nav-cta\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"cta-btn\">\r\n <span>Get Quote<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Mobile Navigation Footer -->\r\n <div class=\"mobile-nav-footer\">\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <div class=\"mobile-social\">\r\n <!-- ===== MOBILE LINKED SOCIAL ICONS ===== -->\r\n <a href=\"https:\/\/www.facebook.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hamburger Button -->\r\n <div class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\" role=\"button\" tabindex=\"0\">\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n <!-- Mobile Overlay -->\r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n <!-- ===== HEADER END ===== -->\r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const nav = document.getElementById('nav');\r\n const overlay = document.getElementById('mobileOverlay');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n const body = document.body;\r\n\r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n nav.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n body.style.overflow = nav.classList.contains('active') ? 'hidden' : '';\r\n }\r\n\r\n function closeMenu() {\r\n hamburger.classList.remove('active');\r\n nav.classList.remove('active');\r\n overlay.classList.remove('active');\r\n body.style.overflow = '';\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n overlay.addEventListener('click', closeMenu);\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n closeMenu();\r\n navLinks.forEach(l => l.classList.remove('active'));\r\n link.classList.add('active');\r\n });\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') closeMenu();\r\n });\r\n\r\n const header = document.getElementById('header');\r\n let ticking = false;\r\n\r\n function updateHeader() {\r\n header.classList.toggle('scrolled', window.scrollY > 50);\r\n ticking = false;\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateHeader);\r\n ticking = true;\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) closeMenu();\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fb5cf9 e-con-full e-flex e-con e-parent\" data-id=\"9fb5cf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fbd084 e-con-full e-flex e-con e-parent\" data-id=\"6fbd084\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-044566a elementor-widget elementor-widget-html\" data-id=\"044566a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== ABOUT HERO SECTION =====\r\n ============================================ *\/\r\n .about-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 380px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* Background Image *\/\r\n .about-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n animation: aboutHeroZoom 20s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes aboutHeroZoom {\r\n 0% { transform: scale(1); }\r\n 100% { transform: scale(1.08); }\r\n }\r\n\r\n \/* Overlay *\/\r\n .about-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 180deg,\r\n rgba(15, 29, 61, 0.7) 0%,\r\n rgba(29, 55, 119, 0.75) 50%,\r\n rgba(15, 29, 61, 0.85) 100%\r\n );\r\n z-index: 1;\r\n }\r\n\r\n \/* Decorative Elements *\/\r\n .about-hero-decor-left {\r\n position: absolute;\r\n left: -80px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 300px;\r\n height: 300px;\r\n border: 1px solid rgba(255, 255, 255, 0.04);\r\n border-radius: 50%;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .about-hero-decor-right {\r\n position: absolute;\r\n right: -100px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 350px;\r\n height: 350px;\r\n border: 1px solid rgba(255, 255, 255, 0.03);\r\n border-radius: 50%;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .about-hero-decor-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 60px;\r\n width: 80px;\r\n height: 80px;\r\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px);\r\n background-size: 12px 12px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .about-hero-decor-dots-2 {\r\n position: absolute;\r\n top: 40px;\r\n right: 60px;\r\n width: 70px;\r\n height: 70px;\r\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);\r\n background-size: 12px 12px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Content *\/\r\n .about-hero-content {\r\n position: relative;\r\n z-index: 3;\r\n text-align: center;\r\n padding: 0 40px;\r\n max-width: 800px;\r\n }\r\n\r\n \/* Breadcrumb *\/\r\n .about-hero-breadcrumb {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .about-hero-breadcrumb a {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.5);\r\n text-decoration: none;\r\n letter-spacing: 1px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .about-hero-breadcrumb a:hover {\r\n color: #ffffff;\r\n }\r\n\r\n .about-hero-breadcrumb-sep {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n .about-hero-breadcrumb-current {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 0.8);\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Accent Line *\/\r\n .about-hero-accent {\r\n width: 50px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #a8c0ff, rgba(255, 255, 255, 0.4));\r\n border-radius: 3px;\r\n margin: 0 auto 24px;\r\n }\r\n\r\n \/* Title *\/\r\n .about-hero-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 56px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.1;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .about-hero-title span {\r\n color: #a8c0ff;\r\n position: relative;\r\n }\r\n\r\n \/* Subtitle *\/\r\n .about-hero-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.7;\r\n max-width: 520px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Bottom Gradient Fade *\/\r\n .about-hero-bottom-fade {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 80px;\r\n background: linear-gradient(to top, #ffffff, transparent);\r\n z-index: 2;\r\n }\r\n\r\n \/* Scroll Hint *\/\r\n .about-hero-scroll {\r\n position: absolute;\r\n bottom: 35px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 4;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 6px;\r\n opacity: 0.5;\r\n transition: opacity 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .about-hero-scroll:hover {\r\n opacity: 1;\r\n }\r\n\r\n .about-hero-scroll-mouse {\r\n width: 22px;\r\n height: 34px;\r\n border: 2px solid rgba(29, 55, 119, 0.3);\r\n border-radius: 20px;\r\n position: relative;\r\n }\r\n\r\n .about-hero-scroll-mouse::after {\r\n content: '';\r\n position: absolute;\r\n top: 6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 3px;\r\n height: 7px;\r\n background: #1D3777;\r\n border-radius: 3px;\r\n animation: aboutScrollAnim 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes aboutScrollAnim {\r\n 0%, 100% { opacity: 1; top: 6px; }\r\n 50% { opacity: 0.2; top: 17px; }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .about-hero {\r\n height: 460px;\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 46px;\r\n }\r\n\r\n .about-hero-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .about-hero-content {\r\n padding: 0 30px;\r\n }\r\n\r\n .about-hero-decor-left {\r\n width: 220px;\r\n height: 220px;\r\n left: -60px;\r\n }\r\n\r\n .about-hero-decor-right {\r\n width: 260px;\r\n height: 260px;\r\n right: -80px;\r\n }\r\n\r\n .about-hero-decor-dots {\r\n left: 40px;\r\n bottom: 35px;\r\n }\r\n\r\n .about-hero-decor-dots-2 {\r\n right: 40px;\r\n top: 35px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .about-hero {\r\n height: 420px;\r\n }\r\n\r\n .about-hero-content {\r\n padding: 0 24px;\r\n }\r\n\r\n .about-hero-breadcrumb {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .about-hero-breadcrumb a,\r\n .about-hero-breadcrumb-sep,\r\n .about-hero-breadcrumb-current {\r\n font-size: 11px;\r\n }\r\n\r\n .about-hero-accent {\r\n width: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 36px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .about-hero-subtitle {\r\n font-size: 14px;\r\n max-width: 400px;\r\n }\r\n\r\n .about-hero-bottom-fade {\r\n height: 60px;\r\n }\r\n\r\n .about-hero-decor-left,\r\n .about-hero-decor-right {\r\n display: none;\r\n }\r\n\r\n .about-hero-decor-dots {\r\n width: 50px;\r\n height: 50px;\r\n left: 20px;\r\n bottom: 25px;\r\n }\r\n\r\n .about-hero-decor-dots-2 {\r\n width: 50px;\r\n height: 50px;\r\n right: 20px;\r\n top: 25px;\r\n }\r\n\r\n .about-hero-scroll {\r\n bottom: 20px;\r\n }\r\n\r\n .about-hero-scroll-mouse {\r\n width: 18px;\r\n height: 28px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .about-hero {\r\n height: 380px;\r\n }\r\n\r\n .about-hero-content {\r\n padding: 0 18px;\r\n }\r\n\r\n .about-hero-breadcrumb a,\r\n .about-hero-breadcrumb-sep,\r\n .about-hero-breadcrumb-current {\r\n font-size: 10px;\r\n }\r\n\r\n .about-hero-accent {\r\n width: 35px;\r\n height: 2.5px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 28px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .about-hero-subtitle {\r\n font-size: 13px;\r\n line-height: 1.65;\r\n }\r\n\r\n .about-hero-decor-dots,\r\n .about-hero-decor-dots-2 {\r\n display: none;\r\n }\r\n\r\n .about-hero-scroll {\r\n display: none;\r\n }\r\n\r\n .about-hero-bottom-fade {\r\n height: 50px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== ABOUT US HERO SECTION =====\r\n ============================================ -->\r\n<section class=\"about-hero\">\r\n\r\n <!-- Background -->\r\n <div class=\"about-hero-bg\"><\/div>\r\n <div class=\"about-hero-overlay\"><\/div>\r\n\r\n <!-- Decorations -->\r\n <div class=\"about-hero-decor-left\"><\/div>\r\n <div class=\"about-hero-decor-right\"><\/div>\r\n <div class=\"about-hero-decor-dots\"><\/div>\r\n <div class=\"about-hero-decor-dots-2\"><\/div>\r\n\r\n <!-- Content -->\r\n <div class=\"about-hero-content\">\r\n <div class=\"about-hero-breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"about-hero-breadcrumb-sep\">\/<\/span>\r\n <span class=\"about-hero-breadcrumb-current\">About Us<\/span>\r\n <\/div>\r\n <div class=\"about-hero-accent\"><\/div>\r\n <h1 class=\"about-hero-title\">Who <span>We Are<\/span><\/h1>\r\n <p class=\"about-hero-subtitle\">\r\n Crafting premium sleep experiences across the UAE since 2008.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Bottom Fade to White -->\r\n <div class=\"about-hero-bottom-fade\"><\/div>\r\n\r\n <!-- Scroll Hint -->\r\n <div class=\"about-hero-scroll\">\r\n <div class=\"about-hero-scroll-mouse\"><\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a823a4d e-con-full e-flex e-con e-parent\" data-id=\"a823a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f406556 elementor-widget elementor-widget-html\" data-id=\"f406556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== ABOUT COMPANY SECTION =====\r\n ============================================ *\/\r\n .about-company {\r\n position: relative;\r\n padding: 100px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative *\/\r\n .about-company-decor {\r\n position: absolute;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .about-company-decor-1 {\r\n top: 80px;\r\n right: -80px;\r\n width: 280px;\r\n height: 280px;\r\n border: 1px solid rgba(29, 55, 119, 0.04);\r\n border-radius: 50%;\r\n }\r\n\r\n .about-company-decor-2 {\r\n bottom: 100px;\r\n left: -60px;\r\n width: 200px;\r\n height: 200px;\r\n border: 1px solid rgba(29, 55, 119, 0.03);\r\n border-radius: 50%;\r\n }\r\n\r\n .about-company-decor-dots {\r\n top: 50%;\r\n right: 40px;\r\n transform: translateY(-50%);\r\n width: 80px;\r\n height: 120px;\r\n background-image: radial-gradient(circle, rgba(29, 55, 119, 0.05) 1.5px, transparent 1.5px);\r\n background-size: 16px 16px;\r\n }\r\n\r\n .about-company-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Layout ===== *\/\r\n .about-company-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 65px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== Left \u2014 Image Collage ===== *\/\r\n .about-company-images {\r\n position: relative;\r\n height: 560px;\r\n }\r\n\r\n \/* Main Image *\/\r\n .about-img-main {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 75%;\r\n height: 70%;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 50px rgba(29, 55, 119, 0.1);\r\n z-index: 1;\r\n }\r\n\r\n .about-img-main img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .about-img-main:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Secondary Image *\/\r\n .about-img-secondary {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 55%;\r\n height: 50%;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 45px rgba(29, 55, 119, 0.1);\r\n border: 5px solid #ffffff;\r\n z-index: 2;\r\n }\r\n\r\n .about-img-secondary img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .about-img-secondary:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Experience Badge *\/\r\n .about-exp-badge {\r\n position: absolute;\r\n top: 50%;\r\n right: 20%;\r\n transform: translateY(-50%);\r\n width: 130px;\r\n height: 130px;\r\n border-radius: 50%;\r\n background: #1D3777;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 12px 35px rgba(29, 55, 119, 0.3);\r\n z-index: 3;\r\n border: 5px solid #ffffff;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .about-exp-badge:hover {\r\n transform: translateY(-50%) scale(1.06) rotate(-3deg);\r\n }\r\n\r\n .about-exp-num {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #ffffff;\r\n line-height: 1;\r\n }\r\n\r\n .about-exp-num sup {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #a8c0ff;\r\n }\r\n\r\n .about-exp-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.6);\r\n margin-top: 4px;\r\n }\r\n\r\n \/* Corner Frame *\/\r\n .about-img-frame {\r\n position: absolute;\r\n top: -14px;\r\n left: -14px;\r\n width: 100px;\r\n height: 100px;\r\n border-top: 3px solid rgba(29, 55, 119, 0.08);\r\n border-left: 3px solid rgba(29, 55, 119, 0.08);\r\n border-radius: 22px 0 0 0;\r\n z-index: 0;\r\n }\r\n\r\n \/* ===== Right \u2014 Content ===== *\/\r\n .about-company-content {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .about-company-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 24px;\r\n background: rgba(29, 55, 119, 0.04);\r\n border: 1px solid rgba(29, 55, 119, 0.07);\r\n border-radius: 50px;\r\n margin-bottom: 22px;\r\n align-self: flex-start;\r\n }\r\n\r\n .about-company-badge svg {\r\n width: 15px;\r\n height: 15px;\r\n fill: #1D3777;\r\n }\r\n\r\n .about-company-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .about-company-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.2;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .about-company-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .about-company-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 3px;\r\n left: 0;\r\n width: 100%;\r\n height: 7px;\r\n background: rgba(29, 55, 119, 0.06);\r\n border-radius: 4px;\r\n z-index: -1;\r\n }\r\n\r\n .about-company-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #4a6cb3;\r\n margin-bottom: 24px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Accent Divider *\/\r\n .about-company-accent {\r\n width: 45px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #1D3777, #a8c0ff);\r\n border-radius: 3px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n \/* Paragraphs *\/\r\n .about-company-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #6b7b99;\r\n line-height: 1.85;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-company-text:last-of-type {\r\n margin-bottom: 36px;\r\n }\r\n\r\n \/* Highlight Box *\/\r\n .about-company-highlight {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 24px 28px;\r\n background: #fafbfe;\r\n border: 1px solid rgba(29, 55, 119, 0.06);\r\n border-radius: 16px;\r\n margin-bottom: 36px;\r\n border-left: 4px solid #1D3777;\r\n }\r\n\r\n .about-company-highlight-icon {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n border-radius: 12px;\r\n background: rgba(29, 55, 119, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .about-company-highlight-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #1D3777;\r\n }\r\n\r\n .about-company-highlight-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #4a5e80;\r\n line-height: 1.75;\r\n font-style: italic;\r\n }\r\n\r\n \/* Key Points *\/\r\n .about-company-points {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .about-point {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 18px;\r\n background: #fafbfe;\r\n border: 1px solid rgba(29, 55, 119, 0.05);\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .about-point:hover {\r\n background: #f0f3fa;\r\n transform: translateX(4px);\r\n border-color: rgba(29, 55, 119, 0.1);\r\n }\r\n\r\n .about-point-icon {\r\n width: 32px;\r\n height: 32px;\r\n min-width: 32px;\r\n border-radius: 8px;\r\n background: rgba(29, 55, 119, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .about-point:hover .about-point-icon {\r\n background: #1D3777;\r\n }\r\n\r\n .about-point-icon svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .about-point:hover .about-point-icon svg {\r\n fill: #ffffff;\r\n }\r\n\r\n .about-point-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .about-company-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 15px 34px;\r\n background: #4169e1;\r\n color: #ffffff;\r\n text-decoration: none;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 6px 25px rgba(29, 55, 119, 0.2);\r\n align-self: flex-start;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-company-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(255, 255, 255, 0.12);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.5s ease, height 0.5s ease;\r\n }\r\n\r\n .about-company-cta:hover::before {\r\n width: 350px;\r\n height: 350px;\r\n }\r\n\r\n .about-company-cta:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 35px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n .about-company-cta span,\r\n .about-company-cta svg {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .about-company-cta svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #ffffff;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .about-company-cta:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .about-company {\r\n padding: 80px 30px;\r\n }\r\n\r\n .about-company-layout {\r\n gap: 45px;\r\n }\r\n\r\n .about-company-images {\r\n height: 480px;\r\n }\r\n\r\n .about-company-title {\r\n font-size: 30px;\r\n }\r\n\r\n .about-company-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .about-company-text {\r\n font-size: 13px;\r\n }\r\n\r\n .about-exp-badge {\r\n width: 110px;\r\n height: 110px;\r\n }\r\n\r\n .about-exp-num {\r\n font-size: 30px;\r\n }\r\n\r\n .about-company-points {\r\n gap: 10px;\r\n }\r\n\r\n .about-point {\r\n padding: 12px 14px;\r\n }\r\n\r\n .about-point-text {\r\n font-size: 11px;\r\n }\r\n\r\n .about-company-decor-dots {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .about-company {\r\n padding: 60px 20px;\r\n }\r\n\r\n .about-company-layout {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .about-company-images {\r\n height: 380px;\r\n max-width: 480px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .about-img-main {\r\n width: 72%;\r\n height: 68%;\r\n border-radius: 18px;\r\n }\r\n\r\n .about-img-secondary {\r\n width: 52%;\r\n height: 48%;\r\n border-radius: 18px;\r\n border-width: 4px;\r\n }\r\n\r\n .about-exp-badge {\r\n width: 100px;\r\n height: 100px;\r\n border-width: 4px;\r\n right: 18%;\r\n }\r\n\r\n .about-exp-num {\r\n font-size: 26px;\r\n }\r\n\r\n .about-exp-num sup {\r\n font-size: 13px;\r\n }\r\n\r\n .about-exp-label {\r\n font-size: 8px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .about-img-frame {\r\n width: 70px;\r\n height: 70px;\r\n top: -10px;\r\n left: -10px;\r\n border-width: 2px;\r\n }\r\n\r\n .about-company-badge {\r\n align-self: center;\r\n }\r\n\r\n .about-company-title {\r\n font-size: 28px;\r\n text-align: center;\r\n }\r\n\r\n .about-company-subtitle {\r\n font-size: 14px;\r\n text-align: center;\r\n }\r\n\r\n .about-company-accent {\r\n margin: 0 auto 22px;\r\n }\r\n\r\n .about-company-text {\r\n font-size: 13px;\r\n text-align: center;\r\n }\r\n\r\n .about-company-highlight {\r\n padding: 20px 22px;\r\n }\r\n\r\n .about-company-highlight-text {\r\n font-size: 12px;\r\n }\r\n\r\n .about-company-points {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .about-company-cta {\r\n align-self: center;\r\n }\r\n\r\n .about-company-decor {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .about-company {\r\n padding: 50px 16px;\r\n }\r\n\r\n .about-company-images {\r\n height: 300px;\r\n }\r\n\r\n .about-img-main {\r\n width: 70%;\r\n height: 65%;\r\n border-radius: 16px;\r\n }\r\n\r\n .about-img-secondary {\r\n width: 50%;\r\n height: 46%;\r\n border-radius: 16px;\r\n border-width: 3px;\r\n }\r\n\r\n .about-exp-badge {\r\n width: 85px;\r\n height: 85px;\r\n border-width: 3px;\r\n }\r\n\r\n .about-exp-num {\r\n font-size: 22px;\r\n }\r\n\r\n .about-exp-num sup {\r\n font-size: 11px;\r\n }\r\n\r\n .about-img-frame {\r\n width: 50px;\r\n height: 50px;\r\n top: -8px;\r\n left: -8px;\r\n }\r\n\r\n .about-company-badge {\r\n padding: 8px 18px;\r\n }\r\n\r\n .about-company-badge span {\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .about-company-title {\r\n font-size: 24px;\r\n }\r\n\r\n .about-company-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .about-company-text {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n }\r\n\r\n .about-company-highlight {\r\n padding: 18px 18px;\r\n flex-direction: column;\r\n gap: 12px;\r\n border-radius: 14px;\r\n }\r\n\r\n .about-company-highlight-text {\r\n font-size: 11.5px;\r\n }\r\n\r\n .about-point {\r\n padding: 12px 16px;\r\n }\r\n\r\n .about-point-text {\r\n font-size: 11px;\r\n }\r\n\r\n .about-company-cta {\r\n padding: 14px 28px;\r\n font-size: 11px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== ABOUT COMPANY SECTION =====\r\n ============================================ -->\r\n<section class=\"about-company\">\r\n\r\n <!-- Decorations -->\r\n <div class=\"about-company-decor about-company-decor-1\"><\/div>\r\n <div class=\"about-company-decor about-company-decor-2\"><\/div>\r\n <div class=\"about-company-decor about-company-decor-dots\"><\/div>\r\n\r\n <div class=\"about-company-container\">\r\n <div class=\"about-company-layout\">\r\n\r\n <!-- Left \u2014 Image Collage -->\r\n <div class=\"about-company-images\">\r\n <div class=\"about-img-frame\"><\/div>\r\n <div class=\"about-img-main\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?ixlib=rb-4.0.3&auto=format&fit=crop&w=900&q=80\" alt=\"Trendz Showroom\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"about-img-secondary\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/9-Best-Mattress-Toppers-According-to-Our-Testers.jpg\" alt=\"Trendz Products\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"about-exp-badge\">\r\n <div class=\"about-exp-num\">12<sup>+<\/sup><\/div>\r\n <div class=\"about-exp-label\">Years Strong<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right \u2014 Content -->\r\n <div class=\"about-company-content\">\r\n\r\n <div class=\"about-company-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <span>About Us<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"about-company-title\">Trendz Lifestyle &<br><span>Accessories LLC<\/span><\/h2>\r\n\r\n <p class=\"about-company-subtitle\">\r\n Dubai-Based Supplier & Showroom-Led Retailer Since 2012\r\n <\/p>\r\n\r\n <div class=\"about-company-accent\"><\/div>\r\n\r\n <p class=\"about-company-text\">\r\n Trendz Lifestyle & Accessories LLC is a Dubai-based supplier and showroom-led\r\n retailer of mattresses, bedding, linen, and essential comfort products, serving\r\n both institutional clients and walk-in customers across the UAE.\r\n <\/p>\r\n\r\n <p class=\"about-company-text\">\r\n Established in 2012, Trendz brings over a decade of hands-on market experience\r\n built on repeat business, referrals, and consistent delivery performance. We\r\n support large-scale institutional requirements while also guiding individual\r\n customers in selecting comfort solutions suited to everyday living.\r\n <\/p>\r\n\r\n <!-- Highlight Quote -->\r\n <div class=\"about-company-highlight\">\r\n <div class=\"about-company-highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"about-company-highlight-text\">\r\n Our strength lies in translating requirements into the right product fit.\r\n With a customer-facing showroom in Karama and on-ground coordination for\r\n project supply, Trendz operates at the intersection of retail accessibility\r\n and institutional execution, ensuring comfort is delivered reliably.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Key Points -->\r\n <div class=\"about-company-points\">\r\n <div class=\"about-point\">\r\n <div class=\"about-point-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 6h2v4h-2z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-point-text\">Institutional Supply<\/span>\r\n <\/div>\r\n <div class=\"about-point\">\r\n <div class=\"about-point-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-point-text\">Showroom in Karama<\/span>\r\n <\/div>\r\n <div class=\"about-point\">\r\n <div class=\"about-point-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-point-text\">Retail & B2B Clients<\/span>\r\n <\/div>\r\n <div class=\"about-point\">\r\n <div class=\"about-point-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-point-text\">UAE Wide Delivery<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"about-company-cta\">\r\n <span>Get in Touch<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24d0583 e-con-full e-flex e-con e-parent\" data-id=\"24d0583\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccac5ed elementor-widget elementor-widget-html\" data-id=\"ccac5ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== MISSION VISION VALUES SECTION =====\r\n ============================================ *\/\r\n .mvv-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: #ffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Background Decorations *\/\r\n .mvv-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 500px;\r\n height: 500px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(29,55,119,0.03) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .mvv-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -150px;\r\n left: -150px;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(29,55,119,0.02) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .mvv-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Header ===== *\/\r\n .mvv-header {\r\n text-align: center;\r\n margin-bottom: 65px;\r\n }\r\n\r\n .mvv-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 26px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .mvv-badge svg {\r\n width: 15px;\r\n height: 15px;\r\n fill: #1D3777;\r\n }\r\n\r\n .mvv-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .mvv-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 44px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .mvv-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .mvv-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px;\r\n left: 0;\r\n width: 100%;\r\n height: 8px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 4px;\r\n z-index: -1;\r\n }\r\n\r\n .mvv-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.75;\r\n max-width: 520px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Top Row \u2014 Mission & Vision ===== *\/\r\n .mvv-top-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 28px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n \/* ===== Card Base ===== *\/\r\n .mvv-card {\r\n position: relative;\r\n background: #ffffff;\r\n border: 1px solid rgba(29,55,119,0.05);\r\n border-radius: 24px;\r\n padding: 48px 40px;\r\n overflow: hidden;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .mvv-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 55px rgba(29,55,119,0.1);\r\n border-color: rgba(29,55,119,0.1);\r\n }\r\n\r\n \/* Card Top Accent *\/\r\n .mvv-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--accent-start), var(--accent-end));\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .mvv-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* Watermark Number *\/\r\n .mvv-card-watermark {\r\n position: absolute;\r\n top: 20px;\r\n right: 30px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 100px;\r\n font-weight: 900;\r\n color: rgba(29,55,119,0.025);\r\n line-height: 1;\r\n pointer-events: none;\r\n user-select: none;\r\n transition: color 0.5s ease;\r\n }\r\n\r\n .mvv-card:hover .mvv-card-watermark {\r\n color: rgba(29,55,119,0.04);\r\n }\r\n\r\n \/* Icon *\/\r\n .mvv-card-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 28px;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .mvv-card:hover .mvv-card-icon {\r\n transform: scale(1.08) rotate(-5deg);\r\n box-shadow: 0 10px 30px rgba(29,55,119,0.15);\r\n }\r\n\r\n .mvv-card-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* Mission Icon Style *\/\r\n .mvv-card--mission {\r\n --accent-start: #1D3777;\r\n --accent-end: #4a6cb3;\r\n }\r\n\r\n .mvv-card--mission .mvv-card-icon {\r\n background: rgba(29,55,119,0.06);\r\n border: 1px solid rgba(29,55,119,0.08);\r\n }\r\n\r\n .mvv-card--mission .mvv-card-icon svg {\r\n fill: #1D3777;\r\n }\r\n\r\n .mvv-card--mission:hover .mvv-card-icon {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n }\r\n\r\n .mvv-card--mission:hover .mvv-card-icon svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* Vision Icon Style *\/\r\n .mvv-card--vision {\r\n --accent-start: #4a6cb3;\r\n --accent-end: #a8c0ff;\r\n }\r\n\r\n .mvv-card--vision .mvv-card-icon {\r\n background: rgba(74,108,179,0.06);\r\n border: 1px solid rgba(74,108,179,0.08);\r\n }\r\n\r\n .mvv-card--vision .mvv-card-icon svg {\r\n fill: #4a6cb3;\r\n }\r\n\r\n .mvv-card--vision:hover .mvv-card-icon {\r\n background: #4a6cb3;\r\n border-color: #4a6cb3;\r\n }\r\n\r\n .mvv-card--vision:hover .mvv-card-icon svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* Card Tag *\/\r\n .mvv-card-tag {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: #a8c0ff;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .mvv-card-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Card Accent *\/\r\n .mvv-card-accent {\r\n width: 35px;\r\n height: 3px;\r\n border-radius: 3px;\r\n margin-bottom: 20px;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .mvv-card--mission .mvv-card-accent {\r\n background: linear-gradient(90deg, #1D3777, #4a6cb3);\r\n }\r\n\r\n .mvv-card--vision .mvv-card-accent {\r\n background: linear-gradient(90deg, #4a6cb3, #a8c0ff);\r\n }\r\n\r\n .mvv-card:hover .mvv-card-accent {\r\n width: 55px;\r\n box-shadow: 0 0 12px rgba(29,55,119,0.15);\r\n }\r\n\r\n \/* Card Text *\/\r\n .mvv-card-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #7a8aad;\r\n line-height: 1.85;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Bottom Row \u2014 Values (Full Width) ===== *\/\r\n .mvv-values-card {\r\n position: relative;\r\n background: #4169e1;\r\n border-radius: 24px;\r\n padding: 55px 50px;\r\n overflow: hidden;\r\n --accent-start: #a8c0ff;\r\n --accent-end: #ffffff;\r\n }\r\n\r\n .mvv-values-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 50%, rgba(255,255,255,0.04) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 50%, rgba(255,255,255,0.03) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Pattern Lines *\/\r\n .mvv-values-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: repeating-linear-gradient(\r\n 45deg,\r\n transparent,\r\n transparent 60px,\r\n rgba(255,255,255,0.008) 60px,\r\n rgba(255,255,255,0.008) 61px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n \/* Values Header *\/\r\n .mvv-values-header {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 40px;\r\n margin-bottom: 45px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .mvv-values-header-left {\r\n flex: 1;\r\n }\r\n\r\n .mvv-values-icon {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .mvv-values-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: #a8c0ff;\r\n }\r\n\r\n .mvv-values-tag {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .mvv-values-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 30px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .mvv-values-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255,255,255,0.5);\r\n line-height: 1.75;\r\n max-width: 480px;\r\n }\r\n\r\n .mvv-values-watermark {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 120px;\r\n font-weight: 900;\r\n color: rgba(255,255,255,0.03);\r\n line-height: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Values Grid *\/\r\n .mvv-values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Value Item *\/\r\n .mvv-value-item {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 18px;\r\n padding: 30px 24px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .mvv-value-item:hover {\r\n background: rgba(255,255,255,0.08);\r\n border-color: rgba(255,255,255,0.12);\r\n transform: translateY(-6px);\r\n }\r\n\r\n .mvv-value-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,0.06);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 18px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .mvv-value-item:hover .mvv-value-icon {\r\n background: #ffffff;\r\n border-color: #ffffff;\r\n transform: scale(1.1) rotate(-5deg);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .mvv-value-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: rgba(255,255,255,0.7);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .mvv-value-item:hover .mvv-value-icon svg {\r\n fill: #1D3777;\r\n }\r\n\r\n .mvv-value-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .mvv-value-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: rgba(255,255,255,0.4);\r\n line-height: 1.65;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .mvv-section {\r\n padding: 80px 30px;\r\n }\r\n\r\n .mvv-header {\r\n margin-bottom: 50px;\r\n }\r\n\r\n .mvv-title {\r\n font-size: 36px;\r\n }\r\n\r\n .mvv-top-row {\r\n gap: 22px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .mvv-card {\r\n padding: 40px 32px;\r\n border-radius: 22px;\r\n }\r\n\r\n .mvv-card-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 16px;\r\n }\r\n\r\n .mvv-card-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .mvv-card-title {\r\n font-size: 23px;\r\n }\r\n\r\n .mvv-card-text {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-card-watermark {\r\n font-size: 80px;\r\n }\r\n\r\n .mvv-values-card {\r\n padding: 45px 38px;\r\n border-radius: 22px;\r\n }\r\n\r\n .mvv-values-title {\r\n font-size: 26px;\r\n }\r\n\r\n .mvv-values-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-values-watermark {\r\n font-size: 90px;\r\n }\r\n\r\n .mvv-values-grid {\r\n gap: 16px;\r\n }\r\n\r\n .mvv-value-item {\r\n padding: 26px 20px;\r\n }\r\n\r\n .mvv-value-title {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-value-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .mvv-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .mvv-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .mvv-badge {\r\n padding: 8px 20px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .mvv-badge span {\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n }\r\n\r\n .mvv-title {\r\n font-size: 30px;\r\n }\r\n\r\n .mvv-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-top-row {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .mvv-card {\r\n padding: 35px 28px;\r\n border-radius: 20px;\r\n }\r\n\r\n .mvv-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 14px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .mvv-card-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .mvv-card-tag {\r\n font-size: 9px;\r\n }\r\n\r\n .mvv-card-title {\r\n font-size: 22px;\r\n }\r\n\r\n .mvv-card-text {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-card-watermark {\r\n font-size: 65px;\r\n top: 15px;\r\n right: 20px;\r\n }\r\n\r\n \/* Values Card *\/\r\n .mvv-values-card {\r\n padding: 36px 24px;\r\n border-radius: 20px;\r\n }\r\n\r\n .mvv-values-header {\r\n flex-direction: column;\r\n gap: 0;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .mvv-values-watermark {\r\n display: none;\r\n }\r\n\r\n .mvv-values-title {\r\n font-size: 24px;\r\n }\r\n\r\n .mvv-values-desc {\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-values-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .mvv-value-item {\r\n padding: 24px 18px;\r\n border-radius: 16px;\r\n }\r\n\r\n .mvv-value-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .mvv-value-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .mvv-value-title {\r\n font-size: 12px;\r\n }\r\n\r\n .mvv-value-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .mvv-section {\r\n padding: 50px 16px;\r\n }\r\n\r\n .mvv-title {\r\n font-size: 26px;\r\n }\r\n\r\n .mvv-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .mvv-card {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .mvv-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mvv-card-title {\r\n font-size: 20px;\r\n }\r\n\r\n .mvv-card-text {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n }\r\n\r\n .mvv-card-watermark {\r\n font-size: 55px;\r\n }\r\n\r\n .mvv-values-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .mvv-values-icon {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n\r\n .mvv-values-title {\r\n font-size: 21px;\r\n }\r\n\r\n .mvv-values-desc {\r\n font-size: 12px;\r\n }\r\n\r\n .mvv-values-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .mvv-value-item {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n text-align: left;\r\n gap: 16px;\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n }\r\n\r\n .mvv-value-icon {\r\n margin: 0;\r\n min-width: 44px;\r\n }\r\n\r\n .mvv-value-text-wrap {\r\n flex: 1;\r\n }\r\n\r\n .mvv-value-title {\r\n margin-bottom: 4px;\r\n font-size: 13px;\r\n }\r\n\r\n .mvv-value-desc {\r\n font-size: 11px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== MISSION VISION VALUES SECTION =====\r\n ============================================ -->\r\n<section class=\"mvv-section\">\r\n <div class=\"mvv-container\">\r\n\r\n <!-- Header -->\r\n <div class=\"mvv-header\">\r\n <div class=\"mvv-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <span>What Drives Us<\/span>\r\n <\/div>\r\n <h2 class=\"mvv-title\">Mission, Vision & <span>Values<\/span><\/h2>\r\n <p class=\"mvv-subtitle\">\r\n The guiding principles that shape every product we craft and\r\n every relationship we build across the UAE.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Top Row \u2014 Mission & Vision -->\r\n <div class=\"mvv-top-row\">\r\n\r\n <!-- Mission Card -->\r\n <div class=\"mvv-card mvv-card--mission\">\r\n \r\n <div class=\"mvv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"mvv-card-tag\">Our Mission<\/p>\r\n <h3 class=\"mvv-card-title\">Delivering Comfort<br>With Reliability<\/h3>\r\n <div class=\"mvv-card-accent\"><\/div>\r\n <p class=\"mvv-card-text\">\r\n To provide premium-quality mattresses, bedding, and comfort essentials\r\n that meet the diverse needs of both institutional clients and retail\r\n customers across the UAE \u2014 built on consistent delivery performance,\r\n trust, and a deep understanding of what comfort truly means.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Vision Card -->\r\n <div class=\"mvv-card mvv-card--vision\">\r\n \r\n <div class=\"mvv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"mvv-card-tag\">Our Vision<\/p>\r\n <h3 class=\"mvv-card-title\">The UAE's Most<br>Trusted Comfort Brand<\/h3>\r\n <div class=\"mvv-card-accent\"><\/div>\r\n <p class=\"mvv-card-text\">\r\n To become the most trusted and preferred comfort solutions provider\r\n in the UAE \u2014 recognized for bridging the gap between retail accessibility\r\n and institutional-grade execution, setting the standard for quality,\r\n reliability, and customer-first service.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Bottom Row \u2014 Values (Full Width Dark Card) -->\r\n <div class=\"mvv-values-card\">\r\n <div class=\"mvv-values-pattern\"><\/div>\r\n\r\n <!-- Values Header -->\r\n <div class=\"mvv-values-header\">\r\n <div class=\"mvv-values-header-left\">\r\n <div class=\"mvv-values-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"mvv-values-tag\">Our Core Values<\/p>\r\n <h3 class=\"mvv-values-title\">The Principles We<br>Stand By<\/h3>\r\n <p class=\"mvv-values-desc\">\r\n These values define who we are and guide every decision we make \u2014\r\n from product selection to customer service.\r\n <\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <!-- Values Grid -->\r\n <div class=\"mvv-values-grid\">\r\n\r\n <!-- Value 1 -->\r\n <div class=\"mvv-value-item\">\r\n <div class=\"mvv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mvv-value-text-wrap\">\r\n <h4 class=\"mvv-value-title\">Quality First<\/h4>\r\n <p class=\"mvv-value-desc\">Uncompromising standards in every product we deliver.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Value 2 -->\r\n <div class=\"mvv-value-item\">\r\n <div class=\"mvv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mvv-value-text-wrap\">\r\n <h4 class=\"mvv-value-title\">Customer Trust<\/h4>\r\n <p class=\"mvv-value-desc\">Built on referrals, repeat business, and honest dealings.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Value 3 -->\r\n <div class=\"mvv-value-item\">\r\n <div class=\"mvv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mvv-value-text-wrap\">\r\n <h4 class=\"mvv-value-title\">Reliability<\/h4>\r\n <p class=\"mvv-value-desc\">Consistent delivery performance, on time, every time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Value 4 -->\r\n <div class=\"mvv-value-item\">\r\n <div class=\"mvv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mvv-value-text-wrap\">\r\n <h4 class=\"mvv-value-title\">Transparency<\/h4>\r\n <p class=\"mvv-value-desc\">Clear communication from quotation to final delivery.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a672711 e-con-full e-flex e-con e-parent\" data-id=\"a672711\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72290eb elementor-widget elementor-widget-html\" data-id=\"72290eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== FAQ SECTION =====\r\n ============================================ *\/\r\n .faq-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Background *\/\r\n .faq-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 15% 20%, rgba(29,55,119,0.02) 0%, transparent 40%),\r\n radial-gradient(circle at 85% 80%, rgba(168,192,255,0.025) 0%, transparent 40%);\r\n pointer-events: none;\r\n }\r\n\r\n .faq-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Section Header ===== *\/\r\n .faq-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .faq-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 26px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .faq-badge svg {\r\n width: 15px;\r\n height: 15px;\r\n fill: #1D3777;\r\n }\r\n\r\n .faq-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .faq-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 44px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .faq-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .faq-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 4px;\r\n left: 0;\r\n width: 100%;\r\n height: 8px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 4px;\r\n z-index: -1;\r\n }\r\n\r\n .faq-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.75;\r\n max-width: 560px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== FAQ Grid Layout ===== *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n \/* ===== Individual FAQ Item ===== *\/\r\n .faq-item {\r\n background: #fafbfe;\r\n border: 1px solid rgba(29,55,119,0.06);\r\n border-radius: 18px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: rgba(29,55,119,0.1);\r\n box-shadow: 0 6px 25px rgba(29,55,119,0.05);\r\n }\r\n\r\n .faq-item.active {\r\n background: #ffffff;\r\n border-color: rgba(29,55,119,0.12);\r\n box-shadow: 0 10px 35px rgba(29,55,119,0.08);\r\n }\r\n\r\n \/* Question Header *\/\r\n .faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 26px 32px;\r\n cursor: pointer;\r\n user-select: none;\r\n position: relative;\r\n }\r\n\r\n .faq-question::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 4px;\r\n height: 100%;\r\n background: linear-gradient(180deg, #1D3777, #a8c0ff);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n\r\n .faq-item.active .faq-question::before {\r\n opacity: 1;\r\n }\r\n\r\n .faq-question-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n flex: 1;\r\n }\r\n\r\n \/* Number Badge *\/\r\n .faq-number {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .faq-item.active .faq-number {\r\n background: #1D3777;\r\n color: #ffffff;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Question Text *\/\r\n .faq-question-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .faq-item:hover .faq-question-text {\r\n color: #2a4fa0;\r\n }\r\n\r\n \/* Toggle Icon *\/\r\n .faq-toggle {\r\n width: 36px;\r\n height: 36px;\r\n min-width: 36px;\r\n border-radius: 10px;\r\n background: rgba(29,55,119,0.05);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: rgba(29,55,119,0.1);\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-toggle svg {\r\n fill: #1D3777;\r\n }\r\n\r\n \/* Answer Container *\/\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), \r\n padding 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n opacity 0.4s ease;\r\n opacity: 0;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 500px;\r\n opacity: 1;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding: 0 32px 28px 92px;\r\n border-top: 1px solid rgba(29,55,119,0.05);\r\n margin-top: -1px;\r\n }\r\n\r\n .faq-answer-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #6a7a95;\r\n line-height: 1.85;\r\n padding-top: 24px;\r\n }\r\n\r\n .faq-answer-text strong {\r\n color: #1D3777;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== Contact CTA at Bottom ===== *\/\r\n .faq-cta {\r\n margin-top: 60px;\r\n text-align: center;\r\n padding: 45px 40px;\r\n background:#4169e1;\r\n border-radius: 24px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .faq-cta-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .faq-cta-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255,255,255,0.7);\r\n margin-bottom: 28px;\r\n max-width: 480px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .faq-cta-buttons {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .faq-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 30px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n text-decoration: none;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n }\r\n\r\n .faq-cta-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .faq-cta-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-cta-btn:hover svg {\r\n transform: translateX(3px);\r\n }\r\n\r\n .faq-cta-btn-secondary {\r\n background: transparent;\r\n color: #ffffff;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n }\r\n\r\n .faq-cta-btn-secondary svg {\r\n fill: #ffffff;\r\n }\r\n\r\n .faq-cta-btn-secondary:hover {\r\n background: rgba(255,255,255,0.1);\r\n border-color: rgba(255,255,255,0.5);\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .faq-section {\r\n padding: 80px 30px;\r\n }\r\n\r\n .faq-header {\r\n margin-bottom: 50px;\r\n }\r\n\r\n .faq-title {\r\n font-size: 36px;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .faq-question {\r\n padding: 22px 28px;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding: 0 28px 24px 80px;\r\n }\r\n\r\n .faq-cta {\r\n margin-top: 50px;\r\n padding: 38px 35px;\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .faq-section {\r\n padding: 65px 20px;\r\n }\r\n\r\n .faq-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .faq-badge {\r\n padding: 8px 20px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .faq-badge span {\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n }\r\n\r\n .faq-title {\r\n font-size: 30px;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .faq-layout {\r\n gap: 14px;\r\n }\r\n\r\n .faq-item {\r\n border-radius: 16px;\r\n }\r\n\r\n .faq-question {\r\n padding: 20px 22px;\r\n gap: 14px;\r\n }\r\n\r\n .faq-question-left {\r\n gap: 14px;\r\n }\r\n\r\n .faq-number {\r\n width: 36px;\r\n height: 36px;\r\n min-width: 36px;\r\n border-radius: 10px;\r\n font-size: 13px;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 14px;\r\n }\r\n\r\n .faq-toggle {\r\n width: 32px;\r\n height: 32px;\r\n min-width: 32px;\r\n border-radius: 8px;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding: 0 22px 22px 72px;\r\n }\r\n\r\n .faq-answer-text {\r\n font-size: 13px;\r\n padding-top: 20px;\r\n }\r\n\r\n .faq-cta {\r\n margin-top: 45px;\r\n padding: 32px 26px;\r\n border-radius: 20px;\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 20px;\r\n }\r\n\r\n .faq-cta-text {\r\n font-size: 13px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .faq-cta-buttons {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .faq-cta-btn {\r\n width: 100%;\r\n max-width: 320px;\r\n justify-content: center;\r\n padding: 13px 26px;\r\n font-size: 11px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .faq-section {\r\n padding: 50px 16px;\r\n }\r\n\r\n .faq-title {\r\n font-size: 26px;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 18px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .faq-question-left {\r\n width: 100%;\r\n gap: 12px;\r\n }\r\n\r\n .faq-number {\r\n width: 34px;\r\n height: 34px;\r\n min-width: 34px;\r\n font-size: 12px;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 13px;\r\n }\r\n\r\n .faq-toggle {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n width: 30px;\r\n height: 30px;\r\n min-width: 30px;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding: 0 18px 20px 64px;\r\n }\r\n\r\n .faq-answer-text {\r\n font-size: 12px;\r\n padding-top: 18px;\r\n line-height: 1.8;\r\n }\r\n\r\n .faq-cta {\r\n padding: 28px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 18px;\r\n }\r\n\r\n .faq-cta-text {\r\n font-size: 12px;\r\n }\r\n\r\n .faq-cta-btn {\r\n max-width: 100%;\r\n font-size: 10px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== FAQ SECTION =====\r\n ============================================ -->\r\n<section class=\"faq-section\" id=\"faq\">\r\n <div class=\"faq-container\">\r\n\r\n <!-- Header -->\r\n <div class=\"faq-header\">\r\n <div class=\"faq-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z\"\/><\/svg>\r\n <span>FAQ<\/span>\r\n <\/div>\r\n <h2 class=\"faq-title\">Frequently Asked <span>Questions<\/span><\/h2>\r\n <p class=\"faq-subtitle\">\r\n Find answers to common questions about our products, services, and policies.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- FAQ Items -->\r\n <div class=\"faq-layout\">\r\n\r\n <!-- FAQ 1 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">01<\/div>\r\n <div class=\"faq-question-text\">What types of mattresses do you offer?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n We offer a comprehensive range including <strong>orthopedic mattresses<\/strong>, memory foam, pocket spring, hybrid, and traditional spring mattresses. Each type is designed to cater to different comfort preferences, body support needs, and budget ranges. Our showroom team can help you select the perfect fit based on your sleeping habits and health requirements.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 2 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">02<\/div>\r\n <div class=\"faq-question-text\">Do you provide delivery and installation services?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n Yes, we provide <strong>free delivery across all Emirates<\/strong> within 48 hours of order confirmation. Our professional team also offers complimentary setup and installation services. For bulk institutional orders, we coordinate on-ground logistics to ensure timely and seamless delivery.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 3 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">03<\/div>\r\n <div class=\"faq-question-text\">What is your warranty and return policy?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n All our mattresses come with a <strong>manufacturer warranty ranging from 5 to 10 years<\/strong>, depending on the product type. We stand by the quality of our products and offer exchange or replacement for manufacturing defects. Returns are accepted within 7 days of delivery if the product remains unused and in original packaging.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 4 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">04<\/div>\r\n <div class=\"faq-question-text\">Can I visit your showroom to try the mattresses?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n Absolutely! Our showroom is located in <strong>Karama, Dubai<\/strong>, where you can personally test and experience our entire range of mattresses, bedding, and bath essentials. Our trained sleep consultants are available Monday to Saturday, 9 AM to 8 PM, to guide you in selecting the right comfort solution.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 5 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">05<\/div>\r\n <div class=\"faq-question-text\">Do you supply to hotels, hospitals, and institutions?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n Yes, we specialize in <strong>bulk institutional supply<\/strong> for hotels, hospitals, serviced apartments, staff accommodations, and other commercial clients. We offer competitive pricing, dedicated project coordination, and flexible payment terms for large-scale orders. Contact us for a custom quotation.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 6 -->\r\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-question\">\r\n <div class=\"faq-question-left\">\r\n <div class=\"faq-number\">06<\/div>\r\n <div class=\"faq-question-text\">What payment methods do you accept?<\/div>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">\r\n We accept <strong>cash, bank transfer, credit\/debit cards, and cheques<\/strong>. For institutional clients, we also offer credit terms upon account approval. All payments are securely processed, and receipts are provided for every transaction.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Contact CTA -->\r\n <div class=\"faq-cta\">\r\n <div class=\"faq-cta-content\">\r\n <h3 class=\"faq-cta-title\">Still Have Questions?<\/h3>\r\n <p class=\"faq-cta-text\">\r\n Our team is here to help you find the perfect comfort solution. Get in touch with us today.\r\n <\/p>\r\n <div class=\"faq-cta-buttons\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"faq-cta-btn\">\r\n <span>Contact Us<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"tel:tel:+971504693914\" class=\"faq-cta-btn faq-cta-btn-secondary\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <span>Call Now<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n<!-- ===== FAQ SECTION END ===== -->\r\n\r\n\r\n<!-- ===== FAQ JavaScript ===== -->\r\n<script>\r\nfunction toggleFaq(element) {\r\n \/\/ Close all other FAQs\r\n const allFaqs = document.querySelectorAll('.faq-item');\r\n allFaqs.forEach(faq => {\r\n if (faq !== element && faq.classList.contains('active')) {\r\n faq.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ\r\n element.classList.toggle('active');\r\n}\r\n\r\n\/\/ Optional: Close FAQ when clicking outside\r\ndocument.addEventListener('click', function(event) {\r\n const faqSection = document.querySelector('.faq-section');\r\n if (!event.target.closest('.faq-item') && faqSection) {\r\n const allFaqs = document.querySelectorAll('.faq-item.active');\r\n allFaqs.forEach(faq => faq.classList.remove('active'));\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8908cbc e-con-full e-flex e-con e-parent\" data-id=\"8908cbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac44553 elementor-widget elementor-widget-html\" data-id=\"ac44553\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== FOOTER =====\r\n ============================================ *\/\r\n .footer {\r\n position: relative;\r\n background: #4169e1;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 20%, rgba(29, 55, 119, 0.3) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 80%, rgba(29, 55, 119, 0.2) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Subtle Grid Lines *\/\r\n .footer-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: repeating-linear-gradient(\r\n 90deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n ),\r\n repeating-linear-gradient(\r\n 0deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n \/* Top Gradient Line *\/\r\n .footer-top-line {\r\n height: 4px;\r\n background: #4169e1;\r\n }\r\n\r\n \/* ===== Main Footer ===== *\/\r\n .footer-main {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 80px 40px 60px;\r\n display: grid;\r\n grid-template-columns: 1.3fr 1fr 1fr 1.2fr;\r\n gap: 50px;\r\n }\r\n\r\n \/* ===== Column 1 - Brand ===== *\/\r\n .footer-brand {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-logo {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-logo-img {\r\n height: 24px;\r\n width: auto;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-logo:hover .footer-logo-img {\r\n opacity: 0.8;\r\n }\r\n\r\n .footer-brand-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.45);\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n max-width: 300px;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .footer-socials {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .footer-social-link {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .footer-social-link:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 25px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n .footer-social-link svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.5);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-social-link:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ===== Column Headings ===== *\/\r\n .footer-heading {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n margin-bottom: 28px;\r\n position: relative;\r\n padding-bottom: 14px;\r\n }\r\n\r\n .footer-heading::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 30px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #a8c0ff, transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* ===== Column 2 - Quick Links ===== *\/\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .footer-link-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\r\n }\r\n\r\n .footer-link-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .footer-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 0;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.45);\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-link:hover {\r\n color: #ffffff;\r\n transform: translateX(6px);\r\n }\r\n\r\n .footer-link-arrow {\r\n width: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .footer-link:hover .footer-link-arrow {\r\n width: 16px;\r\n }\r\n\r\n .footer-link-arrow svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #a8c0ff;\r\n min-width: 14px;\r\n }\r\n\r\n \/* ===== Column 3 - Products ===== *\/\r\n \/* Uses same .footer-links styles *\/\r\n\r\n \/* ===== Column 4 - Contact ===== *\/\r\n .footer-contact-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n .footer-contact-item:hover {\r\n transform: translateX(4px);\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon {\r\n background: rgba(29, 55, 119, 0.4);\r\n border-color: rgba(168, 192, 255, 0.2);\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon svg {\r\n fill: #a8c0ff;\r\n }\r\n\r\n .footer-contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n }\r\n\r\n .footer-contact-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-contact-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.65);\r\n line-height: 1.6;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n a.footer-contact-value:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* ===== Newsletter Row ===== *\/\r\n .footer-newsletter {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n padding: 40px 50px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .footer-newsletter-form {\r\n display: flex;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 300px;\r\n padding: 15px 22px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-input::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-newsletter-input:focus {\r\n border-color: rgba(168, 192, 255, 0.4);\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 15px 32px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n border: none;\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .footer-newsletter-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);\r\n background: #e8edf8;\r\n }\r\n\r\n .footer-newsletter-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-btn:hover svg {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* ===== Bottom Bar ===== *\/\r\n .footer-bottom {\r\n position: relative;\r\n z-index: 1;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .footer-bottom-inner {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 28px 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-copyright a {\r\n color: rgba(255, 255, 255, 0.5);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-copyright a:hover {\r\n color: #a8c0ff;\r\n }\r\n\r\n .footer-bottom-links {\r\n display: flex;\r\n gap: 30px;\r\n list-style: none;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.3);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer-bottom-link:hover {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Scroll to Top *\/\r\n .footer-scroll-top {\r\n position: absolute;\r\n top: -24px;\r\n right: 60px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #1D3777;\r\n border: 3px solid #0f1d3d;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 4px 20px rgba(29, 55, 119, 0.3);\r\n z-index: 5;\r\n }\r\n\r\n .footer-scroll-top:hover {\r\n background: #2a4fa0;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 30px rgba(29, 55, 119, 0.4);\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-scroll-top:hover svg {\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .footer-main {\r\n padding: 65px 30px 50px;\r\n grid-template-columns: 1.2fr 1fr 1fr;\r\n gap: 40px;\r\n }\r\n\r\n \/* Contact column goes full width below *\/\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .footer-contact-item {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 35px 40px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 250px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 40px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .footer-main {\r\n padding: 55px 20px 40px;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px 30px;\r\n }\r\n\r\n .footer-brand {\r\n grid-column: 1 \/ -1;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-brand-desc {\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-socials {\r\n justify-content: center;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .footer-contact-item {\r\n min-width: auto;\r\n }\r\n\r\n \/* Newsletter *\/\r\n .footer-newsletter {\r\n padding: 0 20px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 30px 28px;\r\n gap: 24px;\r\n border-radius: 16px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-newsletter-form {\r\n width: 100%;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 100%;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n \/* Bottom Bar *\/\r\n .footer-bottom-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 24px 20px;\r\n gap: 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-size: 11px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 30px;\r\n width: 44px;\r\n height: 44px;\r\n top: -22px;\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .footer-main {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 45px 16px 35px;\r\n }\r\n\r\n .footer-brand {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-heading {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-link {\r\n font-size: 13px;\r\n padding: 10px 0;\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .footer-contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-newsletter {\r\n padding: 0 16px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 26px 22px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-size: 18px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n padding: 14px 20px;\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 14px 28px;\r\n font-size: 11px;\r\n }\r\n\r\n .footer-bottom-inner {\r\n padding: 22px 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 20px;\r\n width: 40px;\r\n height: 40px;\r\n top: -20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== FOOTER HTML =====\r\n ============================================ -->\r\n<footer class=\"footer\" id=\"footer\">\r\n\r\n <!-- Top Gradient Line -->\r\n <div class=\"footer-top-line\"><\/div>\r\n\r\n <!-- Background Pattern -->\r\n <div class=\"footer-bg-pattern\"><\/div>\r\n\r\n <!-- ===== Main Footer Content ===== -->\r\n <div class=\"footer-main\">\r\n\r\n <!-- Column 1 \u2014 Brand -->\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\"\r\n alt=\"Trendz Mattress\" class=\"footer-logo-img\"\r\n onerror=\"this.style.display='none';\">\r\n <\/a>\r\n <p class=\"footer-brand-desc\">\r\n Trendz Mattress is a leading manufacturer and supplier of premium mattresses,\r\n bed linens, and bath essentials across the UAE. Crafting comfort since 2008.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" class=\"footer-social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" class=\"footer-social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/+971504693914\" class=\"footer-social-link\" aria-label=\"WhatsApp\">\r\n <div class=\"cta-social-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/div>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Column 2 \u2014 Quick Links -->\r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Quick Links<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Home\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n About Us\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Products\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Blog\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Contact Us\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Column 3 \u2014 Products -->\r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Products<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"#mattress\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Mattress\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedlinen\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bed Linen\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedding\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bedding Accessories\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bath\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bath Essentials\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Column 4 \u2014 Contact -->\r\n <div class=\"footer-col footer-col-contact\">\r\n <h4 class=\"footer-heading\">Contact Us<\/h4>\r\n <div class=\"footer-contact-list\">\r\n\r\n <!-- Location -->\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Location<\/span>\r\n <span class=\"footer-contact-value\">Showroom No. 7, New Rocky Tower, Zabeel Road, Karama, Dubai, UAE\r\nP.O. Box: 32514<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Phone -->\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Call Us<\/span>\r\n <a href=\"tel:+971 504693914\" class=\"footer-contact-value\">+971 504693914 \/ +971 55 7043405<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Email -->\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Email<\/span>\r\n <a href=\"mailto:info@trendzuae.com\" class=\"footer-contact-value\">info@trendzuae.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Working Hours -->\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Working Hours<\/span>\r\n <span class=\"footer-contact-value\">Mon \u2013 Sat: 10 AM \u2013 10 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- ===== Bottom Bar ===== -->\r\n <div class=\"footer-bottom\">\r\n\r\n <!-- Scroll to Top -->\r\n <div class=\"footer-scroll-top\" id=\"scrollToTop\" aria-label=\"Back to top\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/><\/svg>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom-inner\">\r\n <p class=\"footer-copyright\">\r\n \u00a9 2025 <a href=\"#\">Trendz Lifestyle and Accessories LLC<\/a>. All rights reserved.\r\n <\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n<!-- ===== FOOTER END ===== -->\r\n\r\n\r\n<!-- ===== Scroll to Top JS ===== -->\r\n<script>\r\n(function () {\r\n const scrollBtn = document.getElementById('scrollToTop');\r\n if (scrollBtn) {\r\n scrollBtn.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\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","protected":false},"excerpt":{"rendered":"<p>Trendz Mattress +971 504693914, +971 55 7043405 info@trendzuae.com Home About Us Products Blog Contact Us Get Quote +971 504693914, +971 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":55,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":393,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/393"}],"wp:attachment":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}