{"id":44,"date":"2026-02-20T07:15:12","date_gmt":"2026-02-20T07:15:12","guid":{"rendered":"https:\/\/www.trendzuae.com\/?page_id=44"},"modified":"2026-03-18T07:51:30","modified_gmt":"2026-03-18T07:51:30","slug":"blog","status":"publish","type":"page","link":"https:\/\/www.trendzuae.com\/index.php\/blog\/","title":{"rendered":"Blog"},"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-6c1e89e e-con-full e-flex e-con e-parent\" data-id=\"6c1e89e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71b5514 elementor-widget elementor-widget-html\" data-id=\"71b5514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== BLOG SECTION =====\r\n ============================================ *\/\r\n .blog-section {\r\n position: relative;\r\n padding: 50px 40px;\r\n background: #ffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Elements *\/\r\n .blog-decor {\r\n position: absolute;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .blog-decor-1 {\r\n top: 120px;\r\n left: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border: 1px solid rgba(29, 55, 119, 0.04);\r\n border-radius: 50%;\r\n }\r\n\r\n .blog-decor-2 {\r\n bottom: 80px;\r\n right: -80px;\r\n width: 250px;\r\n height: 250px;\r\n border: 1px solid rgba(29, 55, 119, 0.03);\r\n border-radius: 50%;\r\n }\r\n\r\n .blog-decor-dots {\r\n top: 200px;\r\n left: 50px;\r\n width: 100px;\r\n height: 150px;\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 .blog-decor-dots-2 {\r\n bottom: 150px;\r\n right: 60px;\r\n width: 80px;\r\n height: 120px;\r\n background-image: radial-gradient(circle, rgba(29, 55, 119, 0.04) 1.5px, transparent 1.5px);\r\n background-size: 14px 14px;\r\n }\r\n\r\n .blog-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Section Header ===== *\/\r\n .blog-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .blog-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 }\r\n\r\n .blog-badge svg {\r\n width: 15px;\r\n height: 15px;\r\n fill: #1D3777;\r\n }\r\n\r\n .blog-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 .blog-main-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .blog-main-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .blog-main-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px;\r\n left: 0;\r\n width: 100%;\r\n height: 10px;\r\n background: rgba(29, 55, 119, 0.08);\r\n border-radius: 5px;\r\n z-index: -1;\r\n }\r\n\r\n .blog-main-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #6b7b99;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Blog Grid ===== *\/\r\n .blog-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 35px;\r\n }\r\n\r\n \/* ===== Blog Card ===== *\/\r\n .blog-card {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(29, 55, 119, 0.06);\r\n border: 1px solid rgba(29, 55, 119, 0.04);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .blog-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 60px rgba(29, 55, 119, 0.12);\r\n border-color: rgba(29, 55, 119, 0.08);\r\n }\r\n\r\n \/* Card Image *\/\r\n .blog-card-image {\r\n position: relative;\r\n width: 100%;\r\n height: 220px;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .blog-card:hover .blog-card-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .blog-card-image::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 60px;\r\n background: linear-gradient(to top, rgba(29, 55, 119, 0.1), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Category Tag *\/\r\n .blog-card-category {\r\n position: absolute;\r\n top: 18px;\r\n left: 18px;\r\n padding: 8px 16px;\r\n background: #1D3777;\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n z-index: 2;\r\n box-shadow: 0 4px 15px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n \/* Read Time *\/\r\n .blog-card-read-time {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 6px 12px;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border-radius: 50px;\r\n z-index: 2;\r\n }\r\n\r\n .blog-card-read-time svg {\r\n width: 12px;\r\n height: 12px;\r\n fill: #1D3777;\r\n }\r\n\r\n .blog-card-read-time span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n }\r\n\r\n \/* Card Content *\/\r\n .blog-card-content {\r\n padding: 28px 26px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .blog-card-date {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #4a6cb3;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .blog-card-date svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #4a6cb3;\r\n }\r\n\r\n .blog-card-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n line-height: 1.4;\r\n margin-bottom: 14px;\r\n transition: color 0.3s ease;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-card:hover .blog-card-title {\r\n color: #4a6cb3;\r\n }\r\n\r\n .blog-card-excerpt {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #6b7b99;\r\n line-height: 1.8;\r\n margin-bottom: 22px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* Card Footer *\/\r\n .blog-card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(29, 55, 119, 0.06);\r\n }\r\n\r\n .blog-card-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .blog-card-author-avatar {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #1D3777, #4a6cb3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(29, 55, 119, 0.2);\r\n }\r\n\r\n .blog-card-author-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .blog-card-author-name {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n }\r\n\r\n .blog-card-author-role {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 500;\r\n color: #6b7b99;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* Read More Link *\/\r\n .blog-card-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .blog-card-link 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 .blog-card-link:hover {\r\n color: #4a6cb3;\r\n }\r\n\r\n .blog-card-link:hover svg {\r\n transform: translateX(4px);\r\n fill: #4a6cb3;\r\n }\r\n\r\n \/* ===== View All Button ===== *\/\r\n .blog-view-all {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 55px;\r\n }\r\n\r\n .blog-view-all-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 16px 38px;\r\n background: transparent;\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 border: 2px solid rgba(29, 55, 119, 0.15);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-view-all-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 100%;\r\n background: #1D3777;\r\n transition: width 0.4s ease;\r\n z-index: 0;\r\n }\r\n\r\n .blog-view-all-btn:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .blog-view-all-btn span,\r\n .blog-view-all-btn svg {\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .blog-view-all-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #1D3777;\r\n }\r\n\r\n .blog-view-all-btn:hover {\r\n border-color: #1D3777;\r\n }\r\n\r\n .blog-view-all-btn:hover span {\r\n color: #ffffff;\r\n }\r\n\r\n .blog-view-all-btn:hover svg {\r\n fill: #ffffff;\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================\r\n ===== INDIVIDUAL BLOG POST =====\r\n ============================================ *\/\r\n .blog-post-section {\r\n position: relative;\r\n padding: 80px 40px 100px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-post-container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Back Link *\/\r\n .blog-post-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #4a6cb3;\r\n text-decoration: none;\r\n margin-bottom: 40px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .blog-post-back svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #4a6cb3;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .blog-post-back:hover {\r\n color: #1D3777;\r\n }\r\n\r\n .blog-post-back:hover svg {\r\n fill: #1D3777;\r\n transform: translateX(-4px);\r\n }\r\n\r\n \/* Post Header *\/\r\n .blog-post-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .blog-post-category {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n background: rgba(29, 55, 119, 0.06);\r\n border-radius: 50px;\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: #1D3777;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .blog-post-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.25;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .blog-post-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 24px;\r\n }\r\n\r\n .blog-post-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #6b7b99;\r\n }\r\n\r\n .blog-post-meta-item svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #4a6cb3;\r\n }\r\n\r\n .blog-post-author-inline {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .blog-post-author-inline-avatar {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #1D3777, #4a6cb3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Featured Image *\/\r\n .blog-post-featured-image {\r\n width: 100%;\r\n height: 450px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n margin-bottom: 50px;\r\n box-shadow: 0 20px 60px rgba(29, 55, 119, 0.1);\r\n }\r\n\r\n .blog-post-featured-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Post Content *\/\r\n .blog-post-content {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .blog-post-content h2 {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n line-height: 1.35;\r\n margin: 40px 0 20px;\r\n }\r\n\r\n .blog-post-content h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n line-height: 1.4;\r\n margin: 35px 0 16px;\r\n }\r\n\r\n .blog-post-content p {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: #4a5e80;\r\n line-height: 1.9;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .blog-post-content ul,\r\n .blog-post-content ol {\r\n margin: 20px 0 25px 25px;\r\n }\r\n\r\n .blog-post-content li {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: #4a5e80;\r\n line-height: 1.85;\r\n margin-bottom: 12px;\r\n position: relative;\r\n padding-left: 10px;\r\n }\r\n\r\n .blog-post-content ul li::marker {\r\n color: #1D3777;\r\n }\r\n\r\n .blog-post-content ol li::marker {\r\n color: #1D3777;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Blockquote *\/\r\n .blog-post-content blockquote {\r\n margin: 35px 0;\r\n padding: 28px 32px;\r\n background: #fafbfe;\r\n border-left: 4px solid #1D3777;\r\n border-radius: 0 16px 16px 0;\r\n }\r\n\r\n .blog-post-content blockquote p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n font-style: italic;\r\n color: #1D3777;\r\n line-height: 1.8;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Highlight Box *\/\r\n .blog-post-highlight {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 28px 30px;\r\n background: linear-gradient(135deg, rgba(29, 55, 119, 0.03), rgba(29, 55, 119, 0.06));\r\n border: 1px solid rgba(29, 55, 119, 0.08);\r\n border-radius: 18px;\r\n margin: 35px 0;\r\n }\r\n\r\n .blog-post-highlight-icon {\r\n width: 50px;\r\n height: 50px;\r\n min-width: 50px;\r\n border-radius: 14px;\r\n background: #1D3777;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .blog-post-highlight-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: #ffffff;\r\n }\r\n\r\n .blog-post-highlight-content h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .blog-post-highlight-content p {\r\n font-size: 14px;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Tags *\/\r\n .blog-post-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 50px;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(29, 55, 119, 0.08);\r\n }\r\n\r\n .blog-post-tags-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .blog-post-tag {\r\n display: inline-block;\r\n padding: 8px 16px;\r\n background: #fafbfe;\r\n border: 1px solid rgba(29, 55, 119, 0.06);\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #4a6cb3;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .blog-post-tag:hover {\r\n background: #1D3777;\r\n color: #ffffff;\r\n border-color: #1D3777;\r\n }\r\n\r\n \/* Share Section *\/\r\n .blog-post-share {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-top: 30px;\r\n }\r\n\r\n .blog-post-share-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #1D3777;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .blog-post-share-icons {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .blog-post-share-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: #fafbfe;\r\n border: 1px solid 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 text-decoration: none;\r\n }\r\n\r\n .blog-post-share-icon 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 .blog-post-share-icon:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n }\r\n\r\n .blog-post-share-icon:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .blog-section {\r\n padding: 80px 30px;\r\n }\r\n\r\n .blog-main-title {\r\n font-size: 36px;\r\n }\r\n\r\n .blog-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .blog-card-image {\r\n height: 200px;\r\n }\r\n\r\n .blog-card-title {\r\n font-size: 18px;\r\n }\r\n\r\n .blog-card-content {\r\n padding: 24px 22px 26px;\r\n }\r\n\r\n \/* Blog Post *\/\r\n .blog-post-section {\r\n padding: 60px 30px 80px;\r\n }\r\n\r\n .blog-post-title {\r\n font-size: 36px;\r\n }\r\n\r\n .blog-post-featured-image {\r\n height: 380px;\r\n }\r\n\r\n .blog-post-content h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .blog-post-content h3 {\r\n font-size: 20px;\r\n }\r\n\r\n .blog-decor-dots,\r\n .blog-decor-dots-2 {\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 .blog-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .blog-header {\r\n margin-bottom: 45px;\r\n }\r\n\r\n .blog-main-title {\r\n font-size: 30px;\r\n }\r\n\r\n .blog-main-subtitle {\r\n font-size: 14px;\r\n }\r\n\r\n .blog-grid {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .blog-card-image {\r\n height: 220px;\r\n }\r\n\r\n .blog-card-title {\r\n font-size: 19px;\r\n }\r\n\r\n .blog-card-excerpt {\r\n font-size: 13px;\r\n }\r\n\r\n .blog-card-content {\r\n padding: 24px 24px 28px;\r\n }\r\n\r\n .blog-view-all {\r\n margin-top: 45px;\r\n }\r\n\r\n .blog-view-all-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n \/* Blog Post *\/\r\n .blog-post-section {\r\n padding: 50px 20px 70px;\r\n }\r\n\r\n .blog-post-back {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .blog-post-title {\r\n font-size: 28px;\r\n }\r\n\r\n .blog-post-meta {\r\n gap: 16px;\r\n }\r\n\r\n .blog-post-meta-item {\r\n font-size: 12px;\r\n }\r\n\r\n .blog-post-featured-image {\r\n height: 280px;\r\n border-radius: 18px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .blog-post-content h2 {\r\n font-size: 22px;\r\n margin: 32px 0 16px;\r\n }\r\n\r\n .blog-post-content h3 {\r\n font-size: 18px;\r\n margin: 28px 0 14px;\r\n }\r\n\r\n .blog-post-content p {\r\n font-size: 14px;\r\n }\r\n\r\n .blog-post-content li {\r\n font-size: 14px;\r\n }\r\n\r\n .blog-post-content blockquote {\r\n padding: 22px 24px;\r\n }\r\n\r\n .blog-post-content blockquote p {\r\n font-size: 15px;\r\n }\r\n\r\n .blog-post-highlight {\r\n flex-direction: column;\r\n gap: 16px;\r\n padding: 24px;\r\n }\r\n\r\n .blog-post-tags {\r\n gap: 10px;\r\n }\r\n\r\n .blog-post-share {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .blog-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 .blog-section {\r\n padding: 50px 16px;\r\n }\r\n\r\n .blog-badge {\r\n padding: 8px 18px;\r\n }\r\n\r\n .blog-badge span {\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .blog-main-title {\r\n font-size: 26px;\r\n }\r\n\r\n .blog-main-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .blog-card-image {\r\n height: 200px;\r\n }\r\n\r\n .blog-card-category {\r\n padding: 6px 14px;\r\n font-size: 9px;\r\n }\r\n\r\n .blog-card-read-time {\r\n padding: 5px 10px;\r\n }\r\n\r\n .blog-card-read-time span {\r\n font-size: 9px;\r\n }\r\n\r\n .blog-card-content {\r\n padding: 20px 20px 24px;\r\n }\r\n\r\n .blog-card-title {\r\n font-size: 17px;\r\n }\r\n\r\n .blog-card-excerpt {\r\n font-size: 12px;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n .blog-card-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .blog-view-all-btn {\r\n padding: 14px 28px;\r\n font-size: 11px;\r\n }\r\n\r\n \/* Blog Post *\/\r\n .blog-post-section {\r\n padding: 40px 16px 60px;\r\n }\r\n\r\n .blog-post-category {\r\n padding: 8px 16px;\r\n font-size: 9px;\r\n }\r\n\r\n .blog-post-title {\r\n font-size: 24px;\r\n }\r\n\r\n .blog-post-meta {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .blog-post-featured-image {\r\n height: 220px;\r\n border-radius: 16px;\r\n }\r\n\r\n .blog-post-content h2 {\r\n font-size: 20px;\r\n }\r\n\r\n .blog-post-content h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .blog-post-content p,\r\n .blog-post-content li {\r\n font-size: 13px;\r\n }\r\n\r\n .blog-post-highlight {\r\n padding: 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .blog-post-highlight-icon {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n }\r\n\r\n .blog-post-highlight-content h4 {\r\n font-size: 15px;\r\n }\r\n\r\n .blog-post-highlight-content p {\r\n font-size: 13px;\r\n }\r\n\r\n .blog-post-tag {\r\n padding: 6px 14px;\r\n font-size: 10px;\r\n }\r\n\r\n .blog-post-share-icon {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .blog-post-share-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================\r\n ===== BLOG LISTING SECTION =====\r\n ============================================ -->\r\n<section class=\"blog-section\">\r\n\r\n <!-- Decorations -->\r\n <div class=\"blog-decor blog-decor-1\"><\/div>\r\n <div class=\"blog-decor blog-decor-2\"><\/div>\r\n <div class=\"blog-decor blog-decor-dots\"><\/div>\r\n <div class=\"blog-decor blog-decor-dots-2\"><\/div>\r\n\r\n <div class=\"blog-container\">\r\n\r\n <!-- Section Header -->\r\n <div class=\"blog-header\">\r\n <div class=\"blog-badge\">\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-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n <span>Our Blog<\/span>\r\n <\/div>\r\n <h2 class=\"blog-main-title\">Insights & <span>Updates<\/span><\/h2>\r\n <p class=\"blog-main-subtitle\">\r\n Expert tips on sleep comfort, bedding care, and the latest trends in lifestyle products to help you make informed decisions.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Blog Grid -->\r\n <div class=\"blog-grid\">\r\n\r\n <!-- Blog Card 1 -->\r\n <article class=\"blog-card\">\r\n <div class=\"blog-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Choosing the Right Mattress\" loading=\"lazy\">\r\n <span class=\"blog-card-category\">Sleep Guide<\/span>\r\n <div class=\"blog-card-read-time\">\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 <span>5 min read<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"blog-card-content\">\r\n <div class=\"blog-card-date\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/><\/svg>\r\n January 15, 2025\r\n <\/div>\r\n <h3 class=\"blog-card-title\">How to Choose the Perfect Mattress for Your Sleep Style<\/h3>\r\n <p class=\"blog-card-excerpt\">\r\n Discover the key factors to consider when selecting a mattress that matches your sleeping position, body type, and comfort preferences for optimal rest.\r\n <\/p>\r\n <div class=\"blog-card-footer\">\r\n <div class=\"blog-card-author\">\r\n <div class=\"blog-card-author-avatar\">AK<\/div>\r\n <div class=\"blog-card-author-info\">\r\n <span class=\"blog-card-author-name\">Ahmed Khan<\/span>\r\n <span class=\"blog-card-author-role\">Sleep Expert<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#blog-post-1\" class=\"blog-card-link\">\r\n Read More\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 <\/div>\r\n <\/article>\r\n\r\n <!-- Blog Card 2 -->\r\n <article class=\"blog-card\">\r\n <div class=\"blog-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522771739844-6a9f6d5f14af?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Bedding Care Tips\" loading=\"lazy\">\r\n <span class=\"blog-card-category\">Care Tips<\/span>\r\n <div class=\"blog-card-read-time\">\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 <span>4 min read<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"blog-card-content\">\r\n <div class=\"blog-card-date\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/><\/svg>\r\n January 8, 2025\r\n <\/div>\r\n <h3 class=\"blog-card-title\">Essential Bedding Care: Extend the Life of Your Linens<\/h3>\r\n <p class=\"blog-card-excerpt\">\r\n Learn professional tips and techniques for washing, drying, and storing your bedding to maintain freshness and extend the lifespan of your investment.\r\n <\/p>\r\n <div class=\"blog-card-footer\">\r\n <div class=\"blog-card-author\">\r\n <div class=\"blog-card-author-avatar\">SM<\/div>\r\n <div class=\"blog-card-author-info\">\r\n <span class=\"blog-card-author-name\">Sara Mohammed<\/span>\r\n <span class=\"blog-card-author-role\">Product Specialist<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#blog-post-2\" class=\"blog-card-link\">\r\n Read More\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 <\/div>\r\n <\/article>\r\n\r\n <!-- Blog Card 3 -->\r\n <article class=\"blog-card\">\r\n <div class=\"blog-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Hotel-Quality Bedding\" loading=\"lazy\">\r\n <span class=\"blog-card-category\">Industry Insights<\/span>\r\n <div class=\"blog-card-read-time\">\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 <span>6 min read<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"blog-card-content\">\r\n <div class=\"blog-card-date\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z\"\/><\/svg>\r\n December 28, 2024\r\n <\/div>\r\n <h3 class=\"blog-card-title\">Why Hotels Choose Premium Bedding: B2B Supply Insights<\/h3>\r\n <p class=\"blog-card-excerpt\">\r\n Explore the decision-making process behind hotel bedding purchases and understand what institutional buyers prioritize for guest satisfaction.\r\n <\/p>\r\n <div class=\"blog-card-footer\">\r\n <div class=\"blog-card-author\">\r\n <div class=\"blog-card-author-avatar\">RJ<\/div>\r\n <div class=\"blog-card-author-info\">\r\n <span class=\"blog-card-author-name\">Ravi Joshi<\/span>\r\n <span class=\"blog-card-author-role\">B2B Manager<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#blog-post-3\" class=\"blog-card-link\">\r\n Read More\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 <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- View All Button -->\r\n <div class=\"blog-view-all\">\r\n <a href=\"#all-blogs\" class=\"blog-view-all-btn\">\r\n <span>View All Articles<\/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 <\/div>\r\n<\/section>\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c743bb e-con-full e-flex e-con e-parent\" data-id=\"0c743bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a84a9c1 elementor-widget elementor-widget-html\" data-id=\"a84a9c1\" 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-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/44","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=44"}],"version-history":[{"count":16,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}