{"id":10,"date":"2026-03-06T08:35:12","date_gmt":"2026-03-06T08:35:12","guid":{"rendered":"https:\/\/firozkhyber.justeasyshop.com\/?page_id=10"},"modified":"2026-03-10T07:52:14","modified_gmt":"2026-03-10T07:52:14","slug":"about-us","status":"publish","type":"page","link":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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-92dbe63 e-con-full e-flex e-con e-parent\" data-id=\"92dbe63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b74564 elementor-widget elementor-widget-html\" data-id=\"9b74564\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>About Us \u2014 Feroz Khyber General Trading LLC<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Krub:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\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 --gold-text-gradient: linear-gradient(135deg, #b8913a 0%, #CFA750 50%, #e0c47a 100%);\r\n --white: #ffffff;\r\n --off-white: #fdfcfa;\r\n --cream: #f9f7f3;\r\n --light-gold-bg: #fdf9f0;\r\n --text-dark: #2a2a2a;\r\n --text-medium: #5a6a7a;\r\n --text-light: #8a95a3;\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 {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Krub', sans-serif;\r\n background: var(--white);\r\n color: var(--text-dark);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* =============================================\r\n HERO SECTION\r\n ============================================= *\/\r\n .about-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 55vh;\r\n min-height: 300px;\r\n max-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .about-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n }\r\n\r\n .about-hero-bg img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n .about-hero-bg-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n linear-gradient(135deg, #0d1f38 0%, #132C50 40%, #1a3a66 70%, #132C50 100%);\r\n position: relative;\r\n }\r\n\r\n .about-hero-bg-placeholder::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image:\r\n repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.3) 2px, rgba(255,255,255,0.3) 3px),\r\n repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255,255,255,0.3) 2px, rgba(255,255,255,0.3) 3px);\r\n background-size: 8px 8px;\r\n }\r\n\r\n .about-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 2;\r\n background:\r\n linear-gradient(180deg,\r\n rgba(10, 26, 48, 0.3) 0%,\r\n rgba(10, 26, 48, 0.2) 40%,\r\n rgba(10, 26, 48, 0.5) 100%\r\n );\r\n }\r\n\r\n \/* Corner Frames *\/\r\n .about-hero-corner {\r\n position: absolute;\r\n width: 60px;\r\n height: 60px;\r\n z-index: 4;\r\n opacity: 0.2;\r\n }\r\n\r\n .about-hero-corner--tl { top: 30px; left: 30px; border-top: 1.5px solid var(--gold); border-left: 1.5px solid var(--gold); }\r\n .about-hero-corner--tr { top: 30px; right: 30px; border-top: 1.5px solid var(--gold); border-right: 1.5px solid var(--gold); }\r\n .about-hero-corner--bl { bottom: 30px; left: 30px; border-bottom: 1.5px solid var(--gold); border-left: 1.5px solid var(--gold); }\r\n .about-hero-corner--br { bottom: 30px; right: 30px; border-bottom: 1.5px solid var(--gold); border-right: 1.5px solid var(--gold); }\r\n\r\n .about-hero-content {\r\n position: relative;\r\n z-index: 5;\r\n text-align: center;\r\n padding: 0 30px;\r\n }\r\n\r\n .about-hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 20px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .about-hero-label-line {\r\n width: 35px;\r\n height: 1px;\r\n background: var(--gold);\r\n opacity: 0.5;\r\n }\r\n\r\n .about-hero-label-text {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 56px;\r\n font-weight: 700;\r\n color: var(--white);\r\n line-height: 1.15;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.4s forwards;\r\n }\r\n\r\n .about-hero-title span {\r\n background: var(--gold-text-gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .about-hero-breadcrumb {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 22px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.6s forwards;\r\n }\r\n\r\n .about-hero-breadcrumb a {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .about-hero-breadcrumb a:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .about-hero-breadcrumb .bc-sep {\r\n font-size: 10px;\r\n color: var(--gold);\r\n opacity: 0.5;\r\n }\r\n\r\n .about-hero-breadcrumb .bc-current {\r\n font-size: 13px;\r\n color: var(--gold);\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Gold Bottom Line *\/\r\n .about-hero-bottom-line {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--gold-gradient);\r\n z-index: 5;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(25px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* =============================================\r\n ABOUT COMPANY SECTION\r\n ============================================= *\/\r\n .about-company {\r\n padding: 80px 5%;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-company-bg-accent {\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 500px;\r\n height: 500px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(207,167,80,0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .about-company-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 70px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Left Image Side *\/\r\n .about-img-block {\r\n position: relative;\r\n }\r\n\r\n .about-img-main {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(19,44,80,0.1);\r\n }\r\n\r\n .about-img-main img {\r\n width: 100%;\r\n height: 480px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .about-img-main:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .about-img-main::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--gold-gradient);\r\n }\r\n\r\n \/* Decorative Frame *\/\r\n .about-img-frame {\r\n position: absolute;\r\n top: -15px;\r\n left: -15px;\r\n right: 40px;\r\n bottom: 40px;\r\n border: 1.5px solid var(--border-gold);\r\n border-radius: 8px;\r\n z-index: -1;\r\n }\r\n\r\n \/* Experience Badge *\/\r\n .about-exp-badge {\r\n position: absolute;\r\n bottom: -25px;\r\n right: -20px;\r\n background: var(--navy);\r\n padding: 24px 28px;\r\n border-radius: 8px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(19,44,80,0.2);\r\n z-index: 3;\r\n border: 1px solid rgba(207,167,80,0.15);\r\n }\r\n\r\n .about-exp-number {\r\n font-size: 38px;\r\n font-weight: 700;\r\n background: var(--gold-text-gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n line-height: 1;\r\n }\r\n\r\n .about-exp-text {\r\n font-size: 11px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.6);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-top: 6px;\r\n }\r\n\r\n \/* Right Content Side *\/\r\n .about-content-block {\r\n position: relative;\r\n }\r\n\r\n .about-section-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .about-section-label-line {\r\n width: 30px;\r\n height: 1.5px;\r\n background: var(--gold-gradient);\r\n }\r\n\r\n .about-section-label-text {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 3.5px;\r\n text-transform: uppercase;\r\n color: var(--gold-dark);\r\n }\r\n\r\n .about-section-title {\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .about-section-title span {\r\n background: var(--gold-text-gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .about-title-line {\r\n width: 50px;\r\n height: 2px;\r\n background: var(--gold-gradient);\r\n margin-bottom: 24px;\r\n border-radius: 2px;\r\n }\r\n\r\n .about-text {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: var(--text-medium);\r\n line-height: 1.85;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .about-text:last-of-type {\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* Highlights *\/\r\n .about-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .about-highlight-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 18px;\r\n background: var(--light-gold-bg);\r\n border-radius: 6px;\r\n border: 1px solid var(--border-gold);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .about-highlight-item:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(207,167,80,0.1);\r\n border-color: rgba(207,167,80,0.3);\r\n }\r\n\r\n .about-highlight-icon {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: var(--white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n border: 1px solid var(--border-gold);\r\n }\r\n\r\n .about-highlight-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n color: var(--gold);\r\n }\r\n\r\n .about-highlight-text {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--navy);\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n \/* Learn More *\/\r\n .about-learn-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 36px;\r\n background: var(--navy);\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 4px 15px rgba(19,44,80,0.15);\r\n }\r\n\r\n .about-learn-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--navy-light);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .about-learn-btn:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .about-learn-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(19,44,80,0.25);\r\n }\r\n\r\n .about-learn-btn span,\r\n .about-learn-btn svg {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-learn-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: var(--gold);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .about-learn-btn:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* =============================================\r\n MISSION & VISION SECTION\r\n ============================================= *\/\r\n .mission-vision {\r\n padding: 110px 5%;\r\n background: var(--cream);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mv-bg-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.015;\r\n background-image:\r\n radial-gradient(circle at 1px 1px, var(--navy) 1px, transparent 0);\r\n background-size: 35px 35px;\r\n pointer-events: none;\r\n }\r\n\r\n .mv-bg-glow {\r\n position: absolute;\r\n width: 500px;\r\n height: 500px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(207,167,80,0.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n bottom: -200px;\r\n left: -200px;\r\n }\r\n\r\n .mv-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Header *\/\r\n .mv-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .mv-header .about-section-label {\r\n justify-content: center;\r\n }\r\n\r\n .mv-header .about-section-title {\r\n font-size: 46px;\r\n }\r\n\r\n .mv-header-subtitle {\r\n font-size: 15px;\r\n color: var(--text-medium);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .mv-title-divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .mv-td-line {\r\n width: 50px;\r\n height: 1px;\r\n }\r\n\r\n .mv-td-line:first-child { background: linear-gradient(90deg, transparent, var(--gold)); opacity: 0.4; }\r\n .mv-td-line:last-child { background: linear-gradient(90deg, var(--gold), transparent); opacity: 0.4; }\r\n\r\n .mv-td-diamond {\r\n width: 8px;\r\n height: 8px;\r\n border: 1.5px solid var(--gold);\r\n transform: rotate(45deg);\r\n opacity: 0.5;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Cards Grid *\/\r\n .mv-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .mv-card {\r\n background: var(--white);\r\n border-radius: 10px;\r\n padding: 50px 44px;\r\n border: 1px solid var(--border-light);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(19,44,80,0.03);\r\n }\r\n\r\n .mv-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 50px rgba(19,44,80,0.08);\r\n border-color: var(--border-gold);\r\n }\r\n\r\n \/* Card Gold Top Line *\/\r\n .mv-card-top-line {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--gold-gradient);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .mv-card:hover .mv-card-top-line {\r\n transform: scaleX(1);\r\n }\r\n\r\n \/* Card Watermark *\/\r\n .mv-card-watermark {\r\n position: absolute;\r\n top: 20px;\r\n right: 24px;\r\n font-size: 80px;\r\n font-weight: 700;\r\n color: rgba(19,44,80,0.02);\r\n line-height: 1;\r\n pointer-events: none;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .mv-card:hover .mv-card-watermark {\r\n color: rgba(207,167,80,0.04);\r\n }\r\n\r\n \/* Card Icon *\/\r\n .mv-card-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n background: var(--light-gold-bg);\r\n border: 1.5px solid var(--border-gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 28px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .mv-card:hover .mv-card-icon {\r\n background: var(--navy);\r\n border-color: var(--navy);\r\n box-shadow: 0 8px 25px rgba(19,44,80,0.15);\r\n }\r\n\r\n .mv-card-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n color: var(--gold);\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .mv-card:hover .mv-card-icon svg {\r\n color: var(--gold-light);\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 8px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .mv-card-title span {\r\n background: var(--gold-text-gradient);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .mv-card-line {\r\n width: 40px;\r\n height: 2px;\r\n background: var(--gold-gradient);\r\n margin-bottom: 20px;\r\n border-radius: 2px;\r\n transition: width 0.4s ease;\r\n }\r\n\r\n .mv-card:hover .mv-card-line {\r\n width: 60px;\r\n }\r\n\r\n .mv-card-text {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: var(--text-medium);\r\n line-height: 1.85;\r\n }\r\n\r\n \/* Values Row *\/\r\n .mv-values {\r\n margin-top: 35px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .mv-value-item {\r\n text-align: center;\r\n padding: 30px 18px;\r\n background: var(--white);\r\n border-radius: 10px;\r\n border: 1px solid var(--border-light);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mv-value-item:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--border-gold);\r\n box-shadow: 0 12px 30px rgba(19,44,80,0.06);\r\n }\r\n\r\n .mv-value-item::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--gold-gradient);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .mv-value-item:hover::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n .mv-value-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: var(--light-gold-bg);\r\n border: 1px solid var(--border-gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .mv-value-item:hover .mv-value-icon {\r\n background: var(--navy);\r\n border-color: var(--navy);\r\n }\r\n\r\n .mv-value-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n color: var(--gold);\r\n transition: color 0.4s ease;\r\n }\r\n\r\n .mv-value-item:hover .mv-value-icon svg {\r\n color: var(--gold-light);\r\n }\r\n\r\n .mv-value-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--navy);\r\n letter-spacing: 0.5px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .mv-value-text {\r\n font-size: 12px;\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* =============================================\r\n FAQ SECTION\r\n ============================================= *\/\r\n .faq-section {\r\n padding: 110px 5%;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-bg-accent {\r\n position: absolute;\r\n top: -150px;\r\n left: -150px;\r\n width: 500px;\r\n height: 500px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(207,167,80,0.03) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .faq-container {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Header *\/\r\n .faq-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .faq-header .about-section-label {\r\n justify-content: center;\r\n }\r\n\r\n .faq-header .about-section-title {\r\n font-size: 46px;\r\n }\r\n\r\n .faq-header-subtitle {\r\n font-size: 15px;\r\n color: var(--text-medium);\r\n max-width: 460px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* FAQ Items *\/\r\n .faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .faq-item {\r\n background: var(--off-white);\r\n border: 1px solid var(--border-light);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--border-gold);\r\n }\r\n\r\n .faq-item.active {\r\n border-color: rgba(207,167,80,0.25);\r\n box-shadow: 0 8px 30px rgba(207,167,80,0.06);\r\n background: var(--white);\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n padding: 22px 28px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n user-select: none;\r\n }\r\n\r\n .faq-question:hover {\r\n background: rgba(207,167,80,0.02);\r\n }\r\n\r\n .faq-q-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex: 1;\r\n }\r\n\r\n .faq-q-number {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n background: var(--light-gold-bg);\r\n border: 1px solid var(--border-gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--gold-dark);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .faq-item.active .faq-q-number {\r\n background: var(--navy);\r\n border-color: var(--navy);\r\n color: var(--gold);\r\n }\r\n\r\n .faq-q-text {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--navy);\r\n line-height: 1.4;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-q-text {\r\n color: var(--navy);\r\n }\r\n\r\n \/* Toggle Icon *\/\r\n .faq-toggle {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1.5px solid var(--border-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n border-color: var(--gold);\r\n background: rgba(207,167,80,0.06);\r\n }\r\n\r\n .faq-toggle-line {\r\n position: absolute;\r\n background: var(--navy);\r\n border-radius: 2px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .faq-toggle-line--h {\r\n width: 12px;\r\n height: 1.5px;\r\n }\r\n\r\n .faq-toggle-line--v {\r\n width: 1.5px;\r\n height: 12px;\r\n }\r\n\r\n .faq-item.active .faq-toggle-line--v {\r\n transform: rotate(90deg);\r\n opacity: 0;\r\n }\r\n\r\n .faq-item.active .faq-toggle-line {\r\n background: var(--gold);\r\n }\r\n\r\n \/* Answer *\/\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;\r\n padding: 0 28px;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 300px;\r\n padding: 0 28px 26px;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding-left: 50px;\r\n position: relative;\r\n }\r\n\r\n .faq-answer-inner::before {\r\n content: '';\r\n position: absolute;\r\n left: 16px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: var(--gold-gradient);\r\n border-radius: 2px;\r\n opacity: 0.3;\r\n }\r\n\r\n .faq-answer-text {\r\n font-size: 14.5px;\r\n font-weight: 400;\r\n color: var(--text-medium);\r\n line-height: 1.85;\r\n }\r\n\r\n \/* CTA Below FAQ *\/\r\n .faq-cta {\r\n text-align: center;\r\n margin-top: 60px;\r\n padding: 45px 40px;\r\n background: var(--light-gold-bg);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: var(--gold-gradient);\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .faq-cta-text {\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n margin-bottom: 26px;\r\n line-height: 1.6;\r\n }\r\n\r\n .faq-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 36px;\r\n background: var(--navy);\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 4px 15px rgba(19,44,80,0.15);\r\n }\r\n\r\n .faq-cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--navy-light);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .faq-cta-btn:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .faq-cta-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(19,44,80,0.25);\r\n }\r\n\r\n .faq-cta-btn span,\r\n .faq-cta-btn svg {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .faq-cta-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n stroke: var(--gold);\r\n fill: none;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-cta-btn:hover svg {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* =============================================\r\n RESPONSIVE\r\n ============================================= *\/\r\n @media (max-width: 1024px) {\r\n .about-company-inner {\r\n gap: 50px;\r\n }\r\n\r\n .about-img-main img {\r\n height: 420px;\r\n }\r\n\r\n .about-section-title {\r\n font-size: 34px;\r\n }\r\n\r\n .mv-header .about-section-title,\r\n .faq-header .about-section-title {\r\n font-size: 38px;\r\n }\r\n\r\n .mv-grid {\r\n gap: 25px;\r\n }\r\n\r\n .mv-card {\r\n padding: 40px 34px;\r\n }\r\n\r\n .mv-values {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-hero {\r\n height: 45vh;\r\n min-height: 320px;\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 40px;\r\n }\r\n\r\n .about-hero-corner {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .about-hero-corner--tl, .about-hero-corner--bl { left: 20px; }\r\n .about-hero-corner--tr, .about-hero-corner--br { right: 20px; }\r\n .about-hero-corner--tl, .about-hero-corner--tr { top: 20px; }\r\n .about-hero-corner--bl, .about-hero-corner--br { bottom: 20px; }\r\n\r\n .about-company {\r\n padding: 80px 5%;\r\n }\r\n\r\n .about-company-inner {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .about-img-frame {\r\n top: -10px;\r\n left: -10px;\r\n right: 30px;\r\n bottom: 30px;\r\n }\r\n\r\n .about-exp-badge {\r\n bottom: -15px;\r\n right: -10px;\r\n padding: 20px 22px;\r\n }\r\n\r\n .about-exp-number {\r\n font-size: 30px;\r\n }\r\n\r\n .about-img-main img {\r\n height: 380px;\r\n }\r\n\r\n .about-section-title {\r\n font-size: 30px;\r\n }\r\n\r\n .about-highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .mission-vision {\r\n padding: 80px 5%;\r\n }\r\n\r\n .mv-header .about-section-title,\r\n .faq-header .about-section-title {\r\n font-size: 32px;\r\n }\r\n\r\n .mv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .mv-card {\r\n padding: 36px 28px;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 22px;\r\n }\r\n\r\n .mv-values {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .mv-value-item {\r\n padding: 24px 14px;\r\n }\r\n\r\n .faq-section {\r\n padding: 80px 5%;\r\n }\r\n\r\n .faq-question {\r\n padding: 20px 22px;\r\n }\r\n\r\n .faq-q-text {\r\n font-size: 15px;\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 22px;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 0 22px 22px;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding-left: 42px;\r\n }\r\n\r\n .faq-cta {\r\n padding: 36px 28px;\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-hero {\r\n height: 40vh;\r\n min-height: 280px;\r\n }\r\n\r\n .about-hero-title {\r\n font-size: 30px;\r\n }\r\n\r\n .about-hero-label-text {\r\n font-size: 9px;\r\n letter-spacing: 3px;\r\n }\r\n\r\n .about-hero-breadcrumb a,\r\n .about-hero-breadcrumb .bc-current {\r\n font-size: 11px;\r\n }\r\n\r\n .about-hero-corner {\r\n width: 30px;\r\n height: 30px;\r\n opacity: 0.15;\r\n }\r\n\r\n .about-hero-corner--tl, .about-hero-corner--bl { left: 14px; }\r\n .about-hero-corner--tr, .about-hero-corner--br { right: 14px; }\r\n .about-hero-corner--tl, .about-hero-corner--tr { top: 14px; }\r\n .about-hero-corner--bl, .about-hero-corner--br { bottom: 14px; }\r\n\r\n .about-company {\r\n padding: 60px 5%;\r\n }\r\n\r\n .about-img-main img {\r\n height: 300px;\r\n }\r\n\r\n .about-img-frame {\r\n display: none;\r\n }\r\n\r\n .about-exp-badge {\r\n bottom: -12px;\r\n right: 10px;\r\n padding: 16px 18px;\r\n }\r\n\r\n .about-exp-number {\r\n font-size: 26px;\r\n }\r\n\r\n .about-exp-text {\r\n font-size: 9px;\r\n }\r\n\r\n .about-section-title {\r\n font-size: 26px;\r\n }\r\n\r\n .about-text {\r\n font-size: 14px;\r\n }\r\n\r\n .about-highlight-item {\r\n padding: 12px 14px;\r\n }\r\n\r\n .about-highlight-text {\r\n font-size: 12px;\r\n }\r\n\r\n .about-learn-btn {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 14px 28px;\r\n font-size: 12px;\r\n }\r\n\r\n .mission-vision {\r\n padding: 60px 5%;\r\n }\r\n\r\n .mv-header .about-section-title,\r\n .faq-header .about-section-title {\r\n font-size: 26px;\r\n }\r\n\r\n .mv-card {\r\n padding: 30px 22px;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 20px;\r\n }\r\n\r\n .mv-card-text {\r\n font-size: 14px;\r\n }\r\n\r\n .mv-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n }\r\n\r\n .mv-card-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .mv-values {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .mv-value-item {\r\n padding: 20px 12px;\r\n }\r\n\r\n .mv-value-title {\r\n font-size: 12px;\r\n }\r\n\r\n .mv-value-text {\r\n font-size: 11px;\r\n }\r\n\r\n .mv-value-icon {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .faq-section {\r\n padding: 60px 5%;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 18px;\r\n }\r\n\r\n .faq-q-number {\r\n width: 30px;\r\n height: 30px;\r\n font-size: 11px;\r\n }\r\n\r\n .faq-q-text {\r\n font-size: 14px;\r\n }\r\n\r\n .faq-toggle {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .faq-toggle-line--h { width: 10px; }\r\n .faq-toggle-line--v { height: 10px; }\r\n\r\n .faq-answer-inner {\r\n padding-left: 0;\r\n }\r\n\r\n .faq-answer-inner::before {\r\n display: none;\r\n }\r\n\r\n .faq-answer-text {\r\n font-size: 13px;\r\n }\r\n\r\n .faq-cta {\r\n padding: 30px 20px;\r\n }\r\n\r\n .faq-cta-title {\r\n font-size: 18px;\r\n }\r\n\r\n .faq-cta-text {\r\n font-size: 13px;\r\n }\r\n\r\n .faq-cta-btn {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 13px 28px;\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HEADER GOES HERE -->\r\n\r\n <!-- =============================================\r\n HERO SECTION\r\n ============================================= -->\r\n <section class=\"about-hero\">\r\n <div class=\"about-hero-bg\">\r\n <!-- Replace with your image: <img decoding=\"async\" src=\"about-hero.jpg\" alt=\"About Feroz Khyber\"> -->\r\n <div class=\"about-hero-bg-placeholder\"><\/div>\r\n <\/div>\r\n <div class=\"about-hero-overlay\"><\/div>\r\n <div class=\"about-hero-corner about-hero-corner--tl\"><\/div>\r\n <div class=\"about-hero-corner about-hero-corner--tr\"><\/div>\r\n <div class=\"about-hero-corner about-hero-corner--bl\"><\/div>\r\n <div class=\"about-hero-corner about-hero-corner--br\"><\/div>\r\n <div class=\"about-hero-content\">\r\n <div class=\"about-hero-label\">\r\n <span class=\"about-hero-label-line\"><\/span>\r\n <span class=\"about-hero-label-text\">Feroz Khyber<\/span>\r\n <span class=\"about-hero-label-line\"><\/span>\r\n <\/div>\r\n <h1 class=\"about-hero-title\">About <span>Us<\/span><\/h1>\r\n <div class=\"about-hero-breadcrumb\">\r\n <a href=\"#\">Home<\/a>\r\n <span class=\"bc-sep\">\u25c6<\/span>\r\n <span class=\"bc-current\">About Us<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-hero-bottom-line\"><\/div>\r\n <\/section>\r\n\r\n <!-- =============================================\r\n ABOUT COMPANY\r\n ============================================= -->\r\n <section class=\"about-company\">\r\n <div class=\"about-company-bg-accent\"><\/div>\r\n <div class=\"about-company-inner\">\r\n\r\n <!-- Left Image -->\r\n <div class=\"about-img-block\">\r\n <div class=\"about-img-frame\"><\/div>\r\n <div class=\"about-img-main\">\r\n <img decoding=\"async\" src=\"https:\/\/firozkhyber.justeasyshop.com\/wp-content\/uploads\/2026\/03\/ed344905-3143-4147-93b2-62cd147c82d3-1.jpg\" alt=\"Fabric Showroom\">\r\n <\/div>\r\n <div class=\"about-exp-badge\">\r\n <div class=\"about-exp-number\">9+<\/div>\r\n <div class=\"about-exp-text\">Years Experience<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Content -->\r\n <div class=\"about-content-block\">\r\n <div class=\"about-section-label\">\r\n <span class=\"about-section-label-line\"><\/span>\r\n <span class=\"about-section-label-text\">Who We Are<\/span>\r\n <\/div>\r\n <h2 class=\"about-section-title\">Dubai's Trusted <span>Fabric<\/span> Trading Partner<\/h2>\r\n <div class=\"about-title-line\"><\/div>\r\n <p class=\"about-text\">\r\n Feroz Khyber General Trading LLC is a premier fabric supplier based in Dubai, UAE. We specialize in providing high-quality digital cotton fabrics to businesses, designers, and retailers across the region and beyond.\r\n <\/p>\r\n <p class=\"about-text\">\r\n With years of experience in the textile industry, we have built a strong reputation for delivering premium fabrics that combine exceptional quality, vibrant prints, and competitive pricing. Our commitment to excellence drives everything we do.\r\n <\/p>\r\n\r\n <div class=\"about-highlights\">\r\n <div class=\"about-highlight-item\">\r\n <div class=\"about-highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-highlight-text\">Premium Quality Fabrics<\/span>\r\n <\/div>\r\n <div class=\"about-highlight-item\">\r\n <div class=\"about-highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-highlight-text\">Timely Delivery<\/span>\r\n <\/div>\r\n <div class=\"about-highlight-item\">\r\n <div class=\"about-highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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 <\/div>\r\n <span class=\"about-highlight-text\">Trusted Worldwide<\/span>\r\n <\/div>\r\n <div class=\"about-highlight-item\">\r\n <div class=\"about-highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"about-highlight-text\">500+ Happy Clients<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/firozkhyber.justeasyshop.com\/index.php\/contact-us\/\" class=\"about-learn-btn\">\r\n <span>Contact Us<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =============================================\r\n MISSION & VISION\r\n ============================================= -->\r\n <section class=\"mission-vision\">\r\n <div class=\"mv-bg-pattern\"><\/div>\r\n <div class=\"mv-bg-glow\"><\/div>\r\n <div class=\"mv-container\">\r\n\r\n <div class=\"mv-header\">\r\n <div class=\"about-section-label\">\r\n <span class=\"about-section-label-line\"><\/span>\r\n <span class=\"about-section-label-text\">Our Purpose<\/span>\r\n <span class=\"about-section-label-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"about-section-title\">Mission & <span>Vision<\/span><\/h2>\r\n <div class=\"mv-title-divider\">\r\n <span class=\"mv-td-line\"><\/span>\r\n <span class=\"mv-td-diamond\"><\/span>\r\n <span class=\"mv-td-line\"><\/span>\r\n <\/div>\r\n <p class=\"mv-header-subtitle\">The principles that guide our journey towards excellence in fabric trading.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mv-grid\">\r\n\r\n <!-- Mission -->\r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-top-line\"><\/div>\r\n <div class=\"mv-card-watermark\">M<\/div>\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">Our <span>Mission<\/span><\/h3>\r\n <div class=\"mv-card-line\"><\/div>\r\n <p class=\"mv-card-text\">\r\n To provide the finest quality digital cotton fabrics to our clients worldwide, ensuring exceptional value, timely delivery, and building lasting partnerships that drive mutual growth in the textile industry.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Vision -->\r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-top-line\"><\/div>\r\n <div class=\"mv-card-watermark\">V<\/div>\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">Our <span>Vision<\/span><\/h3>\r\n <div class=\"mv-card-line\"><\/div>\r\n <p class=\"mv-card-text\">\r\n To become the most trusted and preferred fabric trading company in the Middle East and beyond, recognized for our commitment to quality, innovation, and customer satisfaction in every thread we deliver.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Core Values -->\r\n <div class=\"mv-values\">\r\n <div class=\"mv-value-item\">\r\n <div class=\"mv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mv-value-title\">Quality First<\/div>\r\n <div class=\"mv-value-text\">Premium fabrics that exceed expectations<\/div>\r\n <\/div>\r\n <div class=\"mv-value-item\">\r\n <div class=\"mv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mv-value-title\">Client Focus<\/div>\r\n <div class=\"mv-value-text\">Building relationships that last forever<\/div>\r\n <\/div>\r\n <div class=\"mv-value-item\">\r\n <div class=\"mv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mv-value-title\">Innovation<\/div>\r\n <div class=\"mv-value-text\">Latest designs and printing technology<\/div>\r\n <\/div>\r\n <div class=\"mv-value-item\">\r\n <div class=\"mv-value-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mv-value-title\">Global Reach<\/div>\r\n <div class=\"mv-value-text\">Serving clients across continents<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =============================================\r\n FAQ SECTION\r\n ============================================= -->\r\n <section class=\"faq-section\">\r\n <div class=\"faq-bg-accent\"><\/div>\r\n <div class=\"faq-container\">\r\n\r\n <div class=\"faq-header\">\r\n <div class=\"about-section-label\">\r\n <span class=\"about-section-label-line\"><\/span>\r\n <span class=\"about-section-label-text\">Have Questions?<\/span>\r\n <span class=\"about-section-label-line\"><\/span>\r\n <\/div>\r\n <h2 class=\"about-section-title\">Frequently Asked <span>Questions<\/span><\/h2>\r\n <div class=\"mv-title-divider\">\r\n <span class=\"mv-td-line\"><\/span>\r\n <span class=\"mv-td-diamond\"><\/span>\r\n <span class=\"mv-td-line\"><\/span>\r\n <\/div>\r\n <p class=\"faq-header-subtitle\">Find answers to the most common questions about our fabrics and services.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-list\">\r\n\r\n <!-- FAQ 1 -->\r\n <div class=\"faq-item active\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">01<\/span>\r\n <span class=\"faq-q-text\">What types of fabrics do you offer?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">We specialize in premium cotton fabrics including Digital Cotton, Printed Cotton Fabric, Summer Digital Cotton, Reactive Digital Cotton, and Soft Digital Print Cotton. Each category features a wide variety of designs, colors, and patterns.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 2 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">02<\/span>\r\n <span class=\"faq-q-text\">Do you offer bulk or wholesale pricing?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">Yes, we offer competitive wholesale and bulk pricing for businesses and retailers. Our pricing structure is designed to provide maximum value while maintaining premium quality. Contact our team for a custom quote based on your requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 3 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">03<\/span>\r\n <span class=\"faq-q-text\">Where are you located and do you ship internationally?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">We are based in Dubai, UAE. Yes, we ship internationally to clients across the Middle East, Asia, Africa, and Europe. Our logistics team ensures safe packaging and timely delivery to your destination.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 4 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">04<\/span>\r\n <span class=\"faq-q-text\">Can I request fabric samples before ordering?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">Absolutely! We encourage our clients to request samples before placing large orders. This ensures you are completely satisfied with the fabric quality, texture, color, and print before committing. Contact us to arrange sample delivery.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 5 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">05<\/span>\r\n <span class=\"faq-q-text\">What is the minimum order quantity?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">Our minimum order quantity varies by fabric type. We are flexible and work with both small boutique orders and large wholesale requirements. Reach out to our sales team for specific MOQ details for your chosen fabrics.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 6 -->\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <div class=\"faq-q-left\">\r\n <span class=\"faq-q-number\">06<\/span>\r\n <span class=\"faq-q-text\">What makes your fabrics different from competitors?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <span class=\"faq-toggle-line faq-toggle-line--h\"><\/span>\r\n <span class=\"faq-toggle-line faq-toggle-line--v\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p class=\"faq-answer-text\">Our fabrics stand out due to their superior print quality, color fastness, soft hand-feel, and durability. We source from the best mills and use advanced digital printing technology to ensure vibrant, long-lasting designs that meet international standards.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- CTA Box -->\r\n <div class=\"faq-cta\">\r\n <h3 class=\"faq-cta-title\">Still have questions?<\/h3>\r\n <p class=\"faq-cta-text\">Our team is ready to help you find the perfect fabric for your needs.<\/p>\r\n <a href=\"https:\/\/wa.me\/971558384412\" class=\"faq-cta-btn\">\r\n <span>Contact Our Team<\/span>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER GOES HERE -->\r\n\r\n <script>\r\n function toggleFaq(el) {\r\n const item = el.closest('.faq-item');\r\n const allItems = document.querySelectorAll('.faq-item');\r\n\r\n allItems.forEach(faq => {\r\n if (faq !== item) {\r\n faq.classList.remove('active');\r\n }\r\n });\r\n\r\n item.classList.toggle('active');\r\n }\r\n\r\n \/\/ Scroll reveal animation\r\n const observerOptions = {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('revealed');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.about-img-block, .about-content-block, .mv-card, .mv-value-item, .faq-item, .faq-cta').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.mv-value-item').forEach((el, i) => {\r\n el.style.transitionDelay = `${i * 0.1}s`;\r\n });\r\n\r\n document.querySelectorAll('.faq-item').forEach((el, i) => {\r\n el.style.transitionDelay = `${i * 0.08}s`;\r\n });\r\n\r\n \/\/ Add revealed class styles\r\n const style = document.createElement('style');\r\n style.textContent = `.revealed { opacity: 1 !important; transform: translateY(0) !important; }`;\r\n document.head.appendChild(style);\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-3c236cd e-con-full e-flex e-con e-parent\" data-id=\"3c236cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a02081 elementor-widget elementor-widget-html\" data-id=\"4a02081\" 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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":16,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/firozkhyber.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}