{"id":36,"date":"2026-02-13T19:18:24","date_gmt":"2026-02-13T19:18:24","guid":{"rendered":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/?page_id=36"},"modified":"2026-02-24T07:11:59","modified_gmt":"2026-02-24T07:11:59","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Us - DGTCO | Diyaar General Trading | MY Uniforms<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n :root{\r\n --primary:#0a0a0a;--secondary:#111111;--tertiary:#1a1a1a;\r\n --accent:#e31837;--accent-dark:#b81230;--accent-light:#ff2d4b;\r\n --red-gradient:linear-gradient(135deg,#e31837,#ff2d4b,#e31837);\r\n --dark-gradient:linear-gradient(135deg,#0a0a0a,#111111,#1a1a1a);\r\n --white:#ffffff;--text-light:#777;\r\n }\r\n html{scroll-behavior:smooth}\r\n body{font-family:'Poppins',sans-serif;overflow-x:hidden;background:var(--primary);color:#fff}\r\n .container{max-width:1400px;margin:0 auto;padding:0 20px}\r\n\r\n \/* PRELOADER *\/\r\n .preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999999;transition:opacity .6s,visibility .6s}\r\n .preloader.hidden{opacity:0;visibility:hidden}\r\n .preloader-logo{width:80px;height:80px;margin-bottom:30px;animation:pp 1.5s ease-in-out infinite}\r\n .preloader-logo img{width:100%;height:100%;object-fit:contain}\r\n @keyframes pp{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}\r\n .preloader-bar{width:200px;height:3px;background:rgba(227,24,55,.15);border-radius:10px;overflow:hidden}\r\n .preloader-bar-fill{width:0;height:100%;background:var(--red-gradient);border-radius:10px;animation:pf 1.5s ease-in-out forwards}\r\n @keyframes pf{to{width:100%}}\r\n\r\n \/* CURSOR *\/\r\n .custom-cursor{width:20px;height:20px;border:2px solid var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:999998;transition:transform .15s,width .3s,height .3s;transform:translate(-50%,-50%)}\r\n .custom-cursor.hover{width:50px;height:50px;background:rgba(227,24,55,.1)}\r\n .cursor-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:999999;transform:translate(-50%,-50%);transition:transform .08s}\r\n\r\n \/* TOP BAR *\/\r\n .top-bar{background:var(--primary);padding:10px 0;border-bottom:1px solid rgba(227,24,55,.15);position:relative;z-index:1001}\r\n .top-bar .container{display:flex;justify-content:space-between;align-items:center}\r\n .top-bar-left{display:flex;align-items:center;gap:30px;flex-wrap:wrap}\r\n .top-bar-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:13px;text-decoration:none;transition:all .3s}\r\n .top-bar-item:hover{color:var(--accent)}\r\n .top-bar-item i{color:var(--accent);font-size:13px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.2);flex-shrink:0}\r\n .top-bar-right{display:flex;align-items:center;gap:8px}\r\n .social-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(227,24,55,.25);color:var(--accent);text-decoration:none;font-size:13px;transition:all .3s}\r\n .social-link:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 20px rgba(227,24,55,.4)}\r\n\r\n \/* HEADER *\/\r\n .header{background:rgba(10,10,10,.95);backdrop-filter:blur(30px);position:sticky;top:0;z-index:1000;transition:all .4s;border-bottom:1px solid rgba(227,24,55,.1)}\r\n .header.scrolled{background:rgba(10,10,10,.98);box-shadow:0 5px 40px rgba(227,24,55,.1);border-bottom-color:rgba(227,24,55,.2)}\r\n .header .container{display:flex;justify-content:space-between;align-items:center;height:90px}\r\n .logo{display:flex;align-items:center;text-decoration:none}\r\n .logo img{height:65px;width:auto;object-fit:contain;transition:all .3s;filter:drop-shadow(0 0 10px rgba(227,24,55,.2))}\r\n .logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(227,24,55,.4))}\r\n .nav-menu{display:flex;align-items:center;gap:5px;list-style:none}\r\n .nav-menu li a{text-decoration:none;color:rgba(255,255,255,.8);font-weight:500;font-size:14px;padding:12px 25px;border-radius:50px;transition:all .3s;letter-spacing:.8px;text-transform:uppercase;position:relative}\r\n .nav-menu li a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);transition:all .3s;transform:translateX(-50%)}\r\n .nav-menu li a:hover{color:#fff}\r\n .nav-menu li a:hover::before{width:60%}\r\n .nav-menu li a.active{color:#fff;background:rgba(227,24,55,.15);border:1px solid rgba(227,24,55,.3)}\r\n .nav-cta{background:var(--red-gradient)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 20px rgba(227,24,55,.4);border:none!important}\r\n .nav-cta::before{display:none!important}\r\n .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(227,24,55,.6)!important}\r\n\r\n \/* HAMBURGER *\/\r\n .hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:12px;z-index:1100;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.3);border-radius:12px;width:52px;height:52px;align-items:center;justify-content:center;transition:all .3s}\r\n .hamburger:hover{background:var(--accent);border-color:var(--accent)}\r\n .hamburger:hover span{background:#fff}\r\n .hamburger span{width:22px;height:2px;background:var(--accent);border-radius:10px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}\r\n .hamburger.active{background:var(--accent);border-color:var(--accent)}\r\n .hamburger.active span{background:#fff}\r\n .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\r\n .hamburger.active span:nth-child(2){opacity:0;transform:translateX(-20px)}\r\n .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\r\n\r\n \/* MOBILE *\/\r\n \/* MOBILE OVERLAY *\/\r\n.mobile-overlay{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(0,0,0,.7);\r\n backdrop-filter:blur(8px);\r\n z-index:1050;\r\n opacity:0;\r\n visibility:hidden;\r\n pointer-events:none;\r\n transition:opacity .4s ease;\r\n}\r\n.mobile-overlay.active{\r\n opacity:1;\r\n visibility:visible;\r\n pointer-events:auto;\r\n}\r\n\r\n\/* MOBILE MENU *\/\r\n.mobile-menu{\r\n position:fixed;\r\n top:0;\r\n right:-420px;\r\n width:400px;\r\n max-width:92vw;\r\n height:100%;\r\n background:linear-gradient(180deg,#0a0a0a,#111);\r\n z-index:1060;\r\n transition:right .5s cubic-bezier(.65,0,.35,1);\r\n overflow-y:auto;\r\n border-left:1px solid rgba(227,24,55,.2);\r\n visibility:hidden;\r\n}\r\n.mobile-menu.active{\r\n right:0;\r\n visibility:visible;\r\n}\r\n .mobile-menu-header{padding:30px;border-bottom:1px solid rgba(227,24,55,.1);display:flex;align-items:center;justify-content:space-between;background:rgba(227,24,55,.03)}\r\n .mobile-menu-header img{height:50px;filter:drop-shadow(0 0 10px rgba(227,24,55,.3))}\r\n .mobile-close{width:42px;height:42px;border:1px solid rgba(227,24,55,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:16px;cursor:pointer;transition:all .3s;background:rgba(227,24,55,.05)}\r\n .mobile-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}\r\n .mobile-menu-nav{padding:15px 0;list-style:none}\r\n .mobile-menu-nav li{opacity:0;transform:translateX(30px);transition:all .4s}\r\n .mobile-menu.active .mobile-menu-nav li{opacity:1;transform:translateX(0)}\r\n .mobile-menu.active .mobile-menu-nav li:nth-child(1){transition-delay:.1s}\r\n .mobile-menu.active .mobile-menu-nav li:nth-child(2){transition-delay:.15s}\r\n .mobile-menu.active .mobile-menu-nav li:nth-child(3){transition-delay:.2s}\r\n .mobile-menu.active .mobile-menu-nav li:nth-child(4){transition-delay:.25s}\r\n .mobile-menu.active .mobile-menu-nav li:nth-child(5){transition-delay:.3s}\r\n .mobile-menu-nav li a{display:flex;align-items:center;gap:16px;padding:18px 30px;color:rgba(255,255,255,.85);text-decoration:none;font-size:16px;font-weight:500;transition:all .3s;border-left:3px solid transparent}\r\n .mobile-menu-nav li a i{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.15);border-radius:12px;color:var(--accent);transition:all .3s}\r\n .mobile-menu-nav li a:hover,.mobile-menu-nav li a.active{background:rgba(227,24,55,.06);color:#fff;border-left-color:var(--accent)}\r\n .mobile-menu-nav li a:hover i,.mobile-menu-nav li a.active i{background:var(--accent);color:#fff}\r\n .mobile-menu-divider{height:1px;background:rgba(227,24,55,.1);margin:10px 30px}\r\n .mobile-menu-contact{padding:25px 30px}\r\n .mobile-menu-contact h4{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}\r\n .mobile-contact-item{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:rgba(255,255,255,.6);font-size:14px;text-decoration:none;transition:color .3s}\r\n .mobile-contact-item:hover{color:var(--accent)}\r\n .mobile-contact-item i{color:var(--accent);width:18px;text-align:center}\r\n .mobile-social{display:flex;gap:10px;padding:20px 30px 40px}\r\n .mobile-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.2);color:var(--accent);text-decoration:none;font-size:16px;transition:all .3s}\r\n .mobile-social a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,24,55,.3)}\r\n\r\n \/* PAGE HERO *\/\r\n .page-hero{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}\r\n .page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https:\/\/images.unsplash.com\/photo-1423666639041-f56000c27a9a?w=1600&h=700&fit=crop');background-size:cover;background-position:center;transform:scale(1.1);animation:heroZoom 20s ease-in-out infinite alternate}\r\n @keyframes heroZoom{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.15) translateY(-10px)}}\r\n .page-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,10,10,.93) 0%,rgba(10,10,10,.8) 50%,rgba(227,24,55,.15) 100%)}\r\n .page-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}\r\n .hero-particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0;animation:hp 8s infinite}\r\n .hero-particle:nth-child(1){left:8%;animation-delay:0s;animation-duration:10s}\r\n .hero-particle:nth-child(2){left:22%;animation-delay:1.5s;animation-duration:8s}\r\n .hero-particle:nth-child(3){left:38%;animation-delay:3s;animation-duration:12s}\r\n .hero-particle:nth-child(4){left:52%;animation-delay:.5s;animation-duration:9s}\r\n .hero-particle:nth-child(5){left:68%;animation-delay:2.5s;animation-duration:11s}\r\n .hero-particle:nth-child(6){left:82%;animation-delay:4s;animation-duration:7s}\r\n .hero-particle:nth-child(7){left:92%;animation-delay:1s;animation-duration:10s}\r\n .hero-particle:nth-child(8){left:45%;animation-delay:3.5s;animation-duration:13s}\r\n @keyframes hp{0%{transform:translateY(100vh) scale(0);opacity:0}15%{opacity:.5}85%{opacity:.5}100%{transform:translateY(-100px) scale(1.5);opacity:0}}\r\n .page-hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}\r\n .hero-shape{position:absolute;border-radius:50%;border:1px solid rgba(227,24,55,.1);animation:sf 8s ease-in-out infinite}\r\n .hero-shape-1{width:300px;height:300px;top:-80px;right:-50px}\r\n .hero-shape-2{width:200px;height:200px;bottom:-60px;left:10%;animation-delay:3s}\r\n .hero-shape-3{width:150px;height:150px;top:30%;left:-30px;animation-delay:1.5s;border-color:rgba(227,24,55,.05)}\r\n @keyframes sf{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}\r\n .page-hero-content{position:relative;z-index:2;text-align:center;padding:40px 20px}\r\n .page-hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.3);padding:10px 28px;border-radius:50px;margin-bottom:25px;animation:fid .8s ease .2s both}\r\n .page-hero-badge i{color:var(--accent)}\r\n .page-hero-badge span{color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px}\r\n .page-hero-content h1{font-family:'Playfair Display',serif;font-size:72px;font-weight:800;color:#fff;margin-bottom:20px;line-height:1.1;animation:fiu .8s ease .4s both}\r\n .page-hero-content h1 .highlight{background:var(--red-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n .page-hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;animation:fiu .8s ease .6s both}\r\n .page-hero-breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s}\r\n .page-hero-breadcrumb a:hover{color:var(--accent)}\r\n .page-hero-breadcrumb i{color:var(--accent);font-size:12px}\r\n .page-hero-breadcrumb span{color:var(--accent);font-size:15px;font-weight:600}\r\n .page-hero-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--red-gradient);z-index:3}\r\n @keyframes fiu{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\r\n @keyframes fid{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n \/* SECTION COMMON *\/\r\n .section-subtitle{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:4px;margin-bottom:18px}\r\n .section-subtitle::before,.section-subtitle::after{content:'';width:50px;height:2px;background:var(--accent)}\r\n .section-title{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:25px}\r\n .section-title .highlight{color:var(--accent)}\r\n\r\n \/* ==================== CONTACT INFO CARDS ==================== *\/\r\n .contact-info-section{padding:130px 0 80px;background:var(--primary);position:relative;overflow:hidden}\r\n .contact-info-section::before{content:'CONTACT';position:absolute;top:50%;left:-3%;transform:translateY(-50%) rotate(-90deg);font-family:'Playfair Display',serif;font-size:180px;font-weight:800;color:rgba(255,255,255,.015);letter-spacing:20px;pointer-events:none}\r\n .contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px}\r\n .contact-info-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:40px 30px;text-align:center;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}\r\n .contact-info-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--red-gradient);border-radius:10px;transition:width .4s}\r\n .contact-info-card:hover::before{width:100%}\r\n .contact-info-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(227,24,55,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s}\r\n .contact-info-card:hover::after{opacity:1}\r\n .contact-info-card:hover{transform:translateY(-10px);border-color:rgba(227,24,55,.25);box-shadow:0 25px 60px rgba(0,0,0,.3),0 0 30px rgba(227,24,55,.06)}\r\n .contact-info-icon{width:90px;height:90px;margin:0 auto 25px;border-radius:50%;background:rgba(227,24,55,.06);border:2px solid rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .4s}\r\n .contact-info-icon::before{content:'';position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:50%;border:1px dashed rgba(227,24,55,.15);animation:iconRot 12s linear infinite}\r\n @keyframes iconRot{to{transform:rotate(360deg)}}\r\n .contact-info-card:hover .contact-info-icon{background:var(--red-gradient);border-color:var(--accent);transform:scale(1.1);box-shadow:0 15px 40px rgba(227,24,55,.4)}\r\n .contact-info-icon i{font-size:32px;color:var(--accent);transition:all .4s}\r\n .contact-info-card:hover .contact-info-icon i{color:#fff}\r\n .contact-info-card h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px;position:relative;z-index:2}\r\n .contact-info-card p,.contact-info-card a{font-size:14px;line-height:1.7;color:rgba(255,255,255,.5);text-decoration:none;position:relative;z-index:2;transition:color .3s;display:block}\r\n .contact-info-card a:hover{color:var(--accent)}\r\n\r\n \/* ==================== MAIN CONTACT SECTION ==================== *\/\r\n .contact-main{padding:80px 0 130px;background:var(--primary);position:relative}\r\n .contact-main-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}\r\n\r\n \/* LEFT - MAP & SOCIAL *\/\r\n .contact-left{}\r\n .contact-map{width:100%;height:350px;border-radius:24px;overflow:hidden;border:1px solid rgba(227,24,55,.15);margin-bottom:30px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.3)}\r\n .contact-map iframe{width:100%;height:100%;border:0;filter:grayscale(80%) contrast(1.1) brightness(.7);transition:filter .4s}\r\n .contact-map:hover iframe{filter:grayscale(30%) contrast(1) brightness(.85)}\r\n .contact-map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,10,10,.3),rgba(227,24,55,.05));pointer-events:none;transition:opacity .4s}\r\n .contact-map:hover .contact-map-overlay{opacity:0}\r\n\r\n .contact-social-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:35px;position:relative;overflow:hidden}\r\n .contact-social-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--red-gradient)}\r\n .contact-social-box h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}\r\n .contact-social-box>p{font-size:14px;color:rgba(255,255,255,.4);margin-bottom:25px}\r\n .contact-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n .contact-social-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;transition:all .4s;cursor:pointer}\r\n .contact-social-card:hover{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.2);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.2)}\r\n .contact-social-card i{font-size:24px;color:var(--accent);transition:all .3s}\r\n .contact-social-card:hover i{transform:scale(1.2)}\r\n .contact-social-card span{font-size:12px;color:rgba(255,255,255,.5);font-weight:500;text-transform:uppercase;letter-spacing:1px}\r\n .contact-social-card:hover span{color:var(--accent)}\r\n\r\n \/* Specific social colors on hover *\/\r\n .social-facebook:hover{border-color:#1877f2!important}.social-facebook:hover i{color:#1877f2}\r\n .social-instagram:hover{border-color:#e4405f!important}.social-instagram:hover i{color:#e4405f}\r\n .social-twitter:hover{border-color:#1da1f2!important}.social-twitter:hover i{color:#1da1f2}\r\n .social-linkedin:hover{border-color:#0077b5!important}.social-linkedin:hover i{color:#0077b5}\r\n .social-whatsapp:hover{border-color:#25D366!important}.social-whatsapp:hover i{color:#25D366}\r\n .social-tiktok:hover{border-color:#ff0050!important}.social-tiktok:hover i{color:#ff0050}\r\n\r\n \/* RIGHT - CONTACT FORM *\/\r\n .contact-form-wrapper{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:50px;position:relative;overflow:hidden}\r\n .contact-form-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--red-gradient)}\r\n .contact-form-wrapper::after{content:'';position:absolute;bottom:-150px;right:-150px;width:350px;height:350px;background:radial-gradient(circle,rgba(227,24,55,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}\r\n\r\n .contact-form-header{margin-bottom:35px}\r\n .contact-form-header h3{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:#fff;margin-bottom:10px}\r\n .contact-form-header h3 .highlight{color:var(--accent)}\r\n .contact-form-header p{font-size:14px;color:rgba(255,255,255,.4);line-height:1.7}\r\n\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}\r\n .form-group{margin-bottom:0;position:relative}\r\n .form-group label{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}\r\n .form-group .input-icon{position:absolute;right:18px;top:38px;color:rgba(255,255,255,.15);font-size:14px;pointer-events:none;transition:color .3s}\r\n .form-group input,.form-group textarea,.form-group select{width:100%;padding:15px 45px 15px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-family:'Poppins',sans-serif;font-size:14px;color:#fff;background:rgba(255,255,255,.03);transition:all .3s;outline:none}\r\n .form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.2)}\r\n .form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(227,24,55,.08);background:rgba(227,24,55,.02)}\r\n .form-group input:focus ~ .input-icon,.form-group textarea:focus ~ .input-icon{color:var(--accent)}\r\n .form-group select option{background:var(--secondary);color:#fff}\r\n .form-group textarea{height:140px;resize:vertical;padding-right:18px}\r\n\r\n .form-checkbox{display:flex;align-items:flex-start;gap:12px;margin:25px 0}\r\n .form-checkbox input[type=\"checkbox\"]{display:none}\r\n .form-checkbox .checkmark{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer;margin-top:2px}\r\n .form-checkbox input:checked + .checkmark{background:var(--accent);border-color:var(--accent)}\r\n .form-checkbox input:checked + .checkmark::after{content:'\\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#fff;font-size:11px}\r\n .form-checkbox label{font-size:13px;color:rgba(255,255,255,.5);cursor:pointer;line-height:1.5}\r\n .form-checkbox label a{color:var(--accent);text-decoration:none}\r\n\r\n .form-submit-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}\r\n .form-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 45px;background:var(--red-gradient);color:#fff;border:none;border-radius:14px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .4s;box-shadow:0 8px 30px rgba(227,24,55,.3);position:relative;overflow:hidden;flex:1}\r\n .form-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}\r\n .form-submit:hover::before{left:100%}\r\n .form-submit:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(227,24,55,.5)}\r\n .form-submit i{font-size:18px}\r\n\r\n .btn-wa-send{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 35px;background:#25D366;color:#fff;border:none;border-radius:14px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .4s;box-shadow:0 8px 25px rgba(37,211,102,.3);position:relative;overflow:hidden}\r\n .btn-wa-send::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}\r\n .btn-wa-send:hover::before{left:100%}\r\n .btn-wa-send:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(37,211,102,.5)}\r\n .btn-wa-send i{font-size:20px}\r\n\r\n \/* ==================== FAQ SECTION ==================== *\/\r\n .faq-section{padding:130px 0;background:var(--secondary);position:relative;overflow:hidden}\r\n .faq-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(227,24,55,.03) 0%,transparent 70%);pointer-events:none}\r\n .faq-grid{max-width:900px;margin:60px auto 0}\r\n .faq-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:15px;overflow:hidden;transition:all .4s}\r\n .faq-item.active{border-color:rgba(227,24,55,.2);box-shadow:0 10px 30px rgba(0,0,0,.2)}\r\n .faq-question{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;cursor:pointer;transition:all .3s}\r\n .faq-question:hover{background:rgba(227,24,55,.03)}\r\n .faq-question h4{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:15px}\r\n .faq-question h4 .faq-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.1);border-radius:8px;color:var(--accent);font-size:13px;font-weight:700;flex-shrink:0;transition:all .3s}\r\n .faq-item.active .faq-num{background:var(--accent)!important;color:#fff!important}\r\n .faq-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--accent);font-size:14px;transition:all .4s;flex-shrink:0}\r\n .faq-item.active .faq-toggle{background:var(--accent);color:#fff;transform:rotate(180deg)}\r\n .faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1)}\r\n .faq-answer-inner{padding:0 30px 25px 77px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.45)}\r\n\r\n \/* ==================== CTA ==================== *\/\r\n .cta-section{padding:120px 0;background:var(--primary);position:relative;overflow:hidden}\r\n .cta-shape-1{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(227,24,55,.06) 0%,transparent 70%);border-radius:50%;top:-200px;right:-100px}\r\n .cta-shape-2{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(227,24,55,.04) 0%,transparent 70%);border-radius:50%;bottom:-150px;left:-50px}\r\n .cta-box{max-width:900px;margin:0 auto;text-align:center;padding:80px 60px;background:rgba(227,24,55,.03);border:1px solid rgba(227,24,55,.15);border-radius:30px;position:relative;z-index:2}\r\n .cta-box h2{font-family:'Playfair Display',serif;font-size:46px;color:#fff;margin-bottom:20px}\r\n .cta-box h2 .highlight{color:var(--accent)}\r\n .cta-box p{font-size:17px;color:rgba(255,255,255,.5);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}\r\n .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}\r\n .btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:var(--red-gradient);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s;box-shadow:0 8px 30px rgba(227,24,55,.4);font-family:'Poppins',sans-serif;position:relative;overflow:hidden}\r\n .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}\r\n .btn-primary:hover::before{left:100%}\r\n .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(227,24,55,.5)}\r\n .btn-outline{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;transition:all .4s;font-family:'Poppins',sans-serif}\r\n .btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}\r\n\r\n \/* FOOTER *\/\r\n .footer{background:var(--secondary);padding-top:80px;border-top:1px solid rgba(227,24,55,.1)}\r\n .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:50px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.04)}\r\n .footer-about .logo{margin-bottom:20px;display:inline-block}\r\n .footer-about .logo img{height:55px}\r\n .footer-about p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.4);margin-bottom:25px}\r\n .footer-social{display:flex;gap:10px}\r\n .footer-social a{width:42px;height:42px;border-radius:12px;background:rgba(227,24,55,.06);border:1px solid rgba(227,24,55,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);text-decoration:none;font-size:16px;transition:all .3s}\r\n .footer-social a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,24,55,.3)}\r\n .footer h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:25px;position:relative;padding-bottom:15px}\r\n .footer h4::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--red-gradient);border-radius:10px}\r\n .footer-links{list-style:none}\r\n .footer-links li{margin-bottom:12px}\r\n .footer-links li a{color:rgba(255,255,255,.4);text-decoration:none;font-size:14px;transition:all .3s;display:flex;align-items:center;gap:10px}\r\n .footer-links li a::before{content:'';width:0;height:2px;background:var(--accent);transition:width .3s}\r\n .footer-links li a:hover{color:var(--accent);padding-left:5px}\r\n .footer-links li a:hover::before{width:15px}\r\n .footer-contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}\r\n .footer-contact-item i{color:var(--accent);font-size:14px;margin-top:4px;flex-shrink:0}\r\n .footer-contact-item p,.footer-contact-item a{color:rgba(255,255,255,.4);font-size:14px;text-decoration:none;line-height:1.6}\r\n .footer-contact-item a:hover{color:var(--accent)}\r\n .footer-bottom{padding:25px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}\r\n .footer-bottom p{color:rgba(255,255,255,.3);font-size:13px}\r\n .footer-bottom p .highlight{color:var(--accent)}\r\n .footer-bottom-links{display:flex;gap:25px}\r\n .footer-bottom-links a{color:rgba(255,255,255,.3);text-decoration:none;font-size:13px;transition:color .3s}\r\n .footer-bottom-links a:hover{color:var(--accent)}\r\n\r\n \/* SCROLL TOP & WHATSAPP *\/\r\n .scroll-top{position:fixed;bottom:30px;right:30px;width:52px;height:52px;background:var(--red-gradient);color:#fff;border:none;border-radius:14px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s;box-shadow:0 8px 30px rgba(227,24,55,.4);z-index:999}\r\n .scroll-top.visible{opacity:1;visibility:visible}\r\n .scroll-top:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(227,24,55,.6)}\r\n .whatsapp-float{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;text-decoration:none;box-shadow:0 8px 25px rgba(37,211,102,.4);z-index:999;transition:all .4s;animation:wap 2s infinite}\r\n .whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 35px rgba(37,211,102,.6)}\r\n @keyframes wap{0%{box-shadow:0 0 0 0 rgba(37,211,102,.4)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}\r\n\r\n \/* SUCCESS POPUP *\/\r\n .success-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:linear-gradient(180deg,#0f0f0f,#111);border:1px solid rgba(227,24,55,.2);border-radius:24px;padding:50px;text-align:center;z-index:100001;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.6);max-width:450px;width:90%}\r\n .success-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}\r\n .success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);z-index:100000;opacity:0;visibility:hidden;transition:all .4s}\r\n .success-popup-overlay.active{opacity:1;visibility:visible}\r\n .success-icon{width:90px;height:90px;margin:0 auto 25px;border-radius:50%;background:var(--red-gradient);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;animation:successBounce .6s ease .3s both;box-shadow:0 15px 40px rgba(227,24,55,.4)}\r\n @keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}\r\n .success-popup h3{font-family:'Playfair Display',serif;font-size:28px;color:#fff;margin-bottom:12px}\r\n .success-popup p{font-size:15px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:30px}\r\n .success-close{padding:14px 40px;background:var(--red-gradient);color:#fff;border:none;border-radius:50px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s;box-shadow:0 8px 25px rgba(227,24,55,.3)}\r\n .success-close:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(227,24,55,.5)}\r\n\r\n \/* ANIMATIONS *\/\r\n .animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}\r\n .animate-on-scroll.animated{opacity:1;transform:translateY(0)}\r\n .animate-left{opacity:0;transform:translateX(-60px);transition:all .8s cubic-bezier(.16,1,.3,1)}\r\n .animate-left.animated{opacity:1;transform:translateX(0)}\r\n .animate-right{opacity:0;transform:translateX(60px);transition:all .8s cubic-bezier(.16,1,.3,1)}\r\n .animate-right.animated{opacity:1;transform:translateX(0)}\r\n .animate-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.16,1,.3,1)}\r\n .animate-scale.animated{opacity:1;transform:scale(1)}\r\n\r\n \/* RESPONSIVE *\/\r\n @media(max-width:1200px){\r\n .page-hero-content h1{font-size:56px}\r\n .section-title{font-size:40px}\r\n .contact-info-grid{grid-template-columns:repeat(2,1fr)}\r\n .footer-grid{grid-template-columns:repeat(2,1fr)}\r\n }\r\n @media(max-width:992px){\r\n .custom-cursor,.cursor-dot{display:none}\r\n .nav-menu{display:none}\r\n .hamburger{display:flex}\r\n \r\n \r\n .contact-main-grid{grid-template-columns:1fr}\r\n .contact-social-grid{grid-template-columns:repeat(3,1fr)}\r\n }\r\n @media(max-width:768px){\r\n .top-bar-left .top-bar-item:nth-child(3){display:none}\r\n .header .container{height:75px}\r\n .logo img{height:50px}\r\n .page-hero{min-height:400px}\r\n .page-hero-content h1{font-size:38px}\r\n .section-title{font-size:32px}\r\n .contact-info-grid{grid-template-columns:1fr 1fr}\r\n .form-row{grid-template-columns:1fr}\r\n .form-submit-row{flex-direction:column}\r\n .form-submit,.btn-wa-send{width:100%}\r\n .contact-social-grid{grid-template-columns:repeat(2,1fr)}\r\n .cta-box{padding:50px 25px}\r\n .cta-box h2{font-size:30px}\r\n .footer-grid{grid-template-columns:1fr;gap:35px}\r\n }\r\n @media(max-width:480px){\r\n .top-bar .container{flex-direction:column;gap:8px}\r\n .top-bar-left{justify-content:center}\r\n .top-bar-right{justify-content:center}\r\n .page-hero-content h1{font-size:30px}\r\n .section-title{font-size:26px}\r\n .contact-info-grid{grid-template-columns:1fr}\r\n .contact-form-wrapper{padding:30px 20px}\r\n .contact-social-grid{grid-template-columns:1fr 1fr}\r\n .cta-box h2{font-size:24px}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Preloader -->\r\n\r\n <!-- Custom Cursor -->\r\n <div class=\"custom-cursor\" id=\"cursor\"><\/div>\r\n <div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\r\n\r\n <!-- Top Bar -->\r\n <div class=\"top-bar\">\r\n <div class=\"container\">\r\n <div class=\"top-bar-left\">\r\n <a href=\"tel:+971XXXXXXXX\" class=\"top-bar-item\"><i class=\"fas fa-phone-alt\"><\/i><span>+971 XX XXX XXXX<\/span><\/a>\r\n <a href=\"mailto:info@dgtco.ae\" class=\"top-bar-item\"><i class=\"fas fa-envelope\"><\/i><span>info@dgtco.ae<\/span><\/a>\r\n <a href=\"#\" class=\"top-bar-item\"><i class=\"fas fa-map-marker-alt\"><\/i><span>Dubai, UAE<\/span><\/a>\r\n <\/div>\r\n <div class=\"top-bar-right\">\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Header -->\r\n <header class=\"header\" id=\"header\">\r\n <div class=\"container\">\r\n <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/02\/My-Uniform-logo-.jpg\" alt=\"MY Uniforms\"><\/a>\r\n <nav>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Our Services<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\" class=\"nav-cta active\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <div class=\"hamburger\" id=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile -->\r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <div class=\"mobile-menu-header\">\r\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/02\/My-Uniform-logo-.jpg\" alt=\"MY Uniforms\">\r\n <button class=\"mobile-close\" id=\"mobileClose\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n <ul class=\"mobile-menu-nav\">\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\"><i class=\"fas fa-home\"><\/i> Home<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\"><i class=\"fas fa-building\"><\/i> About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\"><i class=\"fas fa-concierge-bell\"><\/i> Our Services<\/a><\/li>\r\n\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\" class=\"active\"><i class=\"fas fa-paper-plane\"><\/i> Contact Us<\/a><\/li>\r\n <\/ul>\r\n <div class=\"mobile-menu-divider\"><\/div>\r\n <div class=\"mobile-menu-contact\">\r\n <h4>Get In Touch<\/h4>\r\n <a href=\"tel:+971XXXXXXXX\" class=\"mobile-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><span>+971 XX XXX XXXX<\/span><\/a>\r\n <a href=\"mailto:info@dgtco.ae\" class=\"mobile-contact-item\"><i class=\"fas fa-envelope\"><\/i><span>info@dgtco.ae<\/span><\/a>\r\n <div class=\"mobile-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><span>Dubai, UAE<\/span><\/div>\r\n <\/div>\r\n <div class=\"mobile-social\">\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Page Hero -->\r\n <section class=\"page-hero\">\r\n <div class=\"page-hero-bg\"><\/div>\r\n <div class=\"page-hero-overlay\"><\/div>\r\n <div class=\"page-hero-particles\">\r\n <div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div>\r\n <div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div>\r\n <div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div>\r\n <\/div>\r\n <div class=\"page-hero-shapes\">\r\n <div class=\"hero-shape hero-shape-1\"><\/div>\r\n <div class=\"hero-shape hero-shape-2\"><\/div>\r\n <div class=\"hero-shape hero-shape-3\"><\/div>\r\n <\/div>\r\n <div class=\"page-hero-content\">\r\n <div class=\"page-hero-badge\"><i class=\"fas fa-paper-plane\"><\/i><span>Get In Touch<\/span><\/div>\r\n <h1>Contact <span class=\"highlight\">Us<\/span><\/h1>\r\n <div class=\"page-hero-breadcrumb\">\r\n <a href=\"#\">Home<\/a><i class=\"fas fa-chevron-right\"><\/i><span>Contact Us<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"page-hero-line\"><\/div>\r\n <\/section>\r\n\r\n <!-- Contact Info Cards -->\r\n <section class=\"contact-info-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <div class=\"section-subtitle animate-on-scroll\">Reach Out To Us<\/div>\r\n <h2 class=\"section-title animate-on-scroll\">We'd Love to <span class=\"highlight\">Hear<\/span> From You<\/h2>\r\n <p class=\"animate-on-scroll\" style=\"max-width:700px;margin:0 auto;font-size:16px;color:rgba(255,255,255,.45);line-height:1.8\">Have questions about our uniform solutions? Need a custom quote? Get in touch with our team through any of the channels below.<\/p>\r\n <\/div>\r\n <div class=\"contact-info-grid\">\r\n <div class=\"contact-info-card animate-on-scroll\">\r\n <div class=\"contact-info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <h3>Visit Us<\/h3>\r\n <p>Dubai, United Arab Emirates<\/p>\r\n <p style=\"margin-top:5px;font-size:13px\">Sat - Thu: 9AM - 6PM<\/p>\r\n <\/div>\r\n <div class=\"contact-info-card animate-on-scroll\">\r\n <div class=\"contact-info-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n <h3>Call Us<\/h3>\r\n <a href=\"tel:+971XXXXXXXX\">+971 XX XXX XXXX<\/a>\r\n <a href=\"tel:+971XXXXXXXX\" style=\"margin-top:5px\">+971 XX XXX XXXX<\/a>\r\n <\/div>\r\n <div class=\"contact-info-card animate-on-scroll\">\r\n <div class=\"contact-info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <h3>Email Us<\/h3>\r\n <a href=\"mailto:info@dgtco.ae\">info@dgtco.ae<\/a>\r\n <a href=\"mailto:sales@dgtco.ae\" style=\"margin-top:5px\">sales@dgtco.ae<\/a>\r\n <\/div>\r\n <div class=\"contact-info-card animate-on-scroll\">\r\n <div class=\"contact-info-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <h3>WhatsApp<\/h3>\r\n <a href=\"https:\/\/wa.me\/971XXXXXXXX\" target=\"_blank\">+971 XX XXX XXXX<\/a>\r\n <p style=\"margin-top:5px;font-size:13px\">Quick response guaranteed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Main Contact Section -->\r\n <section class=\"contact-main\">\r\n <div class=\"container\">\r\n <div class=\"contact-main-grid\">\r\n <!-- LEFT -->\r\n <div class=\"contact-left animate-left\">\r\n <!-- Map -->\r\n <div class=\"contact-map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d462560.3012507418!2d54.89782859453552!3d25.076280448374445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43496ad9c645%3A0xbde66e5084295162!2sDubai%20-%20United%20Arab%20Emirates!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <div class=\"contact-map-overlay\"><\/div>\r\n <\/div>\r\n\r\n <!-- Social Box -->\r\n <div class=\"contact-social-box\">\r\n <h3>Connect With Us<\/h3>\r\n <p>Follow us on social media for updates, latest designs, and uniform inspiration.<\/p>\r\n <div class=\"contact-social-grid\">\r\n <a href=\"#\" class=\"contact-social-card social-facebook\"><i class=\"fab fa-facebook-f\"><\/i><span>Facebook<\/span><\/a>\r\n <a href=\"#\" class=\"contact-social-card social-instagram\"><i class=\"fab fa-instagram\"><\/i><span>Instagram<\/span><\/a>\r\n <a href=\"#\" class=\"contact-social-card social-twitter\"><i class=\"fab fa-x-twitter\"><\/i><span>Twitter<\/span><\/a>\r\n <a href=\"#\" class=\"contact-social-card social-linkedin\"><i class=\"fab fa-linkedin-in\"><\/i><span>LinkedIn<\/span><\/a>\r\n <a href=\"#\" class=\"contact-social-card social-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i><span>WhatsApp<\/span><\/a>\r\n <a href=\"#\" class=\"contact-social-card social-tiktok\"><i class=\"fab fa-tiktok\"><\/i><span>TikTok<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT - Form -->\r\n <div class=\"contact-form-wrapper animate-right\">\r\n <div class=\"contact-form-header\">\r\n <h3>Send Us a <span class=\"highlight\">Message<\/span><\/h3>\r\n <p>Fill out the form below and our team will get back to you within 24 hours. Or send directly via WhatsApp for an instant response.<\/p>\r\n <\/div>\r\n <form id=\"contactForm\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>First Name *<\/label>\r\n <input type=\"text\" id=\"firstName\" placeholder=\"Your first name\" required>\r\n <i class=\"fas fa-user input-icon\"><\/i>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Last Name *<\/label>\r\n <input type=\"text\" id=\"lastName\" placeholder=\"Your last name\" required>\r\n <i class=\"fas fa-user input-icon\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\r\n <i class=\"fas fa-envelope input-icon\"><\/i>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"+971 XX XXX XXXX\" required>\r\n <i class=\"fas fa-phone input-icon\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Company Name<\/label>\r\n <input type=\"text\" id=\"company\" placeholder=\"Your company\">\r\n <i class=\"fas fa-building input-icon\"><\/i>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Service Required<\/label>\r\n <select id=\"service\">\r\n <option value=\"\" disabled selected>Select a service<\/option>\r\n <option>Corporate Uniforms<\/option>\r\n <option>Industrial Workwear<\/option>\r\n <option>Hospitality Uniforms<\/option>\r\n <option>Healthcare Uniforms<\/option>\r\n <option>School Uniforms<\/option>\r\n <option>Security Uniforms<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Quantity<\/label>\r\n <select id=\"quantity\">\r\n <option value=\"\" disabled selected>Select quantity<\/option>\r\n <option>10 - 50 pieces<\/option>\r\n <option>50 - 100 pieces<\/option>\r\n <option>100 - 500 pieces<\/option>\r\n <option>500 - 1000 pieces<\/option>\r\n <option>1000+ pieces<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Budget Range<\/label>\r\n <select id=\"budget\">\r\n <option value=\"\" disabled selected>Select budget<\/option>\r\n <option>AED 5,000 - 10,000<\/option>\r\n <option>AED 10,000 - 25,000<\/option>\r\n <option>AED 25,000 - 50,000<\/option>\r\n <option>AED 50,000 - 100,000<\/option>\r\n <option>AED 100,000+<\/option>\r\n <option>Discuss Later<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\" style=\"margin-bottom:0\">\r\n <label>Your Message *<\/label>\r\n <textarea id=\"message\" placeholder=\"Tell us about your uniform requirements, preferred fabrics, colors, delivery timeline...\" required><\/textarea>\r\n <\/div>\r\n <div class=\"form-checkbox\">\r\n <input type=\"checkbox\" id=\"agree\" required>\r\n <span class=\"checkmark\" onclick=\"document.getElementById('agree').click()\"><\/span>\r\n <label for=\"agree\">I agree to the <a href=\"#\">Privacy Policy<\/a> and consent to being contacted regarding my enquiry.<\/label>\r\n <\/div>\r\n <div class=\"form-submit-row\">\r\n <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Send Message\r\n <\/button>\r\n <button type=\"button\" class=\"btn-wa-send\" onclick=\"sendViaWhatsApp()\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\" style=\"text-align:center\">\r\n <div class=\"section-subtitle animate-on-scroll\">Common Questions<\/div>\r\n <h2 class=\"section-title animate-on-scroll\">Frequently Asked <span class=\"highlight\">Questions<\/span><\/h2>\r\n <p class=\"animate-on-scroll\" style=\"max-width:650px;margin:0 auto;font-size:16px;color:rgba(255,255,255,.45);line-height:1.8\">Find quick answers to the most common questions about our uniform services.<\/p>\r\n <\/div>\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item animate-on-scroll active\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">01<\/span>What is the minimum order quantity?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"max-height:200px\">\r\n <div class=\"faq-answer-inner\">Our minimum order quantity starts from just 10 pieces per design. For custom-tailored uniforms with specific fabric requirements, we recommend a minimum of 25 pieces. We offer flexible ordering to accommodate businesses of all sizes.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item animate-on-scroll\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">02<\/span>How long does delivery take?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">Standard delivery takes 2-3 weeks from order confirmation. For urgent requirements, we offer express delivery within 7-10 business days. Bulk orders of 500+ pieces may require 4-6 weeks depending on customization needs.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item animate-on-scroll\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">03<\/span>Do you provide free samples?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">Yes, we provide free fabric samples and color swatches. For custom prototype samples with your branding, a nominal fee applies which is fully refundable upon order confirmation. We want you to be 100% satisfied before production begins.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item animate-on-scroll\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">04<\/span>Can you add our company logo?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">Absolutely! We offer embroidery, screen printing, heat transfer, and sublimation printing for logos and branding. Our design team can help you position your logo perfectly. We support all file formats including AI, EPS, PDF, and high-resolution PNG.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item animate-on-scroll\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">05<\/span>Do you offer alterations and repairs?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">Yes, we provide alteration and repair services for uniforms purchased from us. Size exchanges are available within 14 days of delivery. We also offer an annual maintenance program for corporate clients to ensure uniforms remain in perfect condition.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item animate-on-scroll\">\r\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n <h4><span class=\"faq-num\">06<\/span>What payment methods do you accept?<\/h4>\r\n <span class=\"faq-toggle\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">We accept bank transfers, credit\/debit cards, cheques, and cash payments. For corporate clients, we offer flexible payment terms including 30\/60\/90-day credit facilities upon account approval. A 50% advance is required for new clients.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"cta-section\">\r\n <div class=\"cta-shape-1\"><\/div>\r\n <div class=\"cta-shape-2\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"cta-box animate-scale\">\r\n <h2>Let's Start <span class=\"highlight\">Working<\/span> Together<\/h2>\r\n <p>Ready to elevate your team's professional image? Contact us today for a free consultation and custom quote tailored to your needs.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"tel:+971XXXXXXXX\" class=\"btn-primary\"><i class=\"fas fa-phone-alt\"><\/i> Call Us Now<\/a>\r\n <a href=\"https:\/\/wa.me\/971XXXXXXXX\" target=\"_blank\" class=\"btn-outline\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-about\">\r\n <a href=\"#\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/02\/My-Uniform-logo-.jpg\" alt=\"MY Uniforms\"><\/a>\r\n <p>DGTCO - Diyaar General Trading is your trusted partner for premium uniform solutions in the UAE.<\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <h4>Quick Links<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Our Services<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4>Our Services<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Corporate Uniforms<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Industrial Workwear<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Hospitality Uniforms<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Healthcare Uniforms<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">School Uniforms<\/a><\/li>\r\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Security Uniforms<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4>Contact Info<\/h4>\r\n <div class=\"footer-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><p>Dubai, United Arab Emirates<\/p><\/div>\r\n <div class=\"footer-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><a href=\"tel:+971XXXXXXXX\">+971 XX XXX XXXX<\/a><\/div>\r\n <div class=\"footer-contact-item\"><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:info@dgtco.ae\">info@dgtco.ae<\/a><\/div>\r\n <div class=\"footer-contact-item\"><i class=\"fas fa-globe\"><\/i><a href=\"https:\/\/dgtco.ae\" target=\"_blank\">www.dgtco.ae<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2025 <span class=\"highlight\">DGTCO - Diyaar General Trading<\/span>. All Rights Reserved.<\/p>\r\n <div class=\"footer-bottom-links\"><a href=\"#\">Privacy Policy<\/a><a href=\"#\">Terms of Service<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Success Popup -->\r\n <div class=\"success-popup-overlay\" id=\"successOverlay\"><\/div>\r\n <div class=\"success-popup\" id=\"successPopup\">\r\n <div class=\"success-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <h3>Message Sent!<\/h3>\r\n <p>Thank you for reaching out. Our team will contact you within 24 hours. For urgent inquiries, please WhatsApp us directly.<\/p>\r\n <button class=\"success-close\" onclick=\"closeSuccess()\">Got It<\/button>\r\n <\/div>\r\n\r\n <button class=\"scroll-top\" id=\"scrollTop\"><i class=\"fas fa-chevron-up\"><\/i><\/button>\r\n <a href=\"https:\/\/wa.me\/971XXXXXXXX\" class=\"whatsapp-float\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n\r\n<script>\r\n\/* =====================================================\r\n DEVICE DETECTION\r\n===================================================== *\/\r\nfunction isTouchDevice(){\r\n return (\r\n 'ontouchstart' in window ||\r\n navigator.maxTouchPoints > 0 ||\r\n window.matchMedia('(pointer: coarse)').matches\r\n );\r\n}\r\nconst isMobile = isTouchDevice();\r\n\r\n\/* =====================================================\r\n PRELOADER (SAFE IF ELEMENT NOT PRESENT)\r\n===================================================== *\/\r\nwindow.addEventListener('load',()=>{\r\n const pre = document.getElementById('preloader');\r\n if(pre){\r\n setTimeout(()=>pre.classList.add('hidden'),1800);\r\n }\r\n});\r\n\r\n\/* =====================================================\r\n CUSTOM CURSOR (DESKTOP ONLY)\r\n===================================================== *\/\r\nif(!isMobile){\r\n const cursor=document.getElementById('cursor');\r\n const cursorDot=document.getElementById('cursorDot');\r\n\r\n document.addEventListener('mousemove',e=>{\r\n cursor.style.left=e.clientX+'px';\r\n cursor.style.top=e.clientY+'px';\r\n cursorDot.style.left=e.clientX+'px';\r\n cursorDot.style.top=e.clientY+'px';\r\n });\r\n\r\n document.querySelectorAll('a,button,.contact-info-card,.contact-social-card,.faq-question')\r\n .forEach(el=>{\r\n el.addEventListener('mouseenter',()=>cursor.classList.add('hover'));\r\n el.addEventListener('mouseleave',()=>cursor.classList.remove('hover'));\r\n });\r\n}else{\r\n document.getElementById('cursor')?.remove();\r\n document.getElementById('cursorDot')?.remove();\r\n}\r\n\r\n\/* =====================================================\r\n MOBILE MENU\r\n===================================================== *\/\r\nconst hamburger=document.getElementById('hamburger');\r\nconst mobileMenu=document.getElementById('mobileMenu');\r\nconst mobileOverlay=document.getElementById('mobileOverlay');\r\nconst mobileClose=document.getElementById('mobileClose');\r\n\r\nfunction openMob(){\r\n hamburger.classList.add('active');\r\n mobileMenu.classList.add('active');\r\n mobileOverlay.classList.add('active');\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeMob(){\r\n hamburger.classList.remove('active');\r\n mobileMenu.classList.remove('active');\r\n mobileOverlay.classList.remove('active');\r\n document.body.style.overflow='';\r\n}\r\nhamburger.addEventListener('click',()=>mobileMenu.classList.contains('active')?closeMob():openMob());\r\nmobileClose.addEventListener('click',closeMob);\r\nmobileOverlay.addEventListener('click',closeMob);\r\ndocument.querySelectorAll('.mobile-menu-nav a').forEach(l=>l.addEventListener('click',closeMob));\r\n\r\n\/* =====================================================\r\n HEADER SCROLL\r\n===================================================== *\/\r\nconst header=document.getElementById('header');\r\nconst scrollTopBtn=document.getElementById('scrollTop');\r\nwindow.addEventListener('scroll',()=>{\r\n header.classList.toggle('scrolled',window.scrollY>100);\r\n scrollTopBtn.classList.toggle('visible',window.scrollY>500);\r\n});\r\nscrollTopBtn.addEventListener('click',()=>window.scrollTo({top:0,behavior:'smooth'}));\r\n\r\n\/* =====================================================\r\n SCROLL ANIMATIONS\r\n===================================================== *\/\r\nconst animEls=document.querySelectorAll('.animate-on-scroll,.animate-left,.animate-right,.animate-scale');\r\nconst obs=new IntersectionObserver(entries=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('animated');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n},{threshold:.12,rootMargin:'0px 0px -60px 0px'});\r\nanimEls.forEach(el=>obs.observe(el));\r\n\r\n\/* =====================================================\r\n FAQ ACCORDION\r\n===================================================== *\/\r\nfunction toggleFaq(el){\r\n const item=el.parentElement;\r\n const answer=item.querySelector('.faq-answer');\r\n const isActive=item.classList.contains('active');\r\n\r\n document.querySelectorAll('.faq-item').forEach(i=>{\r\n i.classList.remove('active');\r\n i.querySelector('.faq-answer').style.maxHeight='0';\r\n });\r\n\r\n if(!isActive){\r\n item.classList.add('active');\r\n answer.style.maxHeight=answer.scrollHeight+'px';\r\n }\r\n}\r\n\r\n\/* =====================================================\r\n CONTACT FORM SUBMIT\r\n===================================================== *\/\r\ndocument.getElementById('contactForm').addEventListener('submit',function(e){\r\n e.preventDefault();\r\n const btn=document.getElementById('submitBtn');\r\n const original=btn.innerHTML;\r\n btn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n btn.disabled=true;\r\n btn.style.opacity='.7';\r\n\r\n setTimeout(()=>{\r\n btn.innerHTML=original;\r\n btn.disabled=false;\r\n btn.style.opacity='1';\r\n showSuccess();\r\n this.reset();\r\n },2000);\r\n});\r\n\r\n\/* =====================================================\r\n SUCCESS POPUP\r\n===================================================== *\/\r\nfunction showSuccess(){\r\n document.getElementById('successOverlay').classList.add('active');\r\n document.getElementById('successPopup').classList.add('active');\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeSuccess(){\r\n document.getElementById('successOverlay').classList.remove('active');\r\n document.getElementById('successPopup').classList.remove('active');\r\n document.body.style.overflow='';\r\n}\r\ndocument.getElementById('successOverlay').addEventListener('click',closeSuccess);\r\n\r\n\/* =====================================================\r\n WHATSAPP SEND\r\n===================================================== *\/\r\nfunction sendViaWhatsApp(){\r\n const firstName=document.getElementById('firstName').value;\r\n const lastName=document.getElementById('lastName').value;\r\n const email=document.getElementById('email').value;\r\n const phone=document.getElementById('phone').value;\r\n const company=document.getElementById('company').value;\r\n const service=document.getElementById('service').value;\r\n const quantity=document.getElementById('quantity').value;\r\n const budget=document.getElementById('budget').value;\r\n const message=document.getElementById('message').value;\r\n\r\n if(!firstName||!phone){alert('Please fill in at least your name and phone number.');return}\r\n\r\n let text=`\ud83d\udd34 *MY UNIFORMS \u2014 Contact Enquiry*\\n\\n`;\r\n text+=`\ud83d\udc64 *Name:* ${firstName} ${lastName}\\n`;\r\n text+=`\ud83d\udcf1 *Phone:* ${phone}\\n`;\r\n if(email)text+=`\ud83d\udce7 *Email:* ${email}\\n`;\r\n if(company)text+=`\ud83c\udfe2 *Company:* ${company}\\n`;\r\n if(service)text+=`\ud83d\udc54 *Service:* ${service}\\n`;\r\n if(quantity)text+=`\ud83d\udce6 *Quantity:* ${quantity}\\n`;\r\n if(budget)text+=`\ud83d\udcb0 *Budget:* ${budget}\\n`;\r\n if(message)text+=`\ud83d\udcac *Message:* ${message}\\n`;\r\n text+=`\\n_Sent from dgtco.ae \u2014 Contact Page_`;\r\n\r\n window.open(`https:\/\/wa.me\/971XXXXXXXX?text=${encodeURIComponent(text)}`,'_blank');\r\n}\r\n\r\n\/* =====================================================\r\n TILT + PARALLAX (DESKTOP ONLY)\r\n===================================================== *\/\r\nif(!isMobile){\r\n document.querySelectorAll('.contact-info-card').forEach(card=>{\r\n card.addEventListener('mousemove',e=>{\r\n const rect=card.getBoundingClientRect();\r\n const x=e.clientX-rect.left,y=e.clientY-rect.top;\r\n card.style.transform=`perspective(1000px) rotateX(${(y-rect.height\/2)\/16}deg) rotateY(${(rect.width\/2-x)\/16}deg) translateY(-10px)`;\r\n });\r\n card.addEventListener('mouseleave',()=>{card.style.transform=''});\r\n });\r\n\r\n window.addEventListener('scroll',()=>{\r\n const bg=document.querySelector('.page-hero-bg');\r\n if(bg)bg.style.transform=`scale(${1.1+window.scrollY*.0002}) translateY(${window.scrollY*.4}px)`;\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us – DGTCO | Diyaar General Trading | MY Uniforms +971 XX XXX XXXX info@dgtco.ae Dubai, UAE Home About Us Our Services Contact Us Home About Us Our Services Contact Us Get In Touch +971 XX XXX XXXX info@dgtco.ae Dubai, UAE Get In Touch Contact Us HomeContact Us Reach Out To Us We’d Love […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":28,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}