{"id":31,"date":"2026-02-13T19:10:54","date_gmt":"2026-02-13T19:10:54","guid":{"rendered":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/?page_id=31"},"modified":"2026-03-31T21:07:18","modified_gmt":"2026-03-31T21:07:18","slug":"our-services","status":"publish","type":"page","link":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Our Services - DGTCO | Diyaar General Trading | MY Uniforms<\/title>\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\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n *{margin:0;padding:0;box-sizing:border-box}\n :root{\n --primary:#0a0a0a;--secondary:#111111;--tertiary:#1a1a1a;\n --accent:#e31837;--accent-dark:#b81230;--accent-light:#ff2d4b;\n --red-gradient:linear-gradient(135deg,#e31837,#ff2d4b,#e31837);\n --dark-gradient:linear-gradient(135deg,#0a0a0a,#111111,#1a1a1a);\n --white:#ffffff;--text-light:#777;--glass-border:rgba(255,255,255,.08);\n }\n html{scroll-behavior:smooth}\n body{font-family:'Poppins',sans-serif;overflow-x:hidden;background:var(--primary);color:#fff}\n .container{max-width:1400px;margin:0 auto;padding:0 20px}\n\n \/* PRELOADER *\/\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}\n .preloader.hidden{opacity:0;visibility:hidden}\n .preloader-logo{width:112px;height:auto;margin-bottom:28px;animation:pp 1.5s ease-in-out infinite}\n .preloader-logo img{width:100%;height:auto;object-fit:contain;display:block}\n @keyframes pp{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}\n .preloader-bar{width:200px;height:3px;background:rgba(227,24,55,.15);border-radius:10px;overflow:hidden}\n .preloader-bar-fill{width:0;height:100%;background:var(--red-gradient);border-radius:10px;animation:pf 1.5s ease-in-out forwards}\n @keyframes pf{to{width:100%}}\n\n \/* CURSOR *\/\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%)}\n .custom-cursor.hover{width:50px;height:50px;background:rgba(227,24,55,.1)}\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}\n\n \/* TOP BAR *\/\n .top-bar{background:var(--primary);padding:10px 0;border-bottom:1px solid rgba(227,24,55,.15);position:relative;z-index:1001}\n .top-bar .container{display:flex;justify-content:space-between;align-items:center}\n .top-bar-left{display:flex;align-items:center;gap:30px;flex-wrap:wrap}\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}\n .top-bar-item:hover{color:var(--accent)}\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}\n .top-bar-right{display:flex;align-items:center;gap:8px}\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}\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)}\n\n \/* HEADER *\/\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)}\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)}\n .header .container{display:flex;justify-content:space-between;align-items:center;height:90px}\n .logo{display:flex;align-items:center;text-decoration:none}\n .logo img{height:78px;width:auto;object-fit:contain;transition:transform .3s ease}\n .logo:hover img{transform:scale(1.03)}\n .nav-menu{display:flex;align-items:center;gap:5px;list-style:none}\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}\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%)}\n .nav-menu li a:hover{color:#fff}\n .nav-menu li a:hover::before{width:60%}\n .nav-menu li a.active{color:#fff;background:rgba(227,24,55,.15);border:1px solid rgba(227,24,55,.3)}\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}\n .nav-cta::before{display:none!important}\n .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(227,24,55,.6)!important}\n\n \/* HAMBURGER *\/\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}\n .hamburger:hover{background:var(--accent);border-color:var(--accent)}\n .hamburger:hover span{background:#fff}\n .hamburger span{width:22px;height:2px;background:var(--accent);border-radius:10px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}\n .hamburger.active{background:var(--accent);border-color:var(--accent)}\n .hamburger.active span{background:#fff}\n .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n .hamburger.active span:nth-child(2){opacity:0;transform:translateX(-20px)}\n .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n \/* MOBILE *\/\n .mobile-overlay{\n position:fixed;\n top:0;\n left:0;\n width:100%;\n height:100%;\n background:rgba(0,0,0,.7);\n backdrop-filter:blur(8px);\n z-index:1050;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n transition:opacity .4s ease;\n}\n.mobile-overlay.active{\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n}\n .mobile-menu{\n position:fixed;\n top:0;\n right:-420px;\n width:400px;\n max-width:92vw;\n height:100%;\n background:linear-gradient(180deg,#0a0a0a,#111);\n z-index:1060;\n transition:right .5s cubic-bezier(.65,0,.35,1);\n overflow-y:auto;\n border-left:1px solid rgba(227,24,55,.2);\n visibility:hidden;\n}\n.mobile-menu.active{\n right:0;\n visibility:visible;\n}\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)}\n .mobile-menu-header img{height:62px;width:auto;object-fit:contain}\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)}\n .mobile-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}\n .mobile-menu-nav{padding:15px 0;list-style:none}\n .mobile-menu-nav li{opacity:0;transform:translateX(30px);transition:all .4s}\n .mobile-menu.active .mobile-menu-nav li{opacity:1;transform:translateX(0)}\n .mobile-menu.active .mobile-menu-nav li:nth-child(1){transition-delay:.1s}\n .mobile-menu.active .mobile-menu-nav li:nth-child(2){transition-delay:.15s}\n .mobile-menu.active .mobile-menu-nav li:nth-child(3){transition-delay:.2s}\n .mobile-menu.active .mobile-menu-nav li:nth-child(4){transition-delay:.25s}\n .mobile-menu.active .mobile-menu-nav li:nth-child(5){transition-delay:.3s}\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}\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}\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)}\n .mobile-menu-nav li a:hover i,.mobile-menu-nav li a.active i{background:var(--accent);color:#fff}\n .mobile-menu-divider{height:1px;background:rgba(227,24,55,.1);margin:10px 30px}\n .mobile-menu-contact{padding:25px 30px}\n .mobile-menu-contact h4{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}\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}\n .mobile-contact-item:hover{color:var(--accent)}\n .mobile-contact-item i{color:var(--accent);width:18px;text-align:center}\n .mobile-social{display:flex;gap:10px;padding:20px 30px 40px}\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}\n .mobile-social a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,24,55,.3)}\n\n \/* PAGE HERO *\/\n .page-hero{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}\n .page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-2.jpeg');background-size:cover;background-position:center;transform:scale(1.1);animation:heroZoom 20s ease-in-out infinite alternate}\n @keyframes heroZoom{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.15) translateY(-10px)}}\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%)}\n .page-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}\n .hero-particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0;animation:hp 8s infinite}\n .hero-particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:10s}\n .hero-particle:nth-child(2){left:25%;animation-delay:1.5s;animation-duration:8s}\n .hero-particle:nth-child(3){left:40%;animation-delay:3s;animation-duration:12s}\n .hero-particle:nth-child(4){left:55%;animation-delay:.5s;animation-duration:9s}\n .hero-particle:nth-child(5){left:70%;animation-delay:2.5s;animation-duration:11s}\n .hero-particle:nth-child(6){left:85%;animation-delay:4s;animation-duration:7s}\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}}\n .page-hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}\n .hero-shape{position:absolute;border-radius:50%;border:1px solid rgba(227,24,55,.1);animation:sf 8s ease-in-out infinite}\n .hero-shape-1{width:300px;height:300px;top:-80px;right:-50px}\n .hero-shape-2{width:200px;height:200px;bottom:-60px;left:10%;animation-delay:3s}\n @keyframes sf{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}\n .page-hero-content{position:relative;z-index:2;text-align:center;padding:40px 20px}\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}\n .page-hero-badge i{color:var(--accent)}\n .page-hero-badge span{color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px}\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}\n .page-hero-content h1 .highlight{background:var(--red-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n .page-hero-breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;animation:fiu .8s ease .6s both}\n .page-hero-breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s}\n .page-hero-breadcrumb a:hover{color:var(--accent)}\n .page-hero-breadcrumb i{color:var(--accent);font-size:12px}\n .page-hero-breadcrumb span{color:var(--accent);font-size:15px;font-weight:600}\n .page-hero-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--red-gradient);z-index:3}\n @keyframes fiu{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n @keyframes fid{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\n\n \/* SECTION COMMON *\/\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}\n .section-subtitle::before,.section-subtitle::after{content:'';width:50px;height:2px;background:var(--accent)}\n .section-title{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:25px}\n .section-title .highlight{color:var(--accent)}\n\n \/* ==================== SERVICES GRID ==================== *\/\n .services-section{padding:130px 0;background:var(--primary);position:relative;overflow:hidden}\n .services-section::before{content:'SERVICES';position:absolute;bottom:-20px;right:-2%;font-family:'Playfair Display',serif;font-size:160px;font-weight:800;color:rgba(255,255,255,.015);letter-spacing:15px;pointer-events:none}\n .section-header{text-align:center;margin-bottom:70px}\n .section-header .section-desc{max-width:700px;margin:0 auto;font-size:16px;color:rgba(255,255,255,.45);line-height:1.8}\n\n .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}\n\n .service-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;cursor:pointer}\n .service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 100%,rgba(227,24,55,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s;z-index:1;pointer-events:none}\n .service-card:hover::before{opacity:1}\n .service-card:hover{transform:translateY(-12px);border-color:rgba(227,24,55,.25);box-shadow:0 25px 60px rgba(0,0,0,.4),0 0 30px rgba(227,24,55,.08)}\n\n .service-card-img{position:relative;height:280px;overflow:hidden}\n .service-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}\n .service-card:hover .service-card-img img{transform:scale(1.12)}\n .service-card-img-overlay{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(10,10,10,1),transparent);pointer-events:none}\n .service-card-img-badge{position:absolute;top:20px;left:20px;background:var(--red-gradient);color:#fff;padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;z-index:2;box-shadow:0 4px 15px rgba(227,24,55,.4)}\n\n .service-card-content{padding:30px;position:relative;z-index:2}\n .service-card-content h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;transition:color .3s}\n .service-card:hover .service-card-content h3{color:var(--accent-light)}\n .service-card-content p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.45);margin-bottom:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n\n .btn-know-more{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;background:transparent;border:2px solid rgba(227,24,55,.4);color:var(--accent);border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s;font-family:'Poppins',sans-serif;position:relative;overflow:hidden}\n .btn-know-more::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--red-gradient);transition:left .4s;z-index:-1}\n .btn-know-more:hover::before{left:0}\n .btn-know-more:hover{color:#fff;border-color:var(--accent);box-shadow:0 8px 25px rgba(227,24,55,.3);transform:translateY(-2px)}\n .btn-know-more i{transition:transform .3s}\n .btn-know-more:hover i{transform:translateX(4px)}\n\n \/* ==================== POPUP MODAL ==================== *\/\n .service-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(15px);z-index:100000;opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;padding:20px}\n .service-modal-overlay.active{opacity:1;visibility:visible}\n\n .service-modal{width:100%;max-width:1100px;max-height:92vh;background:linear-gradient(180deg,#0f0f0f,#111);border:1px solid rgba(227,24,55,.2);border-radius:24px;overflow:hidden;position:relative;transform:scale(.85) translateY(40px);transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 60px rgba(227,24,55,.08)}\n .service-modal-overlay.active .service-modal{transform:scale(1) translateY(0)}\n\n .modal-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;cursor:pointer;transition:all .3s;z-index:10}\n .modal-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 25px rgba(227,24,55,.4)}\n\n .modal-scroll{overflow-y:auto;max-height:92vh;padding:0}\n .modal-scroll::-webkit-scrollbar{width:6px}\n .modal-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}\n .modal-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}\n\n .modal-hero{position:relative;height:350px;overflow:hidden}\n .modal-hero img{width:100%;height:100%;object-fit:cover}\n .modal-hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to top,#0f0f0f,transparent)}\n .modal-hero-title{position:absolute;bottom:30px;left:40px;z-index:2}\n .modal-hero-title .modal-badge{display:inline-flex;align-items:center;gap:8px;background:var(--red-gradient);padding:6px 18px;border-radius:50px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;box-shadow:0 4px 15px rgba(227,24,55,.4)}\n .modal-hero-title h2{font-family:'Playfair Display',serif;font-size:42px;font-weight:800;color:#fff;line-height:1.1}\n .modal-hero-title h2 .highlight{color:var(--accent)}\n\n .modal-body{padding:50px 40px}\n\n .modal-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;align-items:center}\n .modal-intro-text h3{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:18px}\n .modal-intro-text h3 .highlight{color:var(--accent)}\n .modal-intro-text p{font-size:15px;line-height:1.9;color:rgba(255,255,255,.55);margin-bottom:15px}\n .modal-intro-text ul{list-style:none;margin-top:20px}\n .modal-intro-text ul li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:14px}\n .modal-intro-text ul li i{color:var(--accent);font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.1);border-radius:8px;flex-shrink:0}\n\n .modal-intro-img{border-radius:20px;overflow:hidden;height:350px;border:1px solid rgba(227,24,55,.1);box-shadow:0 20px 50px rgba(0,0,0,.4)}\n .modal-intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n .modal-intro-img:hover img{transform:scale(1.05)}\n\n .modal-gallery{margin-bottom:50px}\n .modal-gallery h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:25px;display:flex;align-items:center;gap:12px}\n .modal-gallery h3 i{color:var(--accent)}\n .modal-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n .modal-gallery-item{border-radius:16px;overflow:hidden;height:220px;border:1px solid rgba(255,255,255,.06);transition:all .4s;cursor:pointer;position:relative}\n .modal-gallery-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(227,24,55,.15);opacity:0;transition:opacity .3s;z-index:1}\n .modal-gallery-item::after{content:'\\f00e';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:24px;z-index:2;transition:transform .3s}\n .modal-gallery-item:hover::before{opacity:1}\n .modal-gallery-item:hover::after{transform:translate(-50%,-50%) scale(1)}\n .modal-gallery-item:hover{border-color:rgba(227,24,55,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}\n .modal-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n .modal-gallery-item:hover img{transform:scale(1.1)}\n\n \/* MODAL FEATURES *\/\n .modal-features{margin-bottom:50px}\n .modal-features h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:25px;display:flex;align-items:center;gap:12px}\n .modal-features h3 i{color:var(--accent)}\n .modal-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n .modal-feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:30px 25px;text-align:center;transition:all .4s}\n .modal-feature-card:hover{background:rgba(227,24,55,.04);border-color:rgba(227,24,55,.2);transform:translateY(-5px)}\n .modal-feature-card-icon{width:60px;height:60px;margin:0 auto 15px;border-radius:50%;background:rgba(227,24,55,.1);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);transition:all .4s}\n .modal-feature-card:hover .modal-feature-card-icon{background:var(--red-gradient);color:#fff;transform:scale(1.1);box-shadow:0 10px 25px rgba(227,24,55,.3)}\n .modal-feature-card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}\n .modal-feature-card p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.4)}\n\n \/* WHATSAPP CONTACT FORM *\/\n .modal-whatsapp-form{background:rgba(255,255,255,.02);border:1px solid rgba(227,24,55,.15);border-radius:20px;padding:40px;position:relative;overflow:hidden}\n .modal-whatsapp-form::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--red-gradient)}\n .modal-whatsapp-form h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:12px}\n .modal-whatsapp-form h3 i{color:#25D366;font-size:28px}\n .modal-whatsapp-form>p{font-size:14px;color:rgba(255,255,255,.4);margin-bottom:30px}\n\n .wa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}\n .wa-form-group{margin-bottom:0}\n .wa-form-group.full{grid-column:1\/-1}\n .wa-form-group label{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:6px;text-transform:uppercase;letter-spacing:1.5px}\n .wa-form-group input,.wa-form-group textarea,.wa-form-group select{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:'Poppins',sans-serif;font-size:14px;color:#fff;background:rgba(255,255,255,.03);transition:all .3s;outline:none}\n .wa-form-group input::placeholder,.wa-form-group textarea::placeholder{color:rgba(255,255,255,.2)}\n .wa-form-group input:focus,.wa-form-group textarea:focus,.wa-form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(227,24,55,.1);background:rgba(227,24,55,.02)}\n .wa-form-group select option{background:var(--secondary);color:#fff}\n .wa-form-group textarea{height:110px;resize:vertical}\n\n .wa-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;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:1.5px;cursor:pointer;transition:all .4s;box-shadow:0 8px 25px rgba(37,211,102,.3);margin-top:10px;position:relative;overflow:hidden}\n .wa-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}\n .wa-submit:hover::before{left:100%}\n .wa-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(37,211,102,.5)}\n .wa-submit i{font-size:20px}\n\n \/* ==================== CTA ==================== *\/\n .cta-section{padding:120px 0;background:var(--secondary);position:relative;overflow:hidden}\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}\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}\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}\n .cta-box h2{font-family:'Playfair Display',serif;font-size:46px;color:#fff;margin-bottom:20px}\n .cta-box h2 .highlight{color:var(--accent)}\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}\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}\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}\n .btn-primary:hover::before{left:100%}\n .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(227,24,55,.5)}\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}\n .btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}\n\n \/* FOOTER *\/\n .footer{background:var(--secondary);padding-top:80px;border-top:1px solid rgba(227,24,55,.1)}\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)}\n .footer-about .logo{margin-bottom:20px;display:inline-block}\n .footer-about .logo img{height:76px}\n .footer-about p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.4);margin-bottom:25px}\n .footer-social{display:flex;gap:10px}\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}\n .footer-social a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,24,55,.3)}\n .footer h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:25px;position:relative;padding-bottom:15px}\n .footer h4::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--red-gradient);border-radius:10px}\n .footer-links{list-style:none}\n .footer-links li{margin-bottom:12px}\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}\n .footer-links li a::before{content:'';width:0;height:2px;background:var(--accent);transition:width .3s}\n .footer-links li a:hover{color:var(--accent);padding-left:5px}\n .footer-links li a:hover::before{width:15px}\n .footer-contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}\n .footer-contact-item i{color:var(--accent);font-size:14px;margin-top:4px;flex-shrink:0}\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}\n .footer-contact-item a:hover{color:var(--accent)}\n .footer-bottom{padding:25px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}\n .footer-bottom p{color:rgba(255,255,255,.3);font-size:13px}\n .footer-bottom p .highlight{color:var(--accent)}\n .footer-bottom-links{display:flex;gap:25px}\n .footer-bottom-links a{color:rgba(255,255,255,.3);text-decoration:none;font-size:13px;transition:color .3s}\n .footer-bottom-links a:hover{color:var(--accent)}\n\n \/* SCROLL TOP & WHATSAPP *\/\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}\n .scroll-top.visible{opacity:1;visibility:visible}\n .scroll-top:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(227,24,55,.6)}\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}\n .whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 35px rgba(37,211,102,.6)}\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)}}\n\n \/* ANIMATIONS *\/\n .animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.16,1,.3,1)}\n .animate-on-scroll.animated{opacity:1;transform:translateY(0)}\n .animate-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.16,1,.3,1)}\n .animate-scale.animated{opacity:1;transform:scale(1)}\n\n\n .top-bar-item.hide-mobile{display:flex}\n .service-card-img img,.modal-hero img,.modal-intro-img img,.modal-gallery-item img{image-rendering:auto}\n .additional-services-section{padding:0 0 120px;background:var(--primary);position:relative}\n .additional-services-section .section-header{margin-bottom:60px}\n .additional-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}\n .additional-service-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:all .45s cubic-bezier(.16,1,.3,1)}\n .additional-service-card:hover{transform:translateY(-10px);border-color:rgba(227,24,55,.25);box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 30px rgba(227,24,55,.08)}\n .additional-service-card .service-card-img{height:250px}\n .additional-service-card .service-card-content p{display:block}\n .additional-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.22);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:18px}\n .modal-list-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin:28px 0 16px}\n .modal-performance{margin-top:30px;padding:24px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}\n .modal-performance h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:10px}\n .modal-performance h4 i{color:var(--accent)}\n .modal-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n .modal-performance-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(227,24,55,.06);border:1px solid rgba(227,24,55,.12);color:rgba(255,255,255,.84);font-size:14px}\n .modal-performance-item i{color:var(--accent)}\n .quick-actions a{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}\n .quick-actions a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 20px rgba(227,24,55,.4)}\n\n \/* RESPONSIVE *\/\n @media(max-width:1200px){\n .page-hero-content h1{font-size:56px}\n .section-title{font-size:40px}\n .services-grid{grid-template-columns:repeat(2,1fr)}\n .additional-services-grid{grid-template-columns:repeat(2,1fr)}\n .modal-intro{grid-template-columns:1fr}\n .modal-features-grid{grid-template-columns:repeat(2,1fr)}\n .footer-grid{grid-template-columns:repeat(2,1fr)}\n }\n @media(max-width:992px){\n .custom-cursor,.cursor-dot{display:none}\n .nav-menu{display:none}\n .hamburger{display:flex}\n \n .modal-gallery-grid{grid-template-columns:repeat(2,1fr)}\n .modal-hero{height:250px}\n .modal-hero-title h2{font-size:32px}\n .modal-body{padding:30px 25px}\n }\n @media(max-width:768px){\n .top-bar-item.hide-mobile{display:none}\n .additional-services-grid{grid-template-columns:1fr}\n .top-bar-left .top-bar-item:nth-child(5){display:none}\n .header .container{height:75px}\n .logo img{height:50px}\n .page-hero{min-height:400px}\n .page-hero-content h1{font-size:38px}\n .section-title{font-size:32px}\n .services-grid{grid-template-columns:1fr}\n .service-card-img{height:240px}\n .modal-hero{height:200px}\n .modal-hero-title h2{font-size:26px}\n .modal-hero-title{left:25px}\n .modal-features-grid{grid-template-columns:1fr}\n .modal-gallery-grid{grid-template-columns:1fr}\n .wa-form-row{grid-template-columns:1fr}\n .cta-box{padding:50px 25px}\n .cta-box h2{font-size:30px}\n .footer-grid{grid-template-columns:1fr;gap:35px}\n }\n @media(max-width:480px){\n .top-bar .container{flex-direction:column;gap:8px}\n .logo img{height:64px}\n .preloader-logo{width:92px}\n .top-bar-left{justify-content:center}\n .top-bar-right{justify-content:center}\n .page-hero-content h1{font-size:30px}\n .section-title{font-size:26px}\n .modal-body{padding:20px 15px}\n .modal-whatsapp-form{padding:25px 20px}\n .cta-box h2{font-size:24px}\n }\n <\/style>\n<\/head>\n<body>\n \n <!-- Preloader -->\n <div class=\"preloader\" id=\"preloader\">\n <div class=\"preloader-logo\">\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"DGTCO Logo\">\n <\/div>\n <div class=\"preloader-bar\"><div class=\"preloader-bar-fill\"><\/div><\/div>\n <\/div>\n<!-- Custom Cursor -->\n <div class=\"custom-cursor\" id=\"cursor\"><\/div>\n <div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\n\n \n <!-- Top Bar -->\n <div class=\"top-bar\">\n <div class=\"container\">\n <div class=\"top-bar-left\">\n <a href=\"tel:+971522654987\" class=\"top-bar-item\"><i class=\"fas fa-phone-alt\"><\/i><span>+971 522 654 987<\/span><\/a>\n <a href=\"mailto:info@dgtco.ae\" class=\"top-bar-item\"><i class=\"fas fa-envelope\"><\/i><span>info@dgtco.ae<\/span><\/a>\n <a href=\"mailto:sales@dgtco.ae\" class=\"top-bar-item hide-mobile\"><i class=\"fas fa-envelope-open-text\"><\/i><span>sales@dgtco.ae<\/span><\/a>\n <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"top-bar-item\"><i class=\"fab fa-whatsapp\"><\/i><span>WhatsApp: +971 522 654 987<\/span><\/a>\n <a href=\"#\" class=\"top-bar-item hide-mobile\"><i class=\"fas fa-map-marker-alt\"><\/i><span>Dubai, UAE<\/span><\/a>\n <\/div>\n <div class=\"top-bar-right quick-actions\">\n <a href=\"tel:+971522654987\" aria-label=\"Call DGTCO\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n <a href=\"mailto:info@dgtco.ae\" aria-label=\"Email DGTCO\"><i class=\"fas fa-envelope\"><\/i><\/a>\n <a href=\"mailto:sales@dgtco.ae\" aria-label=\"Sales Email\"><i class=\"fas fa-envelope-open-text\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" aria-label=\"WhatsApp DGTCO\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\" aria-label=\"Visit Website\"><i class=\"fas fa-globe\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n\n\n <!-- Header -->\n <header class=\"header\" id=\"header\">\n <div class=\"container\">\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\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"DGTCO | MY Uniforms\"><\/a>\n <nav>\n <ul class=\"nav-menu\">\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"active\">Our Services<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\" class=\"nav-cta\">Contact Us<\/a><\/li>\n <\/ul>\n <\/nav>\n <div class=\"hamburger\" id=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <\/header>\n\n \n <!-- Mobile Overlay -->\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\n <!-- Mobile Menu -->\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"DGTCO | MY Uniforms\">\n <button class=\"mobile-close\" id=\"mobileClose\"><i class=\"fas fa-times\"><\/i><\/button>\n <\/div>\n <ul class=\"mobile-menu-nav\">\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\"><i class=\"fas fa-home\"><\/i> Home<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\"><i class=\"fas fa-building\"><\/i> About Us<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"active\"><i class=\"fas fa-concierge-bell\"><\/i> Our Services<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\"><i class=\"fas fa-paper-plane\"><\/i> Contact Us<\/a><\/li>\n <\/ul>\n <div class=\"mobile-menu-divider\"><\/div>\n <div class=\"mobile-menu-contact\">\n <h4>Get In Touch<\/h4>\n <a href=\"tel:+971522654987\" class=\"mobile-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><span>+971 522 654 987<\/span><\/a>\n <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"mobile-contact-item\"><i class=\"fab fa-whatsapp\"><\/i><span>+971 522 654 987<\/span><\/a>\n <a href=\"mailto:info@dgtco.ae\" class=\"mobile-contact-item\"><i class=\"fas fa-envelope\"><\/i><span>info@dgtco.ae<\/span><\/a>\n <a href=\"mailto:sales@dgtco.ae\" class=\"mobile-contact-item\"><i class=\"fas fa-envelope-open-text\"><\/i><span>sales@dgtco.ae<\/span><\/a>\n <div class=\"mobile-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><span>Dubai, UAE<\/span><\/div>\n <\/div>\n <div class=\"mobile-social\">\n <a href=\"tel:+971522654987\" aria-label=\"Call\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n <a href=\"mailto:info@dgtco.ae\" aria-label=\"Email\"><i class=\"fas fa-envelope\"><\/i><\/a>\n <a href=\"mailto:sales@dgtco.ae\" aria-label=\"Sales Email\"><i class=\"fas fa-envelope-open-text\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\" aria-label=\"Website\"><i class=\"fas fa-globe\"><\/i><\/a>\n <\/div>\n <\/div>\n\n\n <!-- Page Hero -->\n <section class=\"page-hero\">\n <div class=\"page-hero-bg\"><\/div>\n <div class=\"page-hero-overlay\"><\/div>\n <div class=\"page-hero-particles\">\n <div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div>\n <div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div><div class=\"hero-particle\"><\/div>\n <\/div>\n <div class=\"page-hero-shapes\">\n <div class=\"hero-shape hero-shape-1\"><\/div>\n <div class=\"hero-shape hero-shape-2\"><\/div>\n <\/div>\n <div class=\"page-hero-content\">\n <div class=\"page-hero-badge\"><i class=\"fas fa-layer-group\"><\/i><span>Industry-Focused Uniform Solutions<\/span><\/div>\n <h1>Tailored <span class=\"highlight\">Uniform Services<\/span><\/h1>\n <div class=\"page-hero-breadcrumb\">\n <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><i class=\"fas fa-chevron-right\"><\/i><span>Our Services<\/span>\n <\/div>\n <\/div>\n <div class=\"page-hero-line\"><\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"services-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-subtitle animate-on-scroll\">Premium Uniform Solutions<\/div>\n <h2 class=\"section-title animate-on-scroll\">Explore Our <span class=\"highlight\">Services<\/span><\/h2>\n <p class=\"section-desc animate-on-scroll\">We deliver comprehensive, industry-wide uniform solutions designed to meet your exact needs. Click \u201cKnow More\u201d to explore each service in detail.<\/p>\n <\/div>\n <div class=\"services-grid\" id=\"servicesGrid\"><\/div>\n <\/div>\n \n <\/section>\n\n <section class=\"additional-services-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-subtitle animate-on-scroll\">Added Expertise<\/div>\n <h2 class=\"section-title animate-on-scroll\">Additional <span class=\"highlight\">Services<\/span><\/h2>\n <p class=\"section-desc animate-on-scroll\">We extend our knowledge and expertise to support our clients with the utmost care, right down to the smallest details.<\/p>\n <\/div>\n <div class=\"additional-services-grid\">\n <div class=\"additional-service-card animate-on-scroll\">\n <div class=\"service-card-img\">\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34.jpeg\" alt=\"Alteration Services\" loading=\"lazy\">\n <div class=\"service-card-img-overlay\"><\/div>\n <\/div>\n <div class=\"service-card-content\">\n <span class=\"additional-tag\"><i class=\"fas fa-ruler-combined\"><\/i> Tailoring Support<\/span>\n <h3>Alteration Services<\/h3>\n <p>We offer alterations, repairs, measuring, and detailed finishing to make sure every uniform delivers the right fit and a polished final look.<\/p>\n <\/div>\n <\/div>\n <div class=\"additional-service-card animate-on-scroll\">\n <div class=\"service-card-img\">\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-2.jpeg\" alt=\"Embroidery Services\" loading=\"lazy\">\n <div class=\"service-card-img-overlay\"><\/div>\n <\/div>\n <div class=\"service-card-content\">\n <span class=\"additional-tag\"><i class=\"fas fa-scissors\"><\/i> Branding Finish<\/span>\n <h3>Embroidery Services<\/h3>\n <p>Regardless of design size or placement, we produce high-quality embroidery output that enhances brand visibility with a premium finish.<\/p>\n <\/div>\n <\/div>\n <div class=\"additional-service-card animate-on-scroll\">\n <div class=\"service-card-img\">\n <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-2.jpeg\" alt=\"Silk Screen, DTF and UF Print\" loading=\"lazy\">\n <div class=\"service-card-img-overlay\"><\/div>\n <\/div>\n <div class=\"service-card-content\">\n <span class=\"additional-tag\"><i class=\"fas fa-print\"><\/i> Textile Printing<\/span>\n <h3>Silk Screen, DTF & UF Print<\/h3>\n <p>We provide dependable printing services across many textile and fabric types, delivering durable, sharp, and production-ready results.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <!-- SERVICE MODAL -->\n <div class=\"service-modal-overlay\" id=\"serviceModal\">\n <div class=\"service-modal\">\n <button class=\"modal-close\" id=\"modalClose\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"modal-scroll\" id=\"modalScroll\"><\/div>\n <\/div>\n <\/div>\n\n \n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-about\">\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\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"DGTCO | MY Uniforms\"><\/a>\n <p>DGTCO \u2013 Diyaar General Trading delivers premium uniform solutions for corporate, industrial, hospitality, healthcare, education, and security sectors across the UAE.<\/p>\n <div class=\"footer-social\">\n <a href=\"tel:+971522654987\" aria-label=\"Call\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n <a href=\"mailto:info@dgtco.ae\" aria-label=\"Email\"><i class=\"fas fa-envelope\"><\/i><\/a>\n <a href=\"mailto:sales@dgtco.ae\" aria-label=\"Sales Email\"><i class=\"fas fa-envelope-open-text\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\" aria-label=\"Website\"><i class=\"fas fa-globe\"><\/i><\/a>\n <\/div>\n <\/div>\n <div>\n <h4>Quick Links<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Our Services<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Solutions<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Corporate Uniforms<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Industrial Workwear<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Hospitality Uniforms<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Healthcare Uniforms<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">School Uniforms<\/a><\/li>\n <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Additional Services<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Contact Info<\/h4>\n <div class=\"footer-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><p>Dubai, United Arab Emirates<\/p><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><a href=\"tel:+971522654987\">+971 522 654 987<\/a><\/div>\n <div class=\"footer-contact-item\"><i class=\"fab fa-whatsapp\"><\/i><a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\">+971 522 654 987<\/a><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:info@dgtco.ae\">info@dgtco.ae<\/a><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-envelope-open-text\"><\/i><a href=\"mailto:sales@dgtco.ae\">sales@dgtco.ae<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>© 2026 <span class=\"highlight\">DGTCO - Diyaar General Trading<\/span>. All Rights Reserved.<\/p>\n <div class=\"footer-bottom-links\"><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/\">Home<\/a><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\">Contact<\/a><\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n\n <button class=\"scroll-top\" id=\"scrollTop\"><i class=\"fas fa-chevron-up\"><\/i><\/button>\n <a href=\"https:\/\/wa.me\/971522654987\" class=\"whatsapp-float\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n\n<script>\n\/\/ =====================================================\n\/\/ DEVICE DETECTION\n\/\/ =====================================================\nfunction isTouchDevice(){\n return (\n 'ontouchstart' in window ||\n navigator.maxTouchPoints > 0 ||\n window.matchMedia('(pointer: coarse)').matches\n );\n}\nconst isMobile = isTouchDevice();\n\n\/\/ =====================================================\n\/\/ SERVICES DATA (UNCHANGED)\n\/\/ =====================================================\n\nconst servicesData = [\n {\n id: 'corporate',\n title: 'Corporate Uniforms',\n badge: 'Corporate',\n shortDesc: 'Premium corporate uniforms tailored to strengthen brand identity, polish, and all-day comfort.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-1.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-2.jpeg',\n introHeading: 'Elevate Your Brand with Premium Corporate Uniform Solutions',\n listTitle: 'What We Offer',\n description: 'Your team\u2019s appearance is a powerful extension of your brand. Our corporate uniform solutions are crafted to embody your company\u2019s values, identity, and professionalism. From executive attire to modern office wear, every piece is tailored with precision using premium fabrics that deliver all-day comfort and durability.',\n description2: 'We collaborate closely with your team to understand your brand guidelines, color palette, and functional needs. The result is a uniform collection that not only leaves a lasting impression on clients but also enhances employee confidence and unity.',\n features: [\n { icon: 'fa-user-tie', title: 'Executive Attire', desc: 'Polished tailoring for senior teams and client-facing staff' },\n { icon: 'fa-shirt', title: 'Office Wear', desc: 'Modern shirts, trousers, and smart separates' },\n { icon: 'fa-pen-ruler', title: 'Brand Alignment', desc: 'Uniform styling guided by your corporate identity' }\n ],\n checklist: [\n 'Custom branding & embroidery to showcase your identity',\n 'Premium fabric selection for comfort and longevity',\n 'Tailored fit for all sizes ensuring every team member looks their best',\n 'Bulk order discounts for cost-effective scaling',\n 'Fast turnaround time to meet your deadlines',\n 'Free design consultation to bring your vision to life'\n ],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-1.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-2.jpeg']\n },\n {\n id: 'industrial',\n title: 'Industrial Workwear',\n badge: 'Industrial',\n shortDesc: 'High-performance workwear engineered for safety, durability, visibility, and daily site use.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-3.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-2.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/02\/download-8.jpg',\n introHeading: 'Industrial Workwear Engineered for Safety, Durability & Professionalism',\n listTitle: 'Why Our Workwear Stands Out',\n description: 'Our industrial workwear is designed to perform in the toughest environments. Every garment is built with high-grade materials, advanced safety features, and reinforced construction to ensure long-lasting protection for your workforce.',\n description2: 'We provide complete workwear solutions tailored to diverse industries across the UAE, including coveralls, high-visibility apparel, flame-resistant gear, and specialized protective uniforms that meet international and UAE safety standards.',\n features: [\n { icon: 'fa-hard-hat', title: 'Protective Build', desc: 'Strong materials and reinforced detailing for demanding operations' },\n { icon: 'fa-vest-patches', title: 'Visibility & Compliance', desc: 'High-visibility options designed for safer day and night work' },\n { icon: 'fa-industry', title: 'Industry Ready', desc: 'Configured for construction, logistics, engineering, and more' }\n ],\n checklist: [\n 'Safety-standard compliant \u2014 Designed to meet international and UAE regulatory requirements',\n 'Flame-resistant options \u2014 Enhanced protection for high-risk environments',\n 'Reflective strip integration \u2014 Improved visibility for day and night operations',\n 'Reinforced stitching \u2014 Built for durability and heavy-duty use',\n 'Multiple pocket configurations \u2014 Practical designs for tools and daily essentials',\n 'Custom branding \u2014 Company logo printing for a unified, professional look'\n ],\n performanceTitle: 'Tested for Performance',\n performancePoints: ['Durability', 'Comfort', 'Safety compliance', 'Long-term wear resistance'],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-3.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-2.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/02\/download-8.jpg']\n },\n {\n id: 'hospitality',\n title: 'Hospitality Uniforms',\n badge: 'Hospitality',\n shortDesc: 'Refined hospitality uniforms for hotels, restaurants, caf\u00e9s, and premium guest-facing teams.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg',\n introHeading: 'Hospitality Uniforms Designed for Elevated Guest Experience',\n listTitle: 'What We Offer',\n description: 'Our hospitality uniforms are designed to reflect elegance, service culture, and polished presentation. From front desk teams and restaurant staff to housekeeping and concierge roles, every garment is selected to balance comfort with a refined appearance.',\n description2: 'We tailor hospitality uniforms around your brand personality, service standards, and operational needs, helping your staff present a unified, professional image throughout every guest interaction.',\n features: [\n { icon: 'fa-bell-concierge', title: 'Front Office Wear', desc: 'Smart presentation for reception and concierge teams' },\n { icon: 'fa-utensils', title: 'Restaurant Uniforms', desc: 'Polished uniforms for service and kitchen environments' },\n { icon: 'fa-spa', title: 'Resort & Spa Styling', desc: 'Comfort-focused looks with premium finishing' }\n ],\n checklist: [\n 'Elegant uniform styling for guest-facing teams',\n 'Comfortable fabrics suited for long shifts',\n 'Brand-matched color and trim options',\n 'Easy-care materials for daily use',\n 'Consistent presentation across departments',\n 'Custom branding and finishing details'\n ],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg']\n },\n {\n id: 'healthcare',\n title: 'Healthcare Uniforms',\n badge: 'Healthcare',\n shortDesc: 'Professional healthcare uniforms designed for comfort, hygiene, and dependable daily performance.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-1.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-1.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-2.jpeg',\n introHeading: 'Healthcare Uniforms Built for Comfort, Hygiene & Daily Performance',\n listTitle: 'What We Offer',\n description: 'Our healthcare uniforms support medical, clinical, and wellness professionals with garments that prioritize comfort, ease of movement, and a clean professional appearance. We develop dependable solutions for daily wear in fast-paced care environments.',\n description2: 'From scrubs and lab coats to coordinated healthcare attire, each solution is selected to help teams stay comfortable through long shifts while maintaining a polished and trustworthy presentation.',\n features: [\n { icon: 'fa-user-doctor', title: 'Medical Scrubs', desc: 'Comfort-focused uniforms for active clinical teams' },\n { icon: 'fa-flask', title: 'Lab & Clinic Wear', desc: 'Clean, professional layers for medical settings' },\n { icon: 'fa-heart-pulse', title: 'Functional Comfort', desc: 'Smart designs made for movement and daily wear' }\n ],\n checklist: [\n 'Comfortable fabrics for long working hours',\n 'Professional coordinated appearance',\n 'Functional pockets and practical detailing',\n 'Easy-care material selection',\n 'Custom embroidery and name personalization',\n 'Options for clinics, hospitals, and wellness teams'\n ],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-1.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-1.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-2.jpeg']\n },\n {\n id: 'school',\n title: 'School Uniforms',\n badge: 'Education',\n shortDesc: 'Reliable school uniforms built for comfort, neat appearance, and everyday student durability.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-1.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-2.jpeg',\n introHeading: 'School Uniforms Made for Comfort, Confidence & Daily Wear',\n listTitle: 'What We Offer',\n description: 'We produce school uniform solutions that combine comfort, durability, and neat presentation. Each garment is selected to handle daily use, regular washing, and active school life while helping students look smart and feel confident.',\n description2: 'Our school uniform programs can be tailored for different grade levels, departments, and seasonal needs, ensuring consistency across your institution while keeping comfort and value at the forefront.',\n features: [\n { icon: 'fa-graduation-cap', title: 'Core Uniform Sets', desc: 'Shirts, trousers, skirts, and coordinated essentials' },\n { icon: 'fa-shirt', title: 'Daily Comfort', desc: 'Student-friendly fits designed for repeated use' },\n { icon: 'fa-school', title: 'Institution Branding', desc: 'Uniform styling aligned to school identity' }\n ],\n checklist: [\n 'Durable fabric choices for everyday use',\n 'Comfortable sizing across age groups',\n 'Clean and consistent school presentation',\n 'Color and trim matching for institution identity',\n 'Embroidery for logos and school names',\n 'Value-driven supply for recurring orders'\n ],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-1.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-2.jpeg']\n },\n {\n id: 'security',\n title: 'Security Uniforms',\n badge: 'Security',\n shortDesc: 'Authority-driven security uniforms created for professional presence, comfort, and performance.',\n image: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-5.jpeg',\n modalImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg',\n introImage: 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-3.jpeg',\n introHeading: 'Security Uniforms Tailored for Authority, Confidence & Duty',\n listTitle: 'What We Offer',\n description: 'Our security uniforms are designed to project professionalism, authority, and trust across commercial, residential, and event environments. Every piece is developed to help security teams maintain a sharp, dependable presence throughout long shifts.',\n description2: 'We offer adaptable security uniform solutions with strong construction, practical detailing, and coordinated branding that supports operational comfort without compromising appearance.',\n features: [\n { icon: 'fa-user-shield', title: 'Professional Presence', desc: 'Uniforms that strengthen visibility and authority' },\n { icon: 'fa-shield-halved', title: 'Duty-Ready Design', desc: 'Functional layouts suited to shift-based operations' },\n { icon: 'fa-id-badge', title: 'Custom Branding', desc: 'Badges, insignia, and company identity details' }\n ],\n checklist: [\n 'Professional styling for guard and patrol teams',\n 'Comfortable construction for long shifts',\n 'Functional pocket placement and practical details',\n 'Branding options for company identity',\n 'Consistent appearance across departments',\n 'Durable materials for recurring daily use'\n ],\n gallery: ['https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-5.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg', 'https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-3.jpeg']\n }\n];\n\n\n\/\/ =====================================================\n\/\/ RENDER SERVICE CARDS (UNCHANGED)\n\/\/ =====================================================\nconst servicesGrid = document.getElementById('servicesGrid');\nservicesData.forEach((service) => {\n const card = document.createElement('div');\n card.className = 'service-card animate-on-scroll';\n card.setAttribute('data-service', service.id);\n card.innerHTML = `\n <div class=\"service-card-img\">\n <img decoding=\"async\" src=\"${service.image}\" alt=\"${service.title}\" loading=\"lazy\">\n <div class=\"service-card-img-overlay\"><\/div>\n <span class=\"service-card-img-badge\">${service.badge}<\/span>\n <\/div>\n <div class=\"service-card-content\">\n <h3>${service.title}<\/h3>\n <p>${service.shortDesc}<\/p>\n <button class=\"btn-know-more\" onclick=\"openModal('${service.id}')\">\n Know More <i class=\"fas fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n `;\n servicesGrid.appendChild(card);\n});\n\n\/\/ =====================================================\n\/\/ MODAL LOGIC (UNCHANGED)\n\/\/ =====================================================\nconst modalOverlay = document.getElementById('serviceModal');\nconst modalScroll = document.getElementById('modalScroll');\nconst modalCloseBtn = document.getElementById('modalClose');\n\nfunction openModal(serviceId) {\n const service = servicesData.find(s => s.id === serviceId);\n if (!service) return;\n\n modalScroll.innerHTML = `\n <div class=\"modal-hero\">\n <img decoding=\"async\" src=\"${service.modalImage}\" alt=\"${service.title}\">\n <div class=\"modal-hero-overlay\"><\/div>\n <div class=\"modal-hero-title\">\n <span class=\"modal-badge\"><i class=\"fas fa-star\"><\/i> ${service.badge}<\/span>\n <h2>${service.title.replace(service.title.split(' ').pop(), `<span class=\"highlight\">${service.title.split(' ').pop()}<\/span>`)}<\/h2>\n <\/div>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"modal-intro\">\n <div class=\"modal-intro-text\">\n <h3>${service.introHeading || 'About This <span class=\"highlight\">Service<\/span>'}<\/h3>\n <p>${service.description}<\/p>\n <p>${service.description2}<\/p>\n <h4 class=\"modal-list-title\">${service.listTitle || 'What We Offer'}<\/h4>\n <ul>\n ${service.checklist.map(item => `<li><i class=\"fas fa-check\"><\/i>${item}<\/li>`).join('')}\n <\/ul>\n ${service.performancePoints ? `\n <div class=\"modal-performance\">\n <h4><i class=\"fas fa-shield-heart\"><\/i> ${service.performanceTitle || 'Tested for Performance'}<\/h4>\n <div class=\"modal-performance-grid\">\n ${service.performancePoints.map(point => `<div class=\"modal-performance-item\"><i class=\"fas fa-circle-check\"><\/i><span>${point}<\/span><\/div>`).join('')}\n <\/div>\n <\/div>\n ` : ''}\n <\/div>\n <div class=\"modal-intro-img\">\n <img decoding=\"async\" src=\"${service.introImage}\" alt=\"${service.title}\">\n <\/div>\n <\/div>\n\n <div class=\"modal-features\">\n <h3><i class=\"fas fa-cubes\"><\/i> What We Deliver<\/h3>\n <div class=\"modal-features-grid\">\n ${service.features.map(f => `\n <div class=\"modal-feature-card\">\n <div class=\"modal-feature-card-icon\"><i class=\"fas ${f.icon}\"><\/i><\/div>\n <h4>${f.title}<\/h4>\n <p>${f.desc}<\/p>\n <\/div>\n `).join('')}\n <\/div>\n <\/div>\n\n <div class=\"modal-gallery\">\n <h3><i class=\"fas fa-images\"><\/i> Service Highlights<\/h3>\n <div class=\"modal-gallery-grid\">\n ${service.gallery.map(img => `\n <div class=\"modal-gallery-item\">\n <img decoding=\"async\" src=\"${img}\" alt=\"${service.title}\" loading=\"lazy\">\n <\/div>\n `).join('')}\n <\/div>\n <\/div>\n\n <div class=\"modal-whatsapp-form\">\n <h3><i class=\"fab fa-whatsapp\"><\/i> Quick Enquiry via WhatsApp<\/h3>\n <p>Kindly provide your information, and our team will contact you without delay.<\/p>\n <form id=\"waForm\" onsubmit=\"sendWhatsApp(event, '${service.title}')\">\n <div class=\"wa-form-row\">\n <div class=\"wa-form-group\">\n <label>Your Name *<\/label>\n <input type=\"text\" id=\"waName\" placeholder=\"Full Name\" required>\n <\/div>\n <div class=\"wa-form-group\">\n <label>Phone Number *<\/label>\n <input type=\"tel\" id=\"waPhone\" placeholder=\"+971 5X XXX XXXX\" required>\n <\/div>\n <\/div>\n <div class=\"wa-form-row\">\n <div class=\"wa-form-group\">\n <label>Email Address<\/label>\n <input type=\"email\" id=\"waEmail\" placeholder=\"your@email.com\">\n <\/div>\n <div class=\"wa-form-group\">\n <label>Company Name<\/label>\n <input type=\"text\" id=\"waCompany\" placeholder=\"Your Company\">\n <\/div>\n <\/div>\n <div class=\"wa-form-group full\" style=\"margin-bottom:18px\">\n <label>Your Message<\/label>\n <textarea id=\"waMessage\" placeholder=\"Tell us about your uniform requirements...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"wa-submit\">\n <i class=\"fab fa-whatsapp\"><\/i> Send via WhatsApp\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n `;\n\n modalOverlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n modalScroll.scrollTop = 0;\n}\n\nfunction closeModal() {\n modalOverlay.classList.remove('active');\n document.body.style.overflow = '';\n}\n\nmodalCloseBtn.addEventListener('click', closeModal);\nmodalOverlay.addEventListener('click', (e) => { if (e.target === modalOverlay) closeModal(); });\ndocument.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModal(); });\n\n\/\/ =====================================================\n\/\/ WHATSAPP FORM (UNCHANGED)\n\/\/ =====================================================\nfunction sendWhatsApp(e, serviceName) {\n e.preventDefault();\n const name = document.getElementById('waName').value;\n const phone = document.getElementById('waPhone').value;\n const email = document.getElementById('waEmail').value;\n const company = document.getElementById('waCompany').value;\n const message = document.getElementById('waMessage').value;\n\n let text = `\ud83d\udd34 *MY UNIFORMS - New Enquiry*\n\n`;\n text += `\ud83d\udccb *Service:* ${serviceName}\n`;\n text += `\ud83d\udc64 *Name:* ${name}\n`;\n text += `\ud83d\udcf1 *Phone:* ${phone}\n`;\n if (email) text += `\ud83d\udce7 *Email:* ${email}\n`;\n if (company) text += `\ud83c\udfe2 *Company:* ${company}\n`;\n if (message) text += `\ud83d\udcac *Message:* ${message}\n`;\n text += `\n_Sent from DGTCO services page_`;\n\n const waURL = `https:\/\/wa.me\/971522654987?text=${encodeURIComponent(text)}`;\n window.open(waURL, '_blank');\n closeModal();\n}\n\n\/\/ =====================================================\n\/\/ PRELOADER (SAFE IF NOT PRESENT)\n\/\/ =====================================================\nwindow.addEventListener('load', () => {\n const pre = document.getElementById('preloader');\n if (pre) setTimeout(() => pre.classList.add('hidden'), 1800);\n});\n\n\/\/ =====================================================\n\/\/ CURSOR (DESKTOP ONLY)\n\/\/ =====================================================\nif(!isMobile){\n const cursor = document.getElementById('cursor');\n const cursorDot = document.getElementById('cursorDot');\n\n document.addEventListener('mousemove', (e) => {\n cursor.style.left = e.clientX + 'px'; cursor.style.top = e.clientY + 'px';\n cursorDot.style.left = e.clientX + 'px'; cursorDot.style.top = e.clientY + 'px';\n });\n\n document.querySelectorAll('a, button, .service-card, .btn-know-more').forEach(el => {\n el.addEventListener('mouseenter', () => cursor.classList.add('hover'));\n el.addEventListener('mouseleave', () => cursor.classList.remove('hover'));\n });\n}else{\n document.getElementById('cursor')?.remove();\n document.getElementById('cursorDot')?.remove();\n}\n\n\/\/ =====================================================\n\/\/ MOBILE MENU (UNCHANGED LOGIC)\n\/\/ =====================================================\nconst hamburger = document.getElementById('hamburger');\nconst mobileMenu = document.getElementById('mobileMenu');\nconst mobileOverlay = document.getElementById('mobileOverlay');\nconst mobileClose = document.getElementById('mobileClose');\n\nfunction openMob(){\n hamburger.classList.add('active');\n mobileMenu.classList.add('active');\n mobileOverlay.classList.add('active');\n document.body.style.overflow='hidden';\n}\nfunction closeMob(){\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n mobileOverlay.classList.remove('active');\n document.body.style.overflow='';\n}\nhamburger.addEventListener('click',()=>mobileMenu.classList.contains('active')?closeMob():openMob());\nmobileClose.addEventListener('click',closeMob);\nmobileOverlay.addEventListener('click',closeMob);\ndocument.querySelectorAll('.mobile-menu-nav a').forEach(l=>l.addEventListener('click',closeMob));\n\n\/\/ =====================================================\n\/\/ HEADER SCROLL (UNCHANGED)\n\/\/ =====================================================\nconst header = document.getElementById('header');\nconst scrollTopBtn = document.getElementById('scrollTop');\n\nwindow.addEventListener('scroll', () => {\n header.classList.toggle('scrolled', window.scrollY > 100);\n scrollTopBtn.classList.toggle('visible', window.scrollY > 500);\n});\nscrollTopBtn.addEventListener('click', () => window.scrollTo({top:0,behavior:'smooth'}));\n\n\/\/ =====================================================\n\/\/ SCROLL ANIMATIONS (UNCHANGED)\n\/\/ =====================================================\nconst animEls = document.querySelectorAll('.animate-on-scroll, .animate-scale');\nconst obs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) { entry.target.classList.add('animated'); obs.unobserve(entry.target); }\n });\n}, {threshold:.12, rootMargin:'0px 0px -60px 0px'});\nanimEls.forEach(el => obs.observe(el));\n\n\/\/ =====================================================\n\/\/ TILT ON SERVICE CARDS (DESKTOP ONLY)\n\/\/ =====================================================\nif(!isMobile){\n document.querySelectorAll('.service-card').forEach(card => {\n card.addEventListener('mousemove', (e) => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n card.style.transform = `perspective(1000px) rotateX(${(y-rect.height\/2)\/16}deg) rotateY(${(rect.width\/2-x)\/16}deg) translateY(-12px)`;\n });\n card.addEventListener('mouseleave', () => { card.style.transform = ''; });\n });\n}\n\n\/\/ =====================================================\n\/\/ PARALLAX HERO (DESKTOP ONLY)\n\/\/ =====================================================\nif(!isMobile){\n window.addEventListener('scroll', () => {\n const bg = document.querySelector('.page-hero-bg');\n if (bg) bg.style.transform = `scale(${1.1+window.scrollY*.0002}) translateY(${window.scrollY*.4}px)`;\n });\n}\n<\/script>\n<\/body>\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>Our Services – DGTCO | Diyaar General Trading | MY Uniforms +971 522 654 987 info@dgtco.ae sales@dgtco.ae WhatsApp: +971 522 654 987 Dubai, UAE Home About Us Our Services Contact Us Home About Us Our Services Contact Us Get In Touch +971 522 654 987 +971 522 654 987 info@dgtco.ae sales@dgtco.ae Dubai, UAE Industry-Focused Uniform […]<\/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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/31","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=31"}],"version-history":[{"count":73,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}