{"id":14,"date":"2026-03-06T08:45:37","date_gmt":"2026-03-06T08:45:37","guid":{"rendered":"https:\/\/firozkhyber.justeasyshop.com\/?page_id=14"},"modified":"2026-03-10T07:54:01","modified_gmt":"2026-03-10T07:54:01","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/","title":{"rendered":"Contact 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 Feroz Khyber General Trading LLC<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Krub:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n\r\n :root{\r\n --navy:#132C50;\r\n --navy-dark:#0a1a30;\r\n --navy-light:#1a3a66;\r\n --gold:#CFA750;\r\n --gold-light:#e0c47a;\r\n --gold-dark:#b8913a;\r\n --gold-gradient:linear-gradient(135deg,#b8913a 0%,#CFA750 40%,#e0c47a 60%,#CFA750 100%);\r\n --white:#ffffff;\r\n --cream:#fefefe;\r\n --text-dark:#1a1a1a;\r\n --text-medium:#555;\r\n --border-light:rgba(19,44,80,0.07);\r\n --border-gold:rgba(207,167,80,0.15);\r\n }\r\n\r\n html{scroll-behavior:smooth}\r\n body{font-family:'Krub',sans-serif;background:var(--cream);overflow-x:hidden}\r\n\r\n \/* ========== GOLD ACCENT LINE ========== *\/\r\n .gold-accent-line{\r\n height:3px;position:relative;z-index:1001;overflow:hidden;\r\n background:linear-gradient(90deg,var(--gold-dark),var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,var(--gold-dark));\r\n }\r\n .gold-accent-line::after{\r\n content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);\r\n animation:shimmerLine 4s ease-in-out infinite;\r\n }\r\n @keyframes shimmerLine{0%{left:-60%}100%{left:160%}}\r\n\r\n \/* ========== MAIN HEADER ========== *\/\r\n .main-header{\r\n background:var(--white);position:sticky;top:0;z-index:1000;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n animation:revealDown 0.8s cubic-bezier(0.4,0,0.2,1) forwards;\r\n }\r\n @keyframes revealDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n .main-header.scrolled{\r\n box-shadow:0 4px 30px rgba(19,44,80,0.06),0 1px 3px rgba(19,44,80,0.04);\r\n }\r\n .main-header::after{\r\n content:'';position:absolute;bottom:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.25) 50%,transparent);\r\n }\r\n\r\n .header-inner{\r\n max-width:1400px;margin:0 auto;padding:0 40px;\r\n display:flex;justify-content:space-between;align-items:center;\r\n height:88px;transition:height 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;z-index:2;\r\n }\r\n .main-header.scrolled .header-inner{height:68px}\r\n\r\n \/* ========== LOGO ========== *\/\r\n .logo-container{\r\n display:flex;align-items:center;gap:16px;\r\n text-decoration:none;position:relative;z-index:1002;\r\n }\r\n .logo-img-wrapper{\r\n width:100px;height:100px;overflow:hidden;\r\n display:flex;align-items:center;justify-content:center;\r\n flex-shrink:0;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;\r\n }\r\n .main-header.scrolled .logo-img-wrapper{width:75px;height:65px}\r\n .logo-container:hover .logo-img-wrapper{transform:scale(1.04)}\r\n .logo-img-wrapper img{\r\n width:130%;height:130%;object-fit:contain;\r\n transition:transform 0.5s ease;\r\n }\r\n .logo-container:hover .logo-img-wrapper img{transform:scale(1.05)}\r\n\r\n .logo-text{display:flex;flex-direction:column;line-height:1}\r\n\r\n .logo-company-name{\r\n font-family:'Krub',sans-serif;font-size:22px;font-weight:700;\r\n color:var(--navy);letter-spacing:1.5px;text-transform:uppercase;\r\n transition:all 0.5s ease;white-space:nowrap;\r\n }\r\n .logo-company-name span{\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n }\r\n .main-header.scrolled .logo-company-name{font-size:18px}\r\n\r\n .logo-tagline{\r\n font-family:'Krub',sans-serif;font-size:9px;\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n letter-spacing:3.5px;text-transform:uppercase;margin-top:6px;\r\n font-weight:500;opacity:0.8;transition:all 0.5s ease;\r\n }\r\n .main-header.scrolled .logo-tagline{font-size:7.5px;margin-top:4px;opacity:0}\r\n\r\n \/* ========== NAVIGATION ========== *\/\r\n .main-nav{display:flex;align-items:center}\r\n .nav-list{display:flex;align-items:center;list-style:none;gap:2px}\r\n .nav-item{position:relative}\r\n\r\n .nav-link{\r\n display:flex;align-items:center;gap:6px;padding:12px 20px;\r\n color:var(--navy);text-decoration:none;font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;\r\n transition:all 0.4s ease;position:relative;border-radius:4px;\r\n }\r\n .nav-link::after{\r\n content:'';position:absolute;bottom:6px;left:20px;right:20px;height:2px;\r\n background:var(--gold-gradient);transform:scaleX(0);transform-origin:right;\r\n transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);border-radius:1px;\r\n }\r\n .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left}\r\n .nav-link::before{\r\n content:'';position:absolute;inset:4px;border-radius:4px;\r\n background:rgba(207,167,80,0.04);opacity:0;transition:opacity 0.3s ease;\r\n }\r\n .nav-link:hover::before{opacity:1}\r\n .nav-link:hover,.nav-link.active{color:var(--gold-dark)}\r\n\r\n .nav-link .nav-dot{\r\n width:4px;height:4px;background:var(--gold);border-radius:50%;\r\n opacity:0;transition:all 0.4s ease;flex-shrink:0;\r\n box-shadow:0 0 6px rgba(207,167,80,0.3);\r\n }\r\n .nav-link:hover .nav-dot,.nav-link.active .nav-dot{opacity:1}\r\n\r\n .nav-link .dropdown-arrow{\r\n width:11px;height:11px;fill:currentColor;\r\n transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);\r\n margin-left:2px;opacity:0.4;\r\n }\r\n .nav-item:hover .dropdown-arrow{transform:rotate(180deg);opacity:0.8}\r\n\r\n \/* ========== DROPDOWN (DESKTOP) ========== *\/\r\n .dropdown-menu{\r\n position:absolute;top:calc(100% + 16px);left:50%;\r\n transform:translateX(-50%) translateY(12px);\r\n background:var(--white);border:1px solid rgba(19,44,80,0.05);\r\n border-radius:10px;min-width:300px;padding:14px 0;\r\n opacity:0;visibility:hidden;\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n box-shadow:0 15px 50px rgba(19,44,80,0.1),0 5px 15px rgba(19,44,80,0.04),\r\n 0 0 0 1px rgba(207,167,80,0.05);\r\n z-index:100;\r\n }\r\n .dropdown-menu::before{\r\n content:'';position:absolute;top:-7px;left:50%;\r\n transform:translateX(-50%) rotate(45deg);width:14px;height:14px;\r\n background:var(--white);border-top:1px solid rgba(19,44,80,0.05);\r\n border-left:1px solid rgba(19,44,80,0.05);border-radius:2px;\r\n }\r\n .dropdown-menu::after{\r\n content:'';position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent;\r\n }\r\n .dropdown-top-accent{\r\n position:absolute;top:0;left:20px;right:20px;height:2px;\r\n background:var(--gold-gradient);border-radius:0 0 2px 2px;opacity:0.5;\r\n }\r\n .nav-item:hover .dropdown-menu{\r\n opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);\r\n }\r\n\r\n .dropdown-header{\r\n padding:10px 24px 14px;border-bottom:1px solid var(--border-light);\r\n margin-bottom:8px;display:flex;align-items:center;gap:12px;\r\n }\r\n .dropdown-header-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(207,167,80,0.25),transparent)}\r\n .dropdown-header span{\r\n font-family:'Krub',sans-serif;font-size:10px;font-weight:600;\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n letter-spacing:3px;text-transform:uppercase;white-space:nowrap;\r\n }\r\n\r\n .dropdown-item{\r\n display:flex;align-items:center;gap:14px;padding:12px 24px;\r\n color:var(--text-medium);text-decoration:none;font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:400;letter-spacing:0.3px;\r\n transition:all 0.35s ease;position:relative;\r\n }\r\n .dropdown-item::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;width:2.5px;\r\n background:var(--gold-gradient);border-radius:0 2px 2px 0;\r\n transform:scaleY(0);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .dropdown-item:hover::before{transform:scaleY(1)}\r\n .dropdown-item:hover{\r\n color:var(--navy);background:linear-gradient(90deg,rgba(207,167,80,0.04),transparent);\r\n padding-left:30px;\r\n }\r\n .dropdown-item .fabric-icon{\r\n width:24px;height:24px;border-radius:50%;\r\n border:1.5px solid rgba(207,167,80,0.25);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.35s ease;flex-shrink:0;background:rgba(207,167,80,0.03);\r\n }\r\n .dropdown-item .fabric-icon-inner{\r\n width:7px;height:7px;border-radius:50%;background:var(--gold);\r\n opacity:0.25;transition:all 0.35s ease;\r\n }\r\n .dropdown-item:hover .fabric-icon{\r\n border-color:var(--gold);background:rgba(207,167,80,0.08);transform:scale(1.05);\r\n }\r\n .dropdown-item:hover .fabric-icon-inner{opacity:1;box-shadow:0 0 8px rgba(207,167,80,0.3)}\r\n\r\n \/* ========== CONTACT BUTTON ========== *\/\r\n .nav-contact-btn{\r\n display:inline-flex;align-items:center;gap:10px;\r\n padding:13px 32px;\r\n background:linear-gradient(135deg,var(--navy),var(--navy-light));\r\n color:var(--white)!important;border:none;border-radius:4px;\r\n font-family:'Krub',sans-serif;font-size:13px;font-weight:600;\r\n letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n position:relative;overflow:hidden;margin-left:18px;\r\n box-shadow:0 2px 15px rgba(19,44,80,0.12),inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n .nav-contact-btn::after{\r\n content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;\r\n background:var(--gold-gradient);transform:scaleX(0);transition:transform 0.4s ease;\r\n }\r\n .nav-contact-btn:hover::after{transform:scaleX(1)}\r\n .nav-contact-btn::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,var(--navy-light),var(--navy));\r\n opacity:0;transition:opacity 0.4s ease;\r\n }\r\n .nav-contact-btn:hover::before{opacity:1}\r\n .nav-contact-btn:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 8px 25px rgba(19,44,80,0.2),inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n .nav-contact-btn svg,.nav-contact-btn span{position:relative;z-index:2}\r\n .nav-contact-btn svg{opacity:0.7;transition:all 0.3s ease}\r\n .nav-contact-btn:hover svg{opacity:1;stroke:var(--gold)}\r\n\r\n .nav-contact-btn .btn-shimmer{\r\n position:absolute;top:0;left:-100%;width:60%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.12),transparent);\r\n z-index:1;animation:btnShimmer 3s ease-in-out infinite;\r\n }\r\n @keyframes btnShimmer{0%{left:-60%}50%{left:-60%}100%{left:160%}}\r\n\r\n \/* ========== HAMBURGER ========== *\/\r\n .hamburger{\r\n display:none;flex-direction:column;justify-content:center;align-items:center;\r\n width:48px;height:48px;cursor:pointer;background:none;\r\n border:1.5px solid var(--border-light);border-radius:6px;\r\n padding:0;z-index:1002;transition:all 0.4s ease;position:relative;\r\n }\r\n .hamburger::before{\r\n content:'';position:absolute;inset:-1px;border-radius:7px;\r\n background:var(--gold-gradient);opacity:0;transition:opacity 0.3s ease;z-index:-1;\r\n }\r\n .hamburger:hover::before{opacity:0.15}\r\n .hamburger:hover{border-color:var(--gold)}\r\n\r\n .hamburger-line{\r\n width:20px;height:1.5px;background:var(--navy);\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .hamburger-line:nth-child(1){margin-bottom:5px}\r\n .hamburger-line:nth-child(2){width:14px;margin-bottom:5px}\r\n\r\n .hamburger.active{border-color:rgba(207,167,80,0.3);background:transparent}\r\n .hamburger.active::before{opacity:0}\r\n .hamburger.active .hamburger-line{background:var(--white)}\r\n .hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}\r\n .hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}\r\n .hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}\r\n\r\n \/* ========== MOBILE OVERLAY ========== *\/\r\n .mobile-overlay{\r\n display:none;position:fixed;inset:0;\r\n background:rgba(10,26,48,0.5);backdrop-filter:blur(8px);\r\n -webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;\r\n transition:opacity 0.4s ease;pointer-events:none;\r\n }\r\n .mobile-overlay.active{opacity:1;pointer-events:auto}\r\n\r\n \/* ========== MOBILE DROPDOWN TOGGLE BUTTON ========== *\/\r\n .mobile-dropdown-toggle{\r\n display:none;width:44px;height:44px;\r\n background:none;border:1px solid rgba(255,255,255,0.1);\r\n border-radius:8px;cursor:pointer;\r\n align-items:center;justify-content:center;\r\n flex-shrink:0;transition:all 0.3s ease;\r\n }\r\n .mobile-dropdown-toggle svg{\r\n width:18px;height:18px;fill:rgba(255,255,255,0.4);\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n .mobile-dropdown-toggle:hover{border-color:rgba(207,167,80,0.3)}\r\n .mobile-dropdown-toggle:hover svg{fill:var(--gold)}\r\n .nav-item.dropdown-open .mobile-dropdown-toggle svg{\r\n transform:rotate(180deg);fill:var(--gold);\r\n }\r\n .nav-item.dropdown-open .mobile-dropdown-toggle{\r\n border-color:rgba(207,167,80,0.3);background:rgba(207,167,80,0.05);\r\n }\r\n\r\n \/* ========== RESPONSIVE ========== *\/\r\n @media(max-width:1200px){\r\n .nav-link{padding:10px 14px;font-size:13px;letter-spacing:0.6px}\r\n .nav-contact-btn{padding:11px 24px;font-size:12px;margin-left:10px}\r\n }\r\n\r\n @media(max-width:1024px){\r\n .hamburger{display:flex}\r\n .mobile-overlay{display:block}\r\n .mobile-dropdown-toggle{display:flex}\r\n\r\n .main-nav{\r\n position:fixed;top:0;right:-440px;width:420px;max-width:88vw;\r\n height:100vh;height:100dvh;background:var(--navy);\r\n flex-direction:column;justify-content:flex-start;\r\n padding:0;\r\n transition:right 0.5s cubic-bezier(0.4,0,0.2,1);\r\n z-index:999;overflow:hidden;\r\n box-shadow:-10px 0 60px rgba(0,0,0,0.3);\r\n }\r\n .main-nav::before{\r\n content:'';position:absolute;inset:0;opacity:0.02;\r\n background-image:radial-gradient(circle at 1px 1px,rgba(207,167,80,0.5) 1px,transparent 0);\r\n background-size:30px 30px;pointer-events:none;\r\n }\r\n .main-nav::after{\r\n content:'';position:absolute;top:0;left:0;width:2px;height:100%;\r\n background:linear-gradient(180deg,var(--gold-dark),var(--gold),var(--gold-light),var(--gold),var(--gold-dark));\r\n opacity:0.2;\r\n }\r\n .main-nav.active{right:0}\r\n\r\n \/* Mobile nav scrollable area *\/\r\n .nav-list{\r\n flex-direction:column;width:100%;gap:0;\r\n position:relative;z-index:2;list-style:none;\r\n overflow-y:auto;overflow-x:hidden;\r\n -webkit-overflow-scrolling:touch;\r\n overscroll-behavior:contain;\r\n height:100%;\r\n padding:110px 40px 40px;\r\n }\r\n\r\n .nav-item{\r\n width:100%;\r\n border-bottom:1px solid rgba(255,255,255,0.05);\r\n }\r\n\r\n \/* Mobile nav link row with dropdown toggle *\/\r\n .nav-item.has-dropdown .nav-link-row{\r\n display:flex;align-items:center;gap:0;\r\n }\r\n\r\n .nav-link{\r\n padding:20px 0;font-size:15px;letter-spacing:2px;\r\n width:100%;justify-content:flex-start;\r\n color:rgba(255,255,255,0.7);border-radius:0;\r\n flex:1;\r\n }\r\n .nav-link::before{display:none}\r\n .nav-link.active{color:var(--gold)}\r\n .nav-link:hover{color:var(--white)}\r\n .nav-link::after{\r\n bottom:15px;left:0;right:auto;width:0;height:1.5px;\r\n transition:width 0.4s ease;background:var(--gold-gradient);\r\n transform:none;\r\n }\r\n .nav-link:hover::after,.nav-link.active::after{\r\n width:40px;transform:none;transform-origin:left;\r\n }\r\n .nav-link .nav-dot{display:none}\r\n\r\n \/* Hide desktop dropdown arrow in mobile *\/\r\n .nav-link .dropdown-arrow{display:none}\r\n\r\n \/* ===== MOBILE DROPDOWN ===== *\/\r\n .dropdown-menu{\r\n position:relative;top:auto;left:auto;\r\n transform:none!important;\r\n opacity:1;visibility:visible;\r\n box-shadow:none;border:none;border-radius:0;\r\n min-width:auto;width:100%;\r\n max-height:0;overflow:hidden;\r\n padding:0;margin:0;\r\n transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),\r\n padding 0.4s ease,\r\n margin 0.4s ease;\r\n background:rgba(255,255,255,0.02);\r\n border-left:2px solid rgba(207,167,80,0.2);\r\n margin-left:8px;\r\n }\r\n .dropdown-menu::before,\r\n .dropdown-menu::after{display:none}\r\n .dropdown-top-accent{display:none}\r\n\r\n .nav-item.dropdown-open .dropdown-menu{\r\n max-height:600px;\r\n padding:12px 0 8px;\r\n margin-bottom:8px;\r\n }\r\n\r\n .dropdown-header{\r\n border-bottom-color:rgba(255,255,255,0.04);\r\n padding:8px 20px 12px;\r\n }\r\n .dropdown-header span{\r\n -webkit-text-fill-color:var(--gold);\r\n color:var(--gold);background:none;\r\n font-size:9px;letter-spacing:3px;\r\n }\r\n .dropdown-header-line{\r\n background:linear-gradient(90deg,rgba(207,167,80,0.15),transparent);\r\n }\r\n\r\n .dropdown-item{\r\n color:rgba(255,255,255,0.5);\r\n padding:14px 20px;font-size:14px;\r\n gap:12px;\r\n }\r\n .dropdown-item::before{display:none}\r\n .dropdown-item:hover{\r\n color:var(--white);\r\n background:rgba(207,167,80,0.04);\r\n padding-left:26px;\r\n }\r\n .dropdown-item .fabric-icon{\r\n border-color:rgba(207,167,80,0.15);\r\n background:rgba(207,167,80,0.04);\r\n width:28px;height:28px;\r\n }\r\n .dropdown-item:hover .fabric-icon{\r\n border-color:var(--gold);\r\n background:rgba(207,167,80,0.1);\r\n }\r\n .dropdown-item:hover .fabric-icon-inner{\r\n opacity:1;\r\n }\r\n\r\n \/* Contact button mobile *\/\r\n .nav-contact-btn{\r\n margin:30px 0 0;width:100%;justify-content:center;\r\n padding:18px 30px;\r\n background:transparent;border:1.5px solid rgba(207,167,80,0.25);\r\n color:var(--gold)!important;box-shadow:none;font-size:13px;border-radius:4px;\r\n }\r\n .nav-contact-btn::after,\r\n .nav-contact-btn::before,\r\n .nav-contact-btn .btn-shimmer{display:none}\r\n .nav-contact-btn:hover{\r\n border-color:var(--gold);background:rgba(207,167,80,0.06);\r\n box-shadow:0 0 20px rgba(207,167,80,0.06);transform:none;\r\n }\r\n\r\n \/* Mobile nav header *\/\r\n .mobile-nav-header{\r\n position:absolute;top:0;left:0;right:0;\r\n padding:30px 40px;z-index:3;\r\n background:linear-gradient(180deg,var(--navy) 70%,transparent);\r\n }\r\n .mobile-nav-brand{\r\n font-family:'Krub',sans-serif;font-size:18px;color:var(--white);\r\n letter-spacing:2px;font-weight:700;text-transform:uppercase;\r\n }\r\n .mobile-nav-brand span{\r\n background:var(--gold-gradient);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n }\r\n .mobile-nav-line{\r\n width:40px;height:2px;background:var(--gold-gradient);\r\n margin-top:14px;opacity:0.4;border-radius:1px;\r\n }\r\n .mobile-nav-tagline{\r\n font-family:'Krub',sans-serif;font-size:9px;color:rgba(255,255,255,0.25);\r\n letter-spacing:2.5px;text-transform:uppercase;margin-top:10px;\r\n }\r\n\r\n \/* Mobile bottom info *\/\r\n .mobile-nav-footer{\r\n position:absolute;bottom:0;left:0;right:0;\r\n padding:20px 40px 30px;z-index:3;\r\n background:linear-gradient(0deg,var(--navy) 70%,transparent);\r\n border-top:1px solid rgba(255,255,255,0.03);\r\n }\r\n .mobile-nav-footer-text{\r\n font-size:10px;color:rgba(255,255,255,0.2);\r\n letter-spacing:1px;text-align:center;\r\n }\r\n }\r\n\r\n @media(max-width:768px){\r\n .header-inner{padding:0 20px;height:78px}\r\n .main-header.scrolled .header-inner{height:64px}\r\n .logo-img-wrapper{width:72px;height:72px}\r\n .main-header.scrolled .logo-img-wrapper{width:55px;height:55px}\r\n .logo-company-name{font-size:18px}\r\n .main-header.scrolled .logo-company-name{font-size:16px}\r\n .logo-tagline{font-size:8px;letter-spacing:2.5px;margin-top:5px}\r\n\r\n .nav-list{padding:100px 30px 80px}\r\n .mobile-nav-header{padding:25px 30px}\r\n .mobile-nav-footer{padding:20px 30px}\r\n\r\n .nav-link{padding:18px 0;font-size:14px;letter-spacing:1.5px}\r\n .dropdown-item{padding:12px 18px;font-size:13px}\r\n }\r\n\r\n @media(max-width:480px){\r\n .logo-container{gap:10px}\r\n .logo-company-name{font-size:15px;letter-spacing:0.8px}\r\n .logo-tagline{font-size:7px;letter-spacing:1.5px}\r\n .header-inner{height:68px;padding:0 16px}\r\n .main-header.scrolled .header-inner{height:58px}\r\n .logo-img-wrapper{width:100px;height:60px}\r\n .main-header.scrolled .logo-img-wrapper{width:48px;height:48px}\r\n .hamburger{width:42px;height:42px}\r\n\r\n .main-nav{width:100%;max-width:100vw;right:-100%}\r\n .nav-list{padding:95px 24px 80px}\r\n .mobile-nav-header{padding:22px 24px}\r\n .mobile-nav-footer{padding:16px 24px 24px}\r\n .mobile-nav-brand{font-size:16px}\r\n\r\n .nav-link{padding:16px 0;font-size:13px;letter-spacing:1.2px}\r\n .mobile-dropdown-toggle{width:40px;height:40px}\r\n .mobile-dropdown-toggle svg{width:16px;height:16px}\r\n\r\n .dropdown-item{padding:11px 16px;font-size:12.5px;gap:10px}\r\n .dropdown-item .fabric-icon{width:24px;height:24px}\r\n .dropdown-item .fabric-icon-inner{width:6px;height:6px}\r\n .dropdown-header{padding:6px 16px 10px}\r\n .dropdown-header span{font-size:8px}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ===== GOLD ACCENT LINE ===== -->\r\n <div class=\"gold-accent-line\"><\/div>\r\n\r\n <!-- ===== MAIN HEADER ===== -->\r\n <header class=\"main-header\" id=\"mainHeader\">\r\n <div class=\"header-inner\">\r\n\r\n <!-- Logo -->\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\" class=\"logo-container\">\r\n <div class=\"logo-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-5-2026-10_13_04-AM-e1772788317129.png\" alt=\"Feroz Khyber Logo\">\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Hamburger -->\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle Navigation Menu\">\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <\/button>\r\n\r\n <!-- Navigation -->\r\n <nav class=\"main-nav\" id=\"mainNav\">\r\n <div class=\"mobile-nav-header\">\r\n <div class=\"mobile-nav-line\"><\/div>\r\n <\/div>\r\n\r\n <ul class=\"nav-list\">\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\" class=\"nav-link active\">\r\n <span class=\"nav-dot\"><\/span>\r\n Home\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item has-dropdown\" id=\"fabricsDropdown\">\r\n <div class=\"nav-link-row\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n Our Fabrics\r\n <svg class=\"dropdown-arrow\" 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\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <button class=\"mobile-dropdown-toggle\" aria-label=\"Toggle Submenu\">\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 <\/button>\r\n <\/div>\r\n <div class=\"dropdown-menu\">\r\n <div class=\"dropdown-top-accent\"><\/div>\r\n <div class=\"dropdown-header\">\r\n <span>Collections<\/span>\r\n <div class=\"dropdown-header-line\"><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Printed Cotton Fabric\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Summer Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Reactive Digital Cotton\r\n <\/a>\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\" class=\"dropdown-item\">\r\n <span class=\"fabric-icon\"><span class=\"fabric-icon-inner\"><\/span><\/span>\r\n Soft Digital Print Cotton\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/dresses\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n Our Dresses\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/about-us\/\" class=\"nav-link\">\r\n <span class=\"nav-dot\"><\/span>\r\n About\r\n <\/a>\r\n <\/li>\r\n <li class=\"nav-item nav-item--contact\">\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/\" class=\"nav-contact-btn\">\r\n <div class=\"btn-shimmer\"><\/div>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <span>Contact Us<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <\/div>\r\n\r\n <!-- Mobile Overlay -->\r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n <\/header>\r\n\r\n <script>\r\n (function(){\r\n const hamburger = document.getElementById('hamburger');\r\n const mainNav = document.getElementById('mainNav');\r\n const mobileOverlay = document.getElementById('mobileOverlay');\r\n const mainHeader = document.getElementById('mainHeader');\r\n const fabricsDropdown = document.getElementById('fabricsDropdown');\r\n const mobileToggle = fabricsDropdown.querySelector('.mobile-dropdown-toggle');\r\n\r\n function toggleMenu(){\r\n const isOpen = mainNav.classList.contains('active');\r\n hamburger.classList.toggle('active');\r\n mainNav.classList.toggle('active');\r\n mobileOverlay.classList.toggle('active');\r\n document.body.style.overflow = isOpen ? '' : 'hidden';\r\n }\r\n\r\n function closeMenu(){\r\n hamburger.classList.remove('active');\r\n mainNav.classList.remove('active');\r\n mobileOverlay.classList.remove('active');\r\n document.body.style.overflow = '';\r\n fabricsDropdown.classList.remove('dropdown-open');\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n mobileOverlay.addEventListener('click', closeMenu);\r\n\r\n \/* Mobile dropdown toggle \u2014 separate button *\/\r\n mobileToggle.addEventListener('click', function(e){\r\n e.preventDefault();\r\n e.stopPropagation();\r\n fabricsDropdown.classList.toggle('dropdown-open');\r\n });\r\n\r\n \/* On desktop, the parent link navigates normally.\r\n On mobile, the parent link also navigates (toggle is separate button). *\/\r\n\r\n window.addEventListener('resize', function(){\r\n if(window.innerWidth > 1024){\r\n closeMenu();\r\n }\r\n });\r\n\r\n let ticking = false;\r\n window.addEventListener('scroll', function(){\r\n if(!ticking){\r\n window.requestAnimationFrame(function(){\r\n mainHeader.classList.toggle('scrolled', window.pageYOffset > 50);\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n });\r\n\r\n \/* Close mobile menu when clicking nav links (not the fabrics dropdown toggle) *\/\r\n document.querySelectorAll('.nav-link').forEach(function(link){\r\n link.addEventListener('click', function(){\r\n if(window.innerWidth <= 1024 && !this.closest('.has-dropdown')){\r\n closeMenu();\r\n }\r\n });\r\n });\r\n\r\n \/* Close mobile menu when clicking dropdown items *\/\r\n document.querySelectorAll('.dropdown-item').forEach(function(item){\r\n item.addEventListener('click', function(){\r\n if(window.innerWidth <= 1024){\r\n closeMenu();\r\n }\r\n });\r\n });\r\n\r\n \/* Prevent body scroll when swiping inside mobile nav *\/\r\n mainNav.addEventListener('touchmove', function(e){\r\n e.stopPropagation();\r\n }, {passive: true});\r\n\r\n })();\r\n <\/script>\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-ddae789 e-con-full e-flex e-con e-parent\" data-id=\"ddae789\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d276199 elementor-widget elementor-widget-html\" data-id=\"d276199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== GOOGLE FONT ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Krub:wght@200;300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- ===== CONTACT PAGE HERO ===== -->\r\n<section class=\"contact-hero\">\r\n <div class=\"contact-hero-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Untitled-design-2026-03-06T132501.987.png\" alt=\"Contact Feroz Khyber\">\r\n <\/div>\r\n <div class=\"contact-hero-overlay\"><\/div>\r\n <div class=\"ch-corner ch-corner--tl\"><\/div>\r\n <div class=\"ch-corner ch-corner--tr\"><\/div>\r\n <div class=\"ch-corner ch-corner--bl\"><\/div>\r\n <div class=\"ch-corner ch-corner--br\"><\/div>\r\n <div class=\"ch-glow ch-glow--1\"><\/div>\r\n <div class=\"ch-glow ch-glow--2\"><\/div>\r\n <div class=\"ch-particle\"><\/div>\r\n <div class=\"ch-particle\"><\/div>\r\n <div class=\"ch-particle\"><\/div>\r\n <div class=\"ch-particle\"><\/div>\r\n <div class=\"ch-particle\"><\/div>\r\n <div class=\"contact-hero-content\">\r\n <div class=\"ch-label\">\r\n <span class=\"ch-label-line\"><\/span>\r\n <span class=\"ch-label-text\">Feroz Khyber<\/span>\r\n <span class=\"ch-label-line\"><\/span>\r\n <\/div>\r\n <h1 class=\"ch-title\">Get In <span>Touch<\/span><\/h1>\r\n <p class=\"ch-subtitle\">We'd love to hear from you. Let's start a conversation.<\/p>\r\n <div class=\"ch-divider\">\r\n <span class=\"ch-divider-line\"><\/span>\r\n <span class=\"ch-divider-diamond\"><\/span>\r\n <span class=\"ch-divider-line\"><\/span>\r\n <\/div>\r\n <div class=\"ch-breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <span>Contact Us<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ch-scroll-hint\">\r\n <span><\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CONTACT INFO + FORM ===== -->\r\n<section class=\"contact-main\" id=\"contact-form\">\r\n <div class=\"cm-bg-glow cm-bg-glow--1\"><\/div>\r\n <div class=\"cm-bg-glow cm-bg-glow--2\"><\/div>\r\n <div class=\"cm-bg-pattern\"><\/div>\r\n <div class=\"contact-main-container\">\r\n <!-- LEFT: Info -->\r\n <div class=\"cm-info\">\r\n <div class=\"cm-info-label cp-anim\" data-cp=\"fade-right\">\r\n <span class=\"cm-info-label-line\"><\/span>\r\n <span class=\"cm-info-label-text\">Contact Information<\/span>\r\n <\/div>\r\n <h2 class=\"cm-info-title cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"100\">\r\n Let's Discuss Your <span>Fabric Needs<\/span>\r\n <\/h2>\r\n <p class=\"cm-info-desc cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"150\">\r\n Whether you're looking for premium digital cotton, bulk orders, or custom requirements \u2014 our team is here to help.\r\n <\/p>\r\n <div class=\"cm-cards\">\r\n <div class=\"cm-card cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"200\">\r\n <div class=\"cm-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div class=\"cm-card-body\">\r\n <h4>Visit Our Office<\/h4>\r\n <p>Dubai, UAE<\/p>\r\n <\/div>\r\n <div class=\"cm-card-arrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-card cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"250\">\r\n <div class=\"cm-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"cm-card-body\">\r\n <h4>Call Us<\/h4>\r\n <a href=\"tel:+971558384412\">+971 55 838 4412<\/a>\r\n <\/div>\r\n <div class=\"cm-card-arrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-card cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"300\">\r\n <div class=\"cm-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"cm-card-body\">\r\n <h4>Email Us<\/h4>\r\n <a href=\"mailto:info@ferozkhyber.com\">info@ferozkhyber.com<\/a>\r\n <\/div>\r\n <div class=\"cm-card-arrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-card cm-card--wa cp-anim\" data-cp=\"fade-right\" data-cp-delay=\"350\">\r\n <div class=\"cm-card-icon cm-card-icon--wa\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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.892c-.001 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 <div class=\"cm-card-body\">\r\n <h4>WhatsApp<\/h4>\r\n <a href=\"https:\/\/wa.me\/+971558384412\" target=\"_blank\">Chat with us instantly<\/a>\r\n <\/div>\r\n <div class=\"cm-card-arrow\">\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- RIGHT: Form -->\r\n <div class=\"cm-form-wrap cp-anim\" data-cp=\"fade-up\" data-cp-delay=\"200\">\r\n <div class=\"cm-form-card\">\r\n <div class=\"cm-form-accent\"><\/div>\r\n <div class=\"cm-form-corner cm-form-corner--tl\"><\/div>\r\n <div class=\"cm-form-corner cm-form-corner--br\"><\/div>\r\n <div class=\"cm-form-header\">\r\n <div class=\"cm-form-wa-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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.892c-.001 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 <h3>Send Us a Message<\/h3>\r\n <p>Your inquiry will be sent directly via WhatsApp<\/p>\r\n <\/div>\r\n <form id=\"contactPageForm\" onsubmit=\"return sendContactWhatsApp(event)\">\r\n <div class=\"cm-form-row\">\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_name\">Full Name <span>*<\/span><\/label>\r\n <div class=\"cm-input-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n <input type=\"text\" id=\"cp_name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_email\">Email Address <span>*<\/span><\/label>\r\n <div class=\"cm-input-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <input type=\"email\" id=\"cp_email\" placeholder=\"john@example.com\" required>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-form-row\">\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_phone\">Phone Number<\/label>\r\n <div class=\"cm-input-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n <input type=\"tel\" id=\"cp_phone\" placeholder=\"+971 XXX XXX XXX\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_subject\">Subject<\/label>\r\n <div class=\"cm-input-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n <input type=\"text\" id=\"cp_subject\" placeholder=\"Fabric Inquiry\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_fabric\">Fabric Type<\/label>\r\n <div class=\"cm-input-wrap cm-select-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n <select id=\"cp_fabric\">\r\n <option value=\"\">Select a fabric type<\/option>\r\n <option value=\"Digital Cotton\">Digital Cotton<\/option>\r\n <option value=\"Printed Cotton Fabric\">Printed Cotton Fabric<\/option>\r\n <option value=\"Summer Digital Cotton\">Summer Digital Cotton<\/option>\r\n <option value=\"Reactive Digital Cotton\">Reactive Digital Cotton<\/option>\r\n <option value=\"Soft Digital Print Cotton\">Soft Digital Print Cotton<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cm-form-group\">\r\n <label for=\"cp_message\">Your Message <span>*<\/span><\/label>\r\n <div class=\"cm-input-wrap cm-textarea-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\r\n <textarea id=\"cp_message\" rows=\"4\" placeholder=\"Tell us about your requirements, quantity, delivery location...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"cm-submit-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"cm-btn-wa\"><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.892c-.001 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 <span>Send via WhatsApp<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cm-btn-arrow\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <p class=\"cm-form-note\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Your information is secure and will only be used to respond to your inquiry.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n\r\n\/* ===== HERO ===== *\/\r\n.contact-hero{\r\n position:relative;width:100%;height:55vh;min-height:420px;max-height:580px;\r\n display:flex;align-items:center;justify-content:center;overflow:hidden;\r\n font-family:'Krub',sans-serif;\r\n}\r\n.contact-hero-bg{position:absolute;inset:0;z-index:1}\r\n.contact-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}\r\n.contact-hero-overlay{\r\n position:absolute;inset:0;z-index:2;\r\n background:linear-gradient(180deg,rgba(6,18,36,0.75) 0%,rgba(8,22,42,0.55) 40%,rgba(6,18,36,0.85) 100%);\r\n}\r\n.contact-hero-overlay::before{\r\n content:'';position:absolute;inset:0;\r\n background:radial-gradient(ellipse at 50% 50%,rgba(207,167,80,0.06) 0%,transparent 70%);\r\n}\r\n.ch-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:2}\r\n.ch-glow--1{width:300px;height:300px;top:-100px;right:-50px;background:radial-gradient(circle,rgba(207,167,80,0.08) 0%,transparent 70%)}\r\n.ch-glow--2{width:250px;height:250px;bottom:-80px;left:-40px;background:radial-gradient(circle,rgba(207,167,80,0.06) 0%,transparent 70%)}\r\n.ch-corner{position:absolute;width:70px;height:70px;z-index:4;opacity:0.3;transition:opacity 0.5s ease}\r\n.ch-corner--tl{top:30px;left:30px;border-top:1.5px solid #CFA750;border-left:1.5px solid #CFA750}\r\n.ch-corner--tr{top:30px;right:30px;border-top:1.5px solid #CFA750;border-right:1.5px solid #CFA750}\r\n.ch-corner--bl{bottom:30px;left:30px;border-bottom:1.5px solid #CFA750;border-left:1.5px solid #CFA750}\r\n.ch-corner--br{bottom:30px;right:30px;border-bottom:1.5px solid #CFA750;border-right:1.5px solid #CFA750}\r\n.ch-particle{position:absolute;z-index:3;width:4px;height:4px;background:#CFA750;border-radius:50%;opacity:0;pointer-events:none}\r\n.ch-particle:nth-child(4){top:25%;left:18%;animation:chFloat 9s ease-in-out infinite 0s}\r\n.ch-particle:nth-child(5){top:40%;right:15%;width:3px;height:3px;animation:chFloat 11s ease-in-out infinite 3s}\r\n.ch-particle:nth-child(6){bottom:35%;left:70%;width:5px;height:5px;animation:chFloat 8s ease-in-out infinite 1.5s}\r\n.ch-particle:nth-child(7){top:60%;left:25%;width:3px;height:3px;animation:chFloat 10s ease-in-out infinite 2s}\r\n.ch-particle:nth-child(8){top:30%;right:30%;width:4px;height:4px;animation:chFloat 12s ease-in-out infinite 4s}\r\n@keyframes chFloat{\r\n 0%,100%{opacity:0;transform:translate(0,0)}\r\n 30%{opacity:0.25}50%{opacity:0.4;transform:translate(15px,-25px)}70%{opacity:0.25}\r\n}\r\n.contact-hero-content{\r\n position:relative;z-index:5;text-align:center;max-width:750px;padding:0 30px;\r\n display:flex;flex-direction:column;align-items:center;\r\n animation:chReveal 1.2s cubic-bezier(0.4,0,0.2,1) forwards;opacity:0;\r\n}\r\n@keyframes chReveal{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}\r\n.ch-label{display:inline-flex;align-items:center;gap:16px;margin-bottom:20px}\r\n.ch-label-line{width:40px;height:1px;background:linear-gradient(90deg,#b8913a,#ECC96B);opacity:0.6}\r\n.ch-label-text{\r\n font-family:'Krub',sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;\r\n background:linear-gradient(135deg,#d4a843,#ECC96B,#f0d878);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.ch-title{\r\n font-family:'Krub',sans-serif;font-size:58px;font-weight:800;color:#fff;\r\n line-height:1.1;margin-bottom:16px;text-shadow:0 2px 30px rgba(0,0,0,0.2);\r\n}\r\n.ch-title span{\r\n background:linear-gradient(135deg,#d4a843,#CFA750,#ECC96B,#f0d878);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.ch-subtitle{\r\n font-family:'Krub',sans-serif;font-size:17px;font-weight:400;\r\n color:rgba(255,255,255,0.75);margin-bottom:22px;line-height:1.7;letter-spacing:0.3px;\r\n}\r\n.ch-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}\r\n.ch-divider-line{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(207,167,80,0.5))}\r\n.ch-divider-line:last-child{background:linear-gradient(90deg,rgba(207,167,80,0.5),transparent)}\r\n.ch-divider-diamond{width:8px;height:8px;border:1.5px solid #CFA750;transform:rotate(45deg);opacity:0.5;flex-shrink:0}\r\n.ch-breadcrumb{display:flex;align-items:center;gap:10px;font-family:'Krub',sans-serif;font-size:13px}\r\n.ch-breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;font-weight:400;transition:all 0.3s ease}\r\n.ch-breadcrumb a:hover{color:#ECC96B}\r\n.ch-breadcrumb svg{width:14px;height:14px;color:rgba(207,167,80,0.4)}\r\n.ch-breadcrumb span{\r\n background:linear-gradient(135deg,#CFA750,#ECC96B);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;\r\n}\r\n.ch-scroll-hint{\r\n position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:5;\r\n width:24px;height:40px;border:1.5px solid rgba(207,167,80,0.25);border-radius:13px;\r\n display:flex;justify-content:center;\r\n}\r\n.ch-scroll-hint span{\r\n width:3px;height:9px;background:linear-gradient(180deg,#CFA750,#ECC96B);border-radius:2px;margin-top:8px;\r\n opacity:0.6;animation:chScroll 2s ease-in-out infinite;\r\n}\r\n@keyframes chScroll{0%{opacity:0.6;transform:translateY(0)}50%{opacity:0.15;transform:translateY(8px)}100%{opacity:0.6;transform:translateY(0)}}\r\n\r\n\/* ===== CONTACT MAIN \u2014 WHITE BG ===== *\/\r\n.contact-main{\r\n padding:90px 5%;\r\n background:#ffffff;\r\n font-family:'Krub',sans-serif;position:relative;overflow:hidden;\r\n}\r\n.cm-bg-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}\r\n.cm-bg-glow--1{width:500px;height:500px;top:-150px;left:-100px;background:radial-gradient(circle,rgba(207,167,80,0.06) 0%,transparent 70%)}\r\n.cm-bg-glow--2{width:400px;height:400px;bottom:-100px;right:-80px;background:radial-gradient(circle,rgba(207,167,80,0.05) 0%,transparent 70%)}\r\n.cm-bg-pattern{\r\n position:absolute;inset:0;z-index:0;\r\n background-image:radial-gradient(rgba(14,34,64,0.04) 1px,transparent 1px);background-size:40px 40px;\r\n}\r\n.contact-main::before{\r\n content:'';position:absolute;top:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(207,167,80,0.3),transparent);z-index:1;\r\n}\r\n.contact-main-container{\r\n max-width:1220px;margin:0 auto;display:grid;\r\n grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;position:relative;z-index:1;\r\n}\r\n\r\n\/* ===== LEFT INFO ===== *\/\r\n.cm-info{position:relative}\r\n.cm-info-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}\r\n.cm-info-label-line{width:34px;height:1.5px;background:linear-gradient(90deg,#b8913a,#CFA750);opacity:0.7}\r\n.cm-info-label-text{\r\n font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;\r\n background:linear-gradient(135deg,#a17832,#b8913a,#CFA750);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.cm-info-title{font-size:36px;font-weight:800;color:#0e2240;line-height:1.2;margin-bottom:16px;font-family:'Krub',sans-serif}\r\n.cm-info-title span{\r\n background:linear-gradient(135deg,#a17832,#b8913a,#CFA750,#d4a843);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.cm-info-desc{font-size:15px;font-weight:400;color:#4a5e74;line-height:1.85;margin-bottom:32px;max-width:440px;font-family:'Krub',sans-serif}\r\n\r\n\/* Contact Cards *\/\r\n.cm-cards{display:flex;flex-direction:column;gap:0;margin-bottom:28px}\r\n.cm-card{\r\n display:flex;align-items:center;gap:18px;padding:20px 18px;\r\n border-bottom:1px solid rgba(14,34,64,0.06);\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;\r\n}\r\n.cm-card:first-child{border-top:1px solid rgba(14,34,64,0.06)}\r\n.cm-card::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;width:3px;\r\n background:linear-gradient(180deg,#b8913a,#CFA750,#d4a843);\r\n transform:scaleY(0);transform-origin:top;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);border-radius:0 2px 2px 0;\r\n}\r\n.cm-card::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(90deg,rgba(207,167,80,0.04),transparent);\r\n opacity:0;transition:opacity 0.5s ease;\r\n}\r\n.cm-card:hover{padding-left:26px}\r\n.cm-card:hover::before{transform:scaleY(1)}\r\n.cm-card:hover::after{opacity:1}\r\n.cm-card-icon{\r\n width:50px;height:50px;flex-shrink:0;border-radius:14px;\r\n background:linear-gradient(135deg,#0e2240,#163458);\r\n border:1px solid rgba(14,34,64,0.1);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1;\r\n box-shadow:0 4px 12px rgba(14,34,64,0.1);\r\n}\r\n.cm-card-icon svg{width:20px;height:20px;color:#CFA750;transition:all 0.4s ease}\r\n.cm-card-icon--wa{\r\n background:linear-gradient(135deg,#1a8d1a,#25D366);border-color:rgba(37,211,102,0.2);\r\n box-shadow:0 4px 12px rgba(37,211,102,0.15);\r\n}\r\n.cm-card-icon--wa svg{color:#fff}\r\n.cm-card:hover .cm-card-icon{\r\n background:linear-gradient(135deg,#b8913a,#CFA750,#d4a843);border-color:transparent;\r\n box-shadow:0 8px 25px rgba(207,167,80,0.3);transform:scale(1.08);\r\n}\r\n.cm-card:hover .cm-card-icon svg{color:#fff}\r\n.cm-card:hover .cm-card-icon--wa{background:linear-gradient(135deg,#158a15,#25D366);box-shadow:0 8px 25px rgba(37,211,102,0.3)}\r\n.cm-card:hover .cm-card-icon--wa svg{color:#fff}\r\n.cm-card-body{flex:1;position:relative;z-index:1}\r\n.cm-card-body h4{font-size:15px;font-weight:700;color:#0e2240;margin-bottom:3px;transition:color 0.3s ease;font-family:'Krub',sans-serif}\r\n.cm-card:hover .cm-card-body h4{color:#b8913a}\r\n.cm-card-body p,.cm-card-body a{\r\n font-size:13.5px;color:#5a6d82;font-weight:400;margin:0;\r\n text-decoration:none;transition:color 0.3s ease;font-family:'Krub',sans-serif;\r\n}\r\n.cm-card-body a:hover{color:#b8913a}\r\n.cm-card-arrow{position:relative;z-index:1;opacity:0;transform:translateX(-10px);transition:all 0.4s ease}\r\n.cm-card-arrow svg{width:16px;height:16px;color:#CFA750}\r\n.cm-card:hover .cm-card-arrow{opacity:1;transform:translateX(0)}\r\n\r\n\/* Hours *\/\r\n.cm-hours{\r\n display:flex;align-items:flex-start;gap:16px;padding:22px 24px;\r\n background:linear-gradient(135deg,#0e2240,#132C50);\r\n border:1px solid rgba(207,167,80,0.1);border-radius:16px;margin-bottom:24px;\r\n box-shadow:0 6px 20px rgba(14,34,64,0.08);\r\n}\r\n.cm-hours-icon{\r\n width:44px;height:44px;flex-shrink:0;border-radius:12px;\r\n background:rgba(207,167,80,0.1);border:1px solid rgba(207,167,80,0.15);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.cm-hours-icon svg{width:18px;height:18px;color:#CFA750}\r\n.cm-hours h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px;font-family:'Krub',sans-serif}\r\n.cm-hours p{font-size:13px;color:rgba(255,255,255,0.55);margin:0;line-height:1.7;font-family:'Krub',sans-serif}\r\n\r\n\/* Social Links *\/\r\n.cm-socials{display:flex;align-items:center;gap:16px}\r\n.cm-socials-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#4a5e74;font-family:'Krub',sans-serif}\r\n.cm-socials-row{display:flex;gap:10px}\r\n.cm-social-link{\r\n width:40px;height:40px;border-radius:10px;\r\n background:#0e2240;border:1px solid rgba(14,34,64,0.1);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);text-decoration:none;\r\n box-shadow:0 3px 10px rgba(14,34,64,0.08);\r\n}\r\n.cm-social-link svg{width:17px;height:17px;color:#CFA750;transition:all 0.4s ease}\r\n.cm-social-link:hover{\r\n background:linear-gradient(135deg,#b8913a,#CFA750);border-color:transparent;\r\n transform:translateY(-3px);box-shadow:0 8px 20px rgba(207,167,80,0.3);\r\n}\r\n.cm-social-link:hover svg{color:#fff}\r\n\r\n\/* ===== RIGHT FORM ===== *\/\r\n.cm-form-wrap{position:relative}\r\n.cm-form-card{\r\n background:#fff;\r\n padding:40px 38px;position:relative;overflow:hidden;\r\n border:1.5px solid rgba(14,34,64,0.08);border-radius:20px;\r\n box-shadow:0 30px 80px rgba(14,34,64,0.06),0 10px 30px rgba(14,34,64,0.04);\r\n}\r\n.cm-form-accent{\r\n position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;\r\n background:linear-gradient(90deg,#b8913a,#CFA750,#ECC96B,#f0d878,#ECC96B,#CFA750,#b8913a);\r\n background-size:200% 100%;animation:accentShimmer 4s ease-in-out infinite;\r\n}\r\n@keyframes accentShimmer{0%{background-position:0% 0%}50%{background-position:100% 0%}100%{background-position:0% 0%}}\r\n.cm-form-corner{position:absolute;width:40px;height:40px;opacity:0.1;pointer-events:none}\r\n.cm-form-corner--tl{top:15px;left:15px;border-top:1px solid #CFA750;border-left:1px solid #CFA750;border-radius:4px 0 0 0}\r\n.cm-form-corner--br{bottom:15px;right:15px;border-bottom:1px solid #CFA750;border-right:1px solid #CFA750;border-radius:0 0 4px 0}\r\n.cm-form-header{text-align:center;margin-bottom:32px}\r\n.cm-form-wa-icon{\r\n width:52px;height:52px;border-radius:16px;margin:0 auto 14px;\r\n background:linear-gradient(135deg,#1a8d1a,#25D366);\r\n display:flex;align-items:center;justify-content:center;\r\n box-shadow:0 6px 20px rgba(37,211,102,0.25),0 0 40px rgba(37,211,102,0.08);\r\n}\r\n.cm-form-wa-icon svg{width:24px;height:24px;color:#fff}\r\n.cm-form-header h3{font-size:24px;font-weight:800;color:#0e2240;margin-bottom:6px;font-family:'Krub',sans-serif}\r\n.cm-form-header p{font-size:13px;font-weight:400;color:#5a6d82;font-family:'Krub',sans-serif}\r\n\r\n\/* Form Rows *\/\r\n.cm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}\r\n.cm-form-group{margin-bottom:20px}\r\n.cm-form-group label{\r\n display:block;font-size:11px;font-weight:700;letter-spacing:2px;\r\n text-transform:uppercase;color:#3d5068;margin-bottom:8px;font-family:'Krub',sans-serif;\r\n}\r\n.cm-form-group label span{color:#b8913a}\r\n.cm-input-wrap{position:relative;display:flex;align-items:center}\r\n.cm-input-wrap>svg{\r\n position:absolute;left:16px;width:16px;height:16px;\r\n color:#94a3b8;pointer-events:none;z-index:2;transition:color 0.4s ease;\r\n}\r\n.cm-form-card input,.cm-form-card select,.cm-form-card textarea{\r\n width:100%;padding:14px 18px 4px 40px;\r\n border:1.5px solid rgba(14,34,64,0.1);background:#f8f9fb;border-radius:12px;\r\n font-size:14px;font-family:'Krub',sans-serif;color:#0e2240;font-weight:400;\r\n transition:all 0.4s cubic-bezier(0.4,0,0.2,1);outline:none;-webkit-appearance:none;\r\n}\r\n.cm-form-card select{cursor:pointer;padding-right:40px}\r\n.cm-form-card textarea{resize:vertical;min-height:110px}\r\n.cm-form-card input::placeholder,.cm-form-card textarea::placeholder{color:#a0afc0;font-weight:300}\r\n\r\n.cm-form-card input:focus,.cm-form-card select:focus,.cm-form-card textarea:focus{\r\n border-color:#CFA750;\r\n box-shadow:0 0 0 4px rgba(207,167,80,0.08),0 4px 20px rgba(207,167,80,0.06);\r\n background:#fffdf6;\r\n}\r\n.cm-input-wrap:focus-within>svg{color:#b8913a}\r\n.cm-form-card select option{background:#fff;color:#0e2240}\r\n.cm-select-wrap::after{\r\n content:'';position:absolute;right:16px;width:0;height:0;\r\n border-left:5px solid transparent;border-right:5px solid transparent;\r\n border-top:5px solid #94a3b8;pointer-events:none;transition:border-color 0.3s ease;\r\n}\r\n.cm-select-wrap:focus-within::after{border-top-color:#b8913a}\r\n.cm-textarea-wrap>svg{top:16px;align-self:flex-start}\r\n\r\n\/* Submit *\/\r\n.cm-submit-btn{\r\n width:100%;padding:18px 28px;margin-top:8px;\r\n background:linear-gradient(135deg,#1a8d1a,#25D366,#2ecc71);\r\n border:none;border-radius:14px;cursor:pointer;font-family:'Krub',sans-serif;\r\n font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;\r\n display:inline-flex;align-items:center;justify-content:center;gap:12px;\r\n position:relative;overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);\r\n box-shadow:0 6px 20px rgba(37,211,102,0.2);\r\n}\r\n.cm-submit-btn::before{\r\n content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.7s ease;\r\n}\r\n.cm-submit-btn:hover::before{left:100%}\r\n.cm-submit-btn:hover{\r\n background:linear-gradient(135deg,#158a15,#1fa855,#25D366);transform:translateY(-3px);\r\n box-shadow:0 15px 40px rgba(37,211,102,0.3),0 6px 16px rgba(37,211,102,0.15);\r\n}\r\n.cm-btn-wa{width:20px;height:20px}\r\n.cm-btn-arrow{width:16px;height:16px;transition:transform 0.3s ease}\r\n.cm-submit-btn:hover .cm-btn-arrow{transform:translateX(5px)}\r\n.cm-form-note{\r\n display:flex;align-items:center;justify-content:center;gap:8px;\r\n margin-top:18px;font-size:11.5px;color:#7a8fa5;font-weight:400;text-align:center;font-family:'Krub',sans-serif;\r\n}\r\n.cm-form-note svg{width:14px;height:14px;flex-shrink:0;color:#CFA750;opacity:0.5}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n.cp-anim{opacity:0;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1),transform 0.9s cubic-bezier(0.4,0,0.2,1)}\r\n.cp-anim[data-cp=\"fade-up\"]{transform:translateY(40px)}\r\n.cp-anim[data-cp=\"fade-right\"]{transform:translateX(-45px)}\r\n.cp-anim.cp-visible{opacity:1;transform:translate(0,0)}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:1024px){\r\n .contact-main{padding:70px 5%}\r\n .contact-main-container{gap:50px}\r\n .cm-info-title{font-size:30px}\r\n .cm-form-card{padding:34px 30px}\r\n}\r\n@media(max-width:900px){\r\n .contact-hero{min-height:340px;max-height:480px}\r\n .ch-title{font-size:46px}\r\n .contact-main{padding:60px 5%}\r\n .contact-main-container{grid-template-columns:1fr;gap:50px}\r\n .cm-info{max-width:520px;margin:0 auto}\r\n .cm-form-wrap{max-width:580px;margin:0 auto}\r\n .cm-info-title{font-size:28px}\r\n .cp-anim[data-cp=\"fade-right\"]{transform:translateY(35px)}\r\n}\r\n@media(max-width:600px){\r\n .contact-hero{min-height:300px;max-height:420px}\r\n .contact-hero-bg img{object-position:60% center}\r\n .ch-title{font-size:34px}\r\n .ch-subtitle{font-size:15px}\r\n .ch-label-text{font-size:10px;letter-spacing:3px}\r\n .ch-label-line{width:28px}\r\n .ch-corner{width:40px;height:40px}\r\n .ch-corner--tl,.ch-corner--bl{left:16px}\r\n .ch-corner--tr,.ch-corner--br{right:16px}\r\n .ch-corner--tl,.ch-corner--tr{top:16px}\r\n .ch-corner--bl,.ch-corner--br{bottom:16px}\r\n .ch-scroll-hint{display:none}\r\n .ch-breadcrumb{font-size:12px}\r\n .ch-glow{display:none}\r\n .contact-main{padding:50px 5%}\r\n .cm-info-title{font-size:26px}\r\n .cm-info-desc{font-size:14px;margin-bottom:24px}\r\n .cm-info-label-text{font-size:10px;letter-spacing:3px}\r\n .cm-info-label-line{width:24px}\r\n .cm-card{padding:16px 14px;gap:14px}\r\n .cm-card-icon{width:44px;height:44px;border-radius:12px}\r\n .cm-card-icon svg{width:18px;height:18px}\r\n .cm-card-body h4{font-size:14px}\r\n .cm-card-body p,.cm-card-body a{font-size:13px}\r\n .cm-card-arrow{display:none}\r\n .cm-hours{padding:18px 18px;border-radius:14px}\r\n .cm-hours-icon{width:38px;height:38px;border-radius:10px}\r\n .cm-hours-icon svg{width:16px;height:16px}\r\n .cm-socials{flex-direction:column;align-items:flex-start;gap:10px}\r\n .cm-social-link{width:38px;height:38px;border-radius:9px}\r\n .cm-social-link svg{width:15px;height:15px}\r\n .cm-form-card{padding:28px 22px;border-radius:16px}\r\n .cm-form-header h3{font-size:20px}\r\n .cm-form-header{margin-bottom:24px}\r\n .cm-form-wa-icon{width:46px;height:46px;border-radius:14px;margin-bottom:12px}\r\n .cm-form-wa-icon svg{width:21px;height:21px}\r\n .cm-form-row{grid-template-columns:1fr;gap:0}\r\n .cm-form-group{margin-bottom:16px}\r\n .cm-form-group label{font-size:10px;margin-bottom:6px}\r\n .cm-form-card input,.cm-form-card select,.cm-form-card textarea{\r\n padding:13px 16px 13px 40px;font-size:13.5px;border-radius:10px;\r\n }\r\n .cm-input-wrap>svg{left:14px;width:15px;height:15px}\r\n .cm-submit-btn{padding:16px 24px;font-size:13px;letter-spacing:1.5px;border-radius:12px}\r\n .cm-btn-wa{width:18px;height:18px}\r\n .cm-form-note{font-size:10.5px}\r\n .cm-form-note svg{width:12px;height:12px}\r\n .cm-form-corner{display:none}\r\n .ch-particle{display:none}\r\n}\r\n@media(max-width:380px){\r\n .contact-hero{min-height:270px}\r\n .ch-title{font-size:28px}\r\n .ch-subtitle{font-size:14px}\r\n .contact-main{padding:40px 4%}\r\n .cm-info-title{font-size:23px}\r\n .cm-info-desc{font-size:13px}\r\n .cm-card{padding:14px 12px;gap:12px}\r\n .cm-card-icon{width:40px;height:40px}\r\n .cm-card-icon svg{width:16px;height:16px}\r\n .cm-card-body h4{font-size:13px}\r\n .cm-card-body p,.cm-card-body a{font-size:12px}\r\n .cm-form-card{padding:22px 18px;border-radius:14px}\r\n .cm-form-header h3{font-size:18px}\r\n .cm-form-card input,.cm-form-card select,.cm-form-card textarea{\r\n padding:12px 14px 12px 36px;font-size:13px;border-radius:9px;\r\n }\r\n .cm-submit-btn{padding:14px 20px;font-size:12px;border-radius:10px}\r\n .ch-corner{display:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n var cpo=new IntersectionObserver(function(entries){\r\n entries.forEach(function(en){\r\n if(en.isIntersecting){\r\n var d=en.target.getAttribute('data-cp-delay')||0;\r\n setTimeout(function(){en.target.classList.add('cp-visible')},parseInt(d));\r\n cpo.unobserve(en.target);\r\n }\r\n });\r\n },{threshold:0.1,rootMargin:'0px 0px -20px 0px'});\r\n document.querySelectorAll('.cp-anim').forEach(function(i){cpo.observe(i)});\r\n})();\r\n\r\nfunction sendContactWhatsApp(e){\r\n e.preventDefault();\r\n var name=document.getElementById('cp_name').value.trim();\r\n var email=document.getElementById('cp_email').value.trim();\r\n var phone=document.getElementById('cp_phone').value.trim();\r\n var subject=document.getElementById('cp_subject').value.trim();\r\n var fabric=document.getElementById('cp_fabric').value;\r\n var message=document.getElementById('cp_message').value.trim();\r\n var phoneNumber='971XXXXXXXXX';\r\n var waMsg='Hello Feroz Khyber! \ud83d\udc4b\\n\\n';\r\n waMsg+='*--- New Inquiry ---*\\n\\n';\r\n waMsg+='*Name:* '+name+'\\n';\r\n waMsg+='*Email:* '+email+'\\n';\r\n if(phone) waMsg+='*Phone:* '+phone+'\\n';\r\n if(subject) waMsg+='*Subject:* '+subject+'\\n';\r\n if(fabric) waMsg+='*Fabric Type:* '+fabric+'\\n';\r\n waMsg+='\\n*Message:*\\n'+message+'\\n';\r\n var encoded=encodeURIComponent(waMsg);\r\n window.open('https:\/\/wa.me\/'+phoneNumber+'?text='+encoded,'_blank');\r\n return false;\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-5be2139 e-con-full e-flex e-con e-parent\" data-id=\"5be2139\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c51234e elementor-widget elementor-widget-html\" data-id=\"c51234e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== FOOTER ===== -->\r\n<footer class=\"site-footer\">\r\n\r\n <!-- Top Gold Accent -->\r\n <div class=\"footer-top-accent\"><\/div>\r\n\r\n <!-- Main Footer -->\r\n <div class=\"footer-main\">\r\n <div class=\"footer-container\">\r\n\r\n <!-- COL 1: LOGO + ABOUT -->\r\n <div class=\"footer-col footer-about\">\r\n <a href=\"#\" class=\"footer-logo-link\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-5-2026-10_13_04-AM-e1772788317129.png\" class=\"footer-logo\" alt=\"Feroz Khyber\">\r\n <\/a>\r\n <p class=\"footer-about-text\">\r\n Feroz Khyber is a trusted textile supplier delivering premium cotton fabrics with quality, reliability, and global reach from Dubai.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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.892c-.001 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 <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 2: QUICK LINKS -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg>\r\n <\/span>\r\n Quick Links\r\n <\/h3>\r\n <ul class=\"footer-menu\">\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/home\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Home\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/about-us\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n About Us\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/our-fabrics\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Fabric Categories\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/dresses\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Dresses\r\n <\/a><\/li>\r\n <li><a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Contact\r\n <\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- COL 3: CATEGORIES -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n <\/span>\r\n Categories\r\n <\/h3>\r\n <ul class=\"footer-menu\">\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Digital Cotton\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Printed Cotton\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Summer Digital\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Reactive Digital\r\n <\/a><\/li>\r\n <li><a href=\"#\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n Soft Digital Print\r\n <\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- COL 4: CONTACT -->\r\n <div class=\"footer-col\">\r\n <h3 class=\"footer-heading\">\r\n <span class=\"footer-heading-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/span>\r\n Get In Touch\r\n <\/h3>\r\n <ul class=\"footer-contact-list\">\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Address<\/span>\r\n <span class=\"footer-contact-value\">Dubai, UAE<\/span>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Phone<\/span>\r\n <a href=\"tel:+971558384412\" class=\"footer-contact-value footer-contact-link\">+971 55 838 4412<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"footer-contact-label\">Email<\/span>\r\n <a href=\"mailto:info@ferozkhyber.com\" class=\"footer-contact-value footer-contact-link\">info@ferozkhyber.com<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"footer-contact-icon footer-contact-icon--wa\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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.892c-.001 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 <div>\r\n <span class=\"footer-contact-label\">WhatsApp<\/span>\r\n <a href=\"https:\/\/wa.me\/+971558384412\" target=\"_blank\" class=\"footer-contact-value footer-contact-link\">Chat with us<\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Bar -->\r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-bottom-inner\">\r\n <p class=\"footer-copyright\">\u00a9 2026 <strong>Feroz Khyber<\/strong>. All Rights Reserved.<\/p>\r\n <div class=\"footer-bottom-links\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <span class=\"footer-bottom-sep\"><\/span>\r\n <a href=\"#\">Terms of Service<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n\/* ===== FOOTER \u2014 WHITE PREMIUM ===== *\/\r\n.site-footer {\r\n background: #ffffff;\r\n font-family: 'Krub', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Top Gold Accent *\/\r\n.footer-top-accent {\r\n height: 3px;\r\n background: linear-gradient(90deg, #b8913a, #CFA750, #ECC96B, #CFA750, #b8913a);\r\n}\r\n\r\n\/* Main Footer *\/\r\n.footer-main {\r\n padding: 70px 5% 50px;\r\n position: relative;\r\n}\r\n\r\n.footer-main::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n opacity: 0.018;\r\n background-image:\r\n repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(19,44,80,0.4) 60px, rgba(19,44,80,0.4) 61px),\r\n repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(19,44,80,0.4) 60px, rgba(19,44,80,0.4) 61px);\r\n pointer-events: none;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.3fr;\r\n gap: 50px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ===== COL 1: ABOUT ===== *\/\r\n.footer-logo-link { display: inline-block; margin-bottom: 18px; }\r\n.footer-logo {\r\n width: 160px; display: block;\r\n transition: opacity 0.3s ease;\r\n}\r\n.footer-logo:hover { opacity: 0.7; }\r\n\r\n.footer-about-text {\r\n font-size: 13.5px; font-weight: 400; color: #6b7e94;\r\n line-height: 1.8; margin-bottom: 22px; max-width: 300px;\r\n}\r\n\r\n\/* Social Icons *\/\r\n.footer-socials { display: flex; gap: 10px; }\r\n.footer-social {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n border: 1.5px solid rgba(19,44,80,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n color: #8494a7; text-decoration: none;\r\n transition: all 0.4s ease;\r\n}\r\n.footer-social svg { width: 16px; height: 16px; }\r\n.footer-social:hover {\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n border-color: transparent; color: #fff;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(207,167,80,0.3);\r\n}\r\n\r\n\/* ===== HEADINGS ===== *\/\r\n.footer-heading {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 16px; font-weight: 700; color: #0e2240;\r\n margin-bottom: 24px; position: relative;\r\n padding-bottom: 14px;\r\n}\r\n.footer-heading::after {\r\n content: ''; position: absolute; bottom: 0; left: 0;\r\n width: 30px; height: 2px;\r\n background: linear-gradient(90deg, #CFA750, #ECC96B);\r\n color: #0e2240;\r\n font-weight: 500;\r\n border-radius: 2px;\r\n}\r\n.footer-heading-icon {\r\n width: 30px; height: 30px; border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(207,167,80,0.08), rgba(207,167,80,0.15));\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.footer-heading-icon svg {\r\n width: 14px; height: 14px; color: #CFA750;\r\n}\r\n\r\n\/* ===== MENU LINKS ===== *\/\r\n.footer-menu { list-style: none; padding: 0; margin: 0; }\r\n.footer-menu li { margin-bottom: 0; }\r\n.footer-menu a {\r\n display: flex; align-items: center; gap: 8px;\r\n text-decoration: none; color: #0e2240;\r\n font-size: 13.5px; font-weight: 600;\r\n padding: 8px 0; transition: all 0.3s ease;\r\n position: relative;\r\n}\r\n.footer-menu a svg {\r\n width: 14px; height: 14px; color: rgba(207,167,80,0.4);\r\n transition: all 0.3s ease; flex-shrink: 0;\r\n}\r\n.footer-menu a:hover {\r\n color: #C9952E; padding-left: 6px;\r\n}\r\n.footer-menu a:hover svg {\r\n color: #C9952E; transform: translateX(3px);\r\n}\r\n\r\n\/* ===== CONTACT LIST ===== *\/\r\n.footer-contact-list { list-style: none; padding: 0; margin: 0; }\r\n.footer-contact-list li {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n padding: 10px 0;\r\n border-bottom: 1px solid rgba(19,44,80,0.05);\r\n transition: all 0.3s ease;\r\n}\r\n.footer-contact-list li:last-child { border-bottom: none; }\r\n.footer-contact-list li:hover { padding-left: 4px; }\r\n\r\n.footer-contact-icon {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: linear-gradient(135deg, #0e2240, #163458);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all 0.4s ease;\r\n box-shadow: 0 3px 10px rgba(19,44,80,0.1);\r\n}\r\n.footer-contact-icon svg { width: 15px; height: 15px; color: #ECC96B; }\r\n\r\n.footer-contact-icon--wa {\r\n background: linear-gradient(135deg, #1a8d1a, #25D366);\r\n}\r\n.footer-contact-icon--wa svg { color: #fff; }\r\n\r\n.footer-contact-list li:hover .footer-contact-icon {\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n box-shadow: 0 5px 16px rgba(207,167,80,0.3);\r\n transform: scale(1.06);\r\n}\r\n.footer-contact-list li:hover .footer-contact-icon svg { color: #fff; }\r\n\r\n.footer-contact-list li:hover .footer-contact-icon--wa {\r\n background: linear-gradient(135deg, #158a15, #25D366);\r\n box-shadow: 0 5px 16px rgba(37,211,102,0.3);\r\n}\r\n\r\n.footer-contact-label {\r\n display: block; font-size: 13px; font-weight: 600;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: #94a3b8; margin-bottom: 2px;\r\n}\r\n.footer-contact-value {\r\n display: block; font-size: 13.5px; font-weight: 500;\r\n color:#0e2240;\r\n}\r\n.footer-contact-link {\r\n text-decoration: none; color: #0e2240;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n}\r\n.footer-contact-link:hover { color: #C9952E; }\r\n\r\n\/* ===== BOTTOM BAR ===== *\/\r\n.footer-bottom {\r\n border-top: 1px solid rgba(19,44,80,0.07);\r\n padding: 0 5%;\r\n background: #fafbfc;\r\n}\r\n.footer-bottom-inner {\r\n max-width: 1200px; margin: 0 auto;\r\n padding: 20px 0;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.footer-copyright {\r\n font-size: 12.5px; color: #8494a7; font-weight: 300;\r\n}\r\n.footer-copyright strong {\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #b8913a, #CFA750, #ECC96B);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.footer-bottom-links {\r\n display: flex; align-items: center; gap: 16px;\r\n}\r\n.footer-bottom-links a {\r\n font-size: 12px; color: #8494a7;\r\n text-decoration: none; font-weight: 400;\r\n transition: color 0.3s ease;\r\n}\r\n.footer-bottom-links a:hover { color: #C9952E; }\r\n.footer-bottom-sep {\r\n width: 1px; height: 12px;\r\n background: rgba(19,44,80,0.1);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1100px) {\r\n .footer-container {\r\n grid-template-columns: 1.5fr 1fr 1fr;\r\n gap: 40px;\r\n }\r\n .footer-col:nth-child(1) { grid-column: 1 \/ -1; }\r\n .footer-about-text { max-width: 500px; }\r\n .footer-main { padding: 60px 5% 40px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .footer-container {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 36px;\r\n }\r\n .footer-col:nth-child(1) { grid-column: 1 \/ -1; }\r\n .footer-heading { font-size: 15px; margin-bottom: 20px; padding-bottom: 12px; }\r\n .footer-main { padding: 50px 5% 36px; }\r\n .footer-logo { width: 140px; }\r\n .footer-about-text { font-size: 13px; max-width: 400px; }\r\n .footer-menu a { font-size: 13px; padding: 7px 0; }\r\n .footer-contact-value { font-size: 13px; }\r\n .footer-bottom-inner {\r\n flex-direction: column; gap: 10px; text-align: center;\r\n }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n .footer-container {\r\n grid-template-columns: 1fr;\r\n gap: 30px; text-align: center;\r\n }\r\n .footer-col:nth-child(1) { grid-column: auto; }\r\n .footer-logo { margin: 0 auto 16px; }\r\n .footer-about-text { margin: 0 auto 18px; max-width: 340px; }\r\n .footer-socials { justify-content: center; }\r\n .footer-heading { justify-content: center; }\r\n .footer-heading::after { left: 50%; transform: translateX(-50%); }\r\n .footer-menu a { justify-content: center; }\r\n .footer-contact-list li { justify-content: center; }\r\n .footer-main { padding: 44px 5% 30px; }\r\n .footer-heading { font-size: 14px; margin-bottom: 18px; }\r\n .footer-social { width: 34px; height: 34px; }\r\n .footer-social svg { width: 14px; height: 14px; }\r\n .footer-contact-icon { width: 32px; height: 32px; }\r\n .footer-contact-icon svg { width: 13px; height: 13px; }\r\n .footer-contact-label { font-size: 9px; }\r\n .footer-contact-value { font-size: 12.5px; }\r\n .footer-copyright { font-size: 11.5px; }\r\n .footer-bottom-links a { font-size: 11px; }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n .footer-main { padding: 36px 4% 24px; }\r\n .footer-container { gap: 24px; }\r\n .footer-logo { width: 120px; }\r\n .footer-about-text { font-size: 12px; }\r\n .footer-heading { font-size: 13px; }\r\n .footer-menu a { font-size: 12px; padding: 6px 0; }\r\n .footer-menu a svg { width: 12px; height: 12px; }\r\n}\r\n<\/style>\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>Feroz Khyber General Trading LLC Home Our Fabrics Collections Digital Cotton Printed Cotton Fabric Summer Digital Cotton Reactive Digital Cotton […]<\/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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":28,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}