{"id":13,"date":"2026-02-13T18:36:39","date_gmt":"2026-02-13T18:36:39","guid":{"rendered":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/?page_id=13"},"modified":"2026-05-16T08:25:27","modified_gmt":"2026-05-16T08:25:27","slug":"home","status":"publish","type":"page","link":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-212b5f9 e-con-full e-flex e-con e-parent\" data-id=\"212b5f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33113a8 elementor-widget elementor-widget-html\" data-id=\"33113a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Preloader Start -->\r\n<div class=\"preloader\" id=\"preloader\">\r\n  <div class=\"preloader-brand\">\r\n    <div class=\"logo-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"D\u0130YAR DGTCO MY UNIFORMS\">\r\n    <\/div>\r\n\r\n    <div class=\"preloader-text\">\r\n      <strong>D\u0130YAR<\/strong>\r\n      <strong>DGTCO<\/strong>\r\n      <span>MY UNIFORMS<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"preloader-bar\">\r\n    <div class=\"preloader-bar-fill\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- Preloader End -->\r\n\r\n<style>\r\n  \/* Preloader Start *\/\r\n  .preloader {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 99999;\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transition: opacity 0.6s ease, visibility 0.6s ease;\r\n  }\r\n\r\n  .preloader.hidden {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .preloader-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 0;\r\n    border: none;\r\n    border-radius: 0;\r\n    background: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .preloader-brand .logo-icon {\r\n    width: 146px;\r\n    height: 146px;\r\n    padding: 0;\r\n    border-radius: 0;\r\n    overflow: visible;\r\n    background: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: none;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .preloader-brand .logo-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    filter: drop-shadow(0 16px 38px rgba(0, 0, 0, 0.32));\r\n  }\r\n\r\n  .preloader-text strong {\r\n    display: block;\r\n    font-size: 20px;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    font-family: 'Poppins', sans-serif;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .preloader-text span {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: #e31837;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    font-family: 'Poppins', sans-serif;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .preloader-bar {\r\n    width: min(240px, 70vw);\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-radius: 99px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .preloader-bar-fill {\r\n    width: 0;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #b81230, #e31837, #ff3354);\r\n    animation: loadBar 1.6s ease forwards;\r\n  }\r\n\r\n  @keyframes loadBar {\r\n    to {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .preloader-brand {\r\n      gap: 12px;\r\n    }\r\n\r\n    .preloader-brand .logo-icon {\r\n      width: 108px;\r\n      height: 108px;\r\n    }\r\n\r\n    .preloader-text strong {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .preloader-text span {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n\r\n  \/* Hide preloader inside Elementor editor\/admin preview *\/\r\n  body.elementor-editor-active .preloader,\r\n  body.elementor-editor-preview .preloader,\r\n  body.wp-admin .preloader {\r\n    display: none !important;\r\n  }\r\n  \/* Preloader End *\/\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const preloader = document.getElementById(\"preloader\");\r\n\r\n    if (!preloader) return;\r\n\r\n    const isElementorEditor =\r\n      document.body.classList.contains(\"elementor-editor-active\") ||\r\n      document.body.classList.contains(\"elementor-editor-preview\") ||\r\n      window.location.href.includes(\"elementor-preview\") ||\r\n      window.location.href.includes(\"action=elementor\") ||\r\n      window.location.href.includes(\"elementor\");\r\n\r\n    if (isElementorEditor) {\r\n      preloader.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    function hidePreloader() {\r\n      preloader.classList.add(\"hidden\");\r\n\r\n      setTimeout(function () {\r\n        preloader.style.display = \"none\";\r\n      }, 700);\r\n    }\r\n\r\n    window.addEventListener(\"load\", function () {\r\n      setTimeout(hidePreloader, 1100);\r\n    });\r\n\r\n    \/* Fallback: force hide even if load event has issues *\/\r\n    setTimeout(hidePreloader, 2500);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37105a3 e-con-full e-flex e-con e-parent\" data-id=\"37105a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52f4228 elementor-widget elementor-widget-html\" data-id=\"52f4228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Header Section Start -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<div class=\"diyar-header-wrapper\">\r\n  <div class=\"topbar\">\r\n    <div class=\"container\">\r\n      <div class=\"topbar-left\">\r\n        <a href=\"tel:+97167047214\" class=\"top-item\">\r\n          <i class=\"fas fa-phone-alt\"><\/i>\r\n          <span>+971 6 704 7214<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"mailto:info@dgtco.ae\" class=\"top-item\">\r\n          <i class=\"fas fa-envelope\"><\/i>\r\n          <span>info@dgtco.ae<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"mailto:sales@dgtco.ae\" class=\"top-item\">\r\n          <i class=\"fas fa-envelope-open-text\"><\/i>\r\n          <span>sales@dgtco.ae<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"top-item\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n          <span>WhatsApp: +971 522 654 987<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"topbar-right\">\r\n        <div class=\"top-pill\">\r\n          <i class=\"fas fa-star\"><\/i>\r\n          Empowering Your Brand Through Quality Uniforms.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <header class=\"header\" id=\"header\">\r\n    <div class=\"container\">\r\n      <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\" class=\"brand\" aria-label=\"D\u0130YAR DGTCO MY UNIFORMS home\">\r\n        <div class=\"brand-mark\">\r\n          <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"D\u0130YAR DGTCO MY UNIFORMS\">\r\n        <\/div>\r\n\r\n        <div class=\"brand-copy\">\r\n          <span class=\"eyebrow\">Premium Uniform Manufacturing<\/span>\r\n          <span class=\"main\">D\u0130YAR<\/span>\r\n          <span class=\"sub\">DGTCO | MY UNIFORMS<\/span>\r\n          <span class=\"tag\">Where Quality Uniforms Meet Exceptional Brand Identity<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <nav class=\"nav\">\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\" class=\"active\">Home<\/a>\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">About Us<\/a>\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">Our Services<\/a>\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\" class=\"nav-cta\">Get In Touch<\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"hamburger\" id=\"hamburger\" aria-label=\"Open Menu\" role=\"button\" tabindex=\"0\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n<\/div>\r\n\r\n<div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n\r\n<aside class=\"mobile-menu\" id=\"mobileMenu\">\r\n  <div class=\"mobile-head\">\r\n    <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\" class=\"mobile-brand\">\r\n      <div class=\"brand-mark\">\r\n        <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"D\u0130YAR DGTCO MY UNIFORMS\">\r\n      <\/div>\r\n\r\n      <div class=\"brand-copy\">\r\n        <span class=\"main\">D\u0130YAR<\/span>\r\n        <span class=\"sub\">DGTCO | MY UNIFORMS<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <div class=\"mobile-close\" id=\"mobileClose\" role=\"button\" tabindex=\"0\" aria-label=\"Close Menu\">\r\n      <i class=\"fas fa-times\"><\/i>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <nav class=\"mobile-nav\">\r\n    <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\" class=\"active\">\r\n      <i class=\"fas fa-home\"><\/i> Home\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\">\r\n      <i class=\"fas fa-circle-info\"><\/i> About Us\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\">\r\n      <i class=\"fas fa-briefcase\"><\/i> Our Services\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\">\r\n      <i class=\"fas fa-paper-plane\"><\/i> Get In Touch\r\n    <\/a>\r\n  <\/nav>\r\n\r\n  <div class=\"mobile-contact\">\r\n    <h4>Contact Details<\/h4>\r\n\r\n    <a href=\"tel:+97167047214\" class=\"mobile-contact-item\">\r\n      <i class=\"fas fa-phone-alt\"><\/i>\r\n      <span>+971 6 704 7214<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"mobile-contact-item\">\r\n      <i class=\"fab fa-whatsapp\"><\/i>\r\n      <span>+971 522 654 987<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"mailto:info@dgtco.ae\" class=\"mobile-contact-item\">\r\n      <i class=\"fas fa-envelope\"><\/i>\r\n      <span>info@dgtco.ae<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"mailto:sales@dgtco.ae\" class=\"mobile-contact-item\">\r\n      <i class=\"fas fa-envelope-open-text\"><\/i>\r\n      <span>sales@dgtco.ae<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/maps.app.goo.gl\/mUsVECYuf7PXPJjw7?g_st=iwb\" target=\"_blank\" class=\"mobile-contact-item\">\r\n      <i class=\"fas fa-location-dot\"><\/i>\r\n      <span>Cornish road, Ajman UAE.<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<style>\r\n  \/* Force Header Color *\/\r\n  html body .diyar-header-wrapper,\r\n  html body .diyar-header-wrapper .topbar,\r\n  html body .diyar-header-wrapper .header,\r\n  html body header.header,\r\n  html body .header,\r\n  html body .topbar {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  html body .header.scrolled,\r\n  html body header.header.scrolled {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  html body .mobile-menu,\r\n  html body aside.mobile-menu {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  html body .mobile-head {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  .diyar-header-wrapper,\r\n  .diyar-header-wrapper *,\r\n  .mobile-overlay,\r\n  .mobile-menu,\r\n  .mobile-menu * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .diyar-header-wrapper {\r\n    --header-bg: #231F20;\r\n    --accent: #e31837;\r\n    --text: #ffffff;\r\n    --text-soft: rgba(255, 255, 255, 0.72);\r\n    --text-muted: rgba(255, 255, 255, 0.48);\r\n    --gradient: linear-gradient(135deg, #b81230, #e31837, #ff3354);\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  body.menu-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .diyar-header-wrapper img,\r\n  .mobile-menu img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .diyar-header-wrapper a,\r\n  .mobile-menu a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .diyar-header-wrapper .container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .topbar {\r\n    background: #231F20 !important;\r\n    border-bottom: 1px solid rgba(227, 24, 55, 0.18);\r\n    position: relative;\r\n    z-index: 1001;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .topbar .container {\r\n    min-height: 52px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    padding: 10px 0;\r\n  }\r\n\r\n  .topbar-left,\r\n  .topbar-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .topbar-left {\r\n    row-gap: 10px;\r\n  }\r\n\r\n  .top-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--text-soft);\r\n    font-size: 13px;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .top-item:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .top-item i {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(227, 24, 55, 0.12);\r\n    color: var(--accent);\r\n    border: 1px solid rgba(227, 24, 55, 0.22);\r\n    font-size: 12px;\r\n  }\r\n\r\n  .top-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(227, 24, 55, 0.12);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(227, 24, 55, 0.22);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .top-pill i {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .header {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 1000;\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    transition: 0.35s ease;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .header.scrolled {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);\r\n    border-bottom-color: rgba(227, 24, 55, 0.22);\r\n  }\r\n\r\n  .header .container {\r\n    min-height: 96px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  .brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .brand-mark {\r\n    width: 108px;\r\n    height: 108px;\r\n    padding: 0;\r\n    border-radius: 0;\r\n    overflow: visible;\r\n    background: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: none;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n  }\r\n\r\n  .brand-mark img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.30));\r\n  }\r\n\r\n  .brand-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    line-height: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .brand-copy .eyebrow {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n  }\r\n\r\n  .brand-copy .main {\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .brand-copy .sub {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: rgba(255, 255, 255, 0.86);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .brand-copy .tag {\r\n    font-size: 10px;\r\n    color: var(--text-muted);\r\n    letter-spacing: 1.9px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .nav a {\r\n    color: rgba(255, 255, 255, 0.82);\r\n    padding: 13px 20px;\r\n    border-radius: 999px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .nav a:hover,\r\n  .nav a.active {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .nav a.active {\r\n    background: rgba(227, 24, 55, 0.14);\r\n    border: 1px solid rgba(227, 24, 55, 0.24);\r\n  }\r\n\r\n  .nav .nav-cta {\r\n    background: var(--gradient);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 28px rgba(227, 24, 55, 0.35);\r\n  }\r\n\r\n  .nav .nav-cta:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .hamburger {\r\n    display: none;\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    background: rgba(227, 24, 55, 0.10);\r\n    border: 1px solid rgba(227, 24, 55, 0.28);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .hamburger span {\r\n    display: block;\r\n    width: 22px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: #ffffff;\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .hamburger.active span:nth-child(1) {\r\n    transform: translateY(7px) rotate(45deg);\r\n  }\r\n\r\n  .hamburger.active span:nth-child(2) {\r\n    opacity: 0;\r\n  }\r\n\r\n  .hamburger.active span:nth-child(3) {\r\n    transform: translateY(-7px) rotate(-45deg);\r\n  }\r\n\r\n  .mobile-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.72);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    transition: 0.35s ease;\r\n    z-index: 99998;\r\n  }\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    position: fixed;\r\n    top: 0;\r\n    right: -420px;\r\n    width: min(400px, 92vw);\r\n    height: 100vh;\r\n    overflow-y: auto;\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n    border-left: 1px solid rgba(227, 24, 55, 0.22);\r\n    z-index: 99999;\r\n    transition: right 0.45s ease;\r\n    padding-bottom: 30px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .mobile-menu.active {\r\n    right: 0;\r\n  }\r\n\r\n  .mobile-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    padding: 24px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  .mobile-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .mobile-brand .brand-mark {\r\n    width: 84px;\r\n    height: 84px;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .mobile-brand .main {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .mobile-brand .sub {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .mobile-close {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(227, 24, 55, 0.28);\r\n    color: var(--accent);\r\n    cursor: pointer;\r\n    background: rgba(227, 24, 55, 0.10);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .mobile-nav {\r\n    padding: 14px 0;\r\n  }\r\n\r\n  .mobile-nav a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 18px 26px;\r\n    color: #ffffff;\r\n    border-left: 3px solid transparent;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .mobile-nav a i {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(227, 24, 55, 0.10);\r\n    color: var(--accent);\r\n    border: 1px solid rgba(227, 24, 55, 0.18);\r\n  }\r\n\r\n  .mobile-nav a.active,\r\n  .mobile-nav a:hover {\r\n    background: rgba(227, 24, 55, 0.08);\r\n    border-left-color: var(--accent);\r\n  }\r\n\r\n  .mobile-nav a.active i,\r\n  .mobile-nav a:hover i {\r\n    background: var(--accent);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .mobile-contact {\r\n    padding: 10px 26px 0;\r\n  }\r\n\r\n  .mobile-contact h4 {\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.6px;\r\n    color: var(--accent);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .mobile-contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    padding: 12px 0;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .mobile-contact-item i {\r\n    width: 16px;\r\n    margin-top: 3px;\r\n    color: var(--accent);\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .nav {\r\n      display: none;\r\n    }\r\n\r\n    .hamburger {\r\n      display: flex;\r\n    }\r\n\r\n    .header .container {\r\n      min-height: 86px;\r\n    }\r\n\r\n    .brand-mark {\r\n      width: 96px;\r\n      height: 96px;\r\n      padding: 0;\r\n    }\r\n\r\n    .brand-copy .main {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .brand-copy .sub {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    html body .diyar-header-wrapper .topbar,\r\n    html body .topbar {\r\n      display: none !important;\r\n    }\r\n\r\n    .header .container {\r\n      min-height: 82px;\r\n    }\r\n\r\n    .topbar-right {\r\n      display: none;\r\n    }\r\n\r\n    .brand-copy .tag {\r\n      display: none;\r\n    }\r\n\r\n    .mobile-head {\r\n      padding: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    html body .diyar-header-wrapper .topbar,\r\n    html body .topbar {\r\n      display: none !important;\r\n    }\r\n\r\n    .diyar-header-wrapper .container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .header .container {\r\n      min-height: 78px;\r\n    }\r\n\r\n    .brand {\r\n      gap: 12px;\r\n    }\r\n\r\n    .brand-mark {\r\n      width: 84px;\r\n      height: 84px;\r\n      padding: 0;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .brand-copy .eyebrow {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .brand-copy .main {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .brand-copy .sub {\r\n      font-size: 11px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const hamburger = document.getElementById(\"hamburger\");\r\n    const mobileMenu = document.getElementById(\"mobileMenu\");\r\n    const mobileOverlay = document.getElementById(\"mobileOverlay\");\r\n    const mobileClose = document.getElementById(\"mobileClose\");\r\n    const mobileLinks = document.querySelectorAll(\".mobile-nav a\");\r\n    const header = document.getElementById(\"header\");\r\n\r\n    if (!hamburger || !mobileMenu || !mobileOverlay || !mobileClose) return;\r\n\r\n    function openMenu() {\r\n      hamburger.classList.add(\"active\");\r\n      mobileMenu.classList.add(\"active\");\r\n      mobileOverlay.classList.add(\"active\");\r\n      document.body.classList.add(\"menu-open\");\r\n      hamburger.setAttribute(\"aria-label\", \"Close Menu\");\r\n    }\r\n\r\n    function closeMenu() {\r\n      hamburger.classList.remove(\"active\");\r\n      mobileMenu.classList.remove(\"active\");\r\n      mobileOverlay.classList.remove(\"active\");\r\n      document.body.classList.remove(\"menu-open\");\r\n      hamburger.setAttribute(\"aria-label\", \"Open Menu\");\r\n    }\r\n\r\n    function toggleMenu() {\r\n      if (mobileMenu.classList.contains(\"active\")) {\r\n        closeMenu();\r\n      } else {\r\n        openMenu();\r\n      }\r\n    }\r\n\r\n    hamburger.addEventListener(\"click\", toggleMenu);\r\n\r\n    hamburger.addEventListener(\"keydown\", function (e) {\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        toggleMenu();\r\n      }\r\n    });\r\n\r\n    mobileClose.addEventListener(\"click\", closeMenu);\r\n\r\n    mobileClose.addEventListener(\"keydown\", function (e) {\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        closeMenu();\r\n      }\r\n    });\r\n\r\n    mobileOverlay.addEventListener(\"click\", closeMenu);\r\n\r\n    mobileLinks.forEach(function (link) {\r\n      link.addEventListener(\"click\", closeMenu);\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (e) {\r\n      if (e.key === \"Escape\") {\r\n        closeMenu();\r\n      }\r\n    });\r\n\r\n    window.addEventListener(\"resize\", function () {\r\n      if (window.innerWidth > 992) {\r\n        closeMenu();\r\n      }\r\n    });\r\n\r\n    window.addEventListener(\"scroll\", function () {\r\n      if (header) {\r\n        if (window.scrollY > 50) {\r\n          header.classList.add(\"scrolled\");\r\n        } else {\r\n          header.classList.remove(\"scrolled\");\r\n        }\r\n      }\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<!-- Header Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc0227e e-con-full e-flex e-con e-parent\" data-id=\"cc0227e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcfe87c elementor-widget elementor-widget-html\" data-id=\"fcfe87c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Hero Section Start -->\r\n<style>\r\n  :root{\r\n    --bg:#080808;\r\n    --bg-2:#111111;\r\n    --card:#141414;\r\n    --card-2:#191919;\r\n    --accent:#e31837;\r\n    --accent-2:#ff3354;\r\n    --text:#ffffff;\r\n    --text-soft:rgba(255,255,255,0.72);\r\n    --text-muted:rgba(255,255,255,0.48);\r\n    --border:rgba(255,255,255,0.08);\r\n    --border-accent:rgba(227,24,55,0.28);\r\n    --shadow:0 18px 50px rgba(0,0,0,0.32);\r\n    --gradient:linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n  }\r\n\r\n  img{max-width:100%; display:block;}\r\n  a{text-decoration:none;}\r\n\r\n  .container{\r\n    width:min(1400px, calc(100% - 40px));\r\n    margin:0 auto;\r\n  }\r\n\r\n  .hero{\r\n    position:relative;\r\n    min-height:clamp(860px, calc(100vh + 70px), 980px);\r\n    overflow:hidden;\r\n    background:#070707;\r\n  }\r\n\r\n  .slide{\r\n    position:absolute;\r\n    inset:0;\r\n    min-height:inherit;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transition:opacity .9s ease, visibility .9s ease;\r\n  }\r\n\r\n  .slide.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n  }\r\n\r\n  .slide-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n    transform:scale(1.08);\r\n    transition:transform 7s ease;\r\n  }\r\n\r\n  .slide.active .slide-bg{\r\n    transform:scale(1);\r\n  }\r\n\r\n  .slide-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(92deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.74) 40%, rgba(0,0,0,0.36) 100%),\r\n      linear-gradient(180deg, rgba(227,24,55,0.10), rgba(0,0,0,0.22));\r\n  }\r\n\r\n  .hero .container{\r\n    position:relative;\r\n    z-index:2;\r\n    min-height:clamp(860px, calc(100vh + 70px), 980px);\r\n    display:flex;\r\n    align-items:center;\r\n    padding-top:142px;\r\n    padding-bottom:190px;\r\n  }\r\n\r\n  .hero-copy{\r\n    width:min(100%, 690px);\r\n    min-height:410px;\r\n    display:grid;\r\n    grid-template-rows:auto auto auto 1fr auto;\r\n    align-content:stretch;\r\n    padding:36px 36px 34px;\r\n    border-radius:32px;\r\n    background:\r\n      linear-gradient(180deg, rgba(10,10,10,0.82) 0%, rgba(8,8,8,0.70) 100%),\r\n      linear-gradient(120deg, rgba(227,24,55,0.07), rgba(255,255,255,0.02));\r\n    border:1px solid rgba(255,255,255,0.12);\r\n    box-shadow:0 24px 70px rgba(0,0,0,0.36);\r\n    backdrop-filter:blur(14px);\r\n    -webkit-backdrop-filter:blur(14px);\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .hero-copy::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0 auto 0 0;\r\n    width:4px;\r\n    background:var(--gradient);\r\n    z-index:-1;\r\n  }\r\n\r\n  .hero-copy::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-100px;\r\n    right:-80px;\r\n    width:240px;\r\n    height:240px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle, rgba(227,24,55,0.16) 0%, rgba(227,24,55,0) 68%);\r\n    z-index:-1;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    width:max-content;\r\n    padding:10px 16px;\r\n    border-radius:999px;\r\n    margin-bottom:22px;\r\n    background:rgba(227,24,55,0.14);\r\n    border:1px solid rgba(227,24,55,0.26);\r\n    color:#ffffff !important;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    text-transform:uppercase;\r\n    letter-spacing:1.8px;\r\n  }\r\n\r\n  .badge i{\r\n    color:var(--accent);\r\n  }\r\n\r\n  .hero h1{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(34px, 4.8vw, 58px);\r\n    line-height:1.05;\r\n    margin-bottom:12px;\r\n    text-transform:uppercase;\r\n    color:#ffffff !important;\r\n    -webkit-text-fill-color:#ffffff;\r\n  }\r\n\r\n  .hero h1 .accent{\r\n    background:var(--gradient) !important;\r\n    -webkit-background-clip:text !important;\r\n    background-clip:text !important;\r\n    -webkit-text-fill-color:transparent !important;\r\n    color:transparent !important;\r\n  }\r\n\r\n  .hero-slogan{\r\n    color:var(--accent) !important;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:1.3px;\r\n    text-transform:uppercase;\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  .hero p{\r\n    max-width:560px;\r\n    min-height:0;\r\n    font-size:15px;\r\n    line-height:1.78;\r\n    color:var(--text-soft) !important;\r\n    margin-bottom:0;\r\n  }\r\n\r\n  .hero-actions{\r\n    display:flex;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n    margin-top:24px;\r\n  }\r\n\r\n  .btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    min-width:178px;\r\n    padding:14px 22px;\r\n    border-radius:999px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:1.1px;\r\n    text-transform:uppercase;\r\n    transition:.35s ease;\r\n    border:none;\r\n    cursor:pointer;\r\n  }\r\n\r\n  \/* Updated: all hero buttons now use the same red color *\/\r\n  .btn-primary,\r\n  .btn-outline{\r\n    background:var(--gradient) !important;\r\n    color:#ffffff !important;\r\n    border:none !important;\r\n    box-shadow:0 12px 28px rgba(227,24,55,0.35);\r\n  }\r\n\r\n  .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 16px 34px rgba(227,24,55,0.45);\r\n  }\r\n\r\n  .hero-rail{\r\n    position:absolute;\r\n    right:4%;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    z-index:3;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:16px;\r\n  }\r\n\r\n  .hero-rail .line{\r\n    width:2px;\r\n    height:76px;\r\n    background:linear-gradient(180deg, transparent, var(--accent), transparent);\r\n  }\r\n\r\n  .hero-rail .text{\r\n    writing-mode:vertical-rl;\r\n    text-transform:uppercase;\r\n    letter-spacing:4px;\r\n    font-size:11px;\r\n    color:rgba(255,255,255,0.35);\r\n  }\r\n\r\n  .hero-controls{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:84px;\r\n    transform:translateX(-50%);\r\n    z-index:4;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n  }\r\n\r\n  .dots{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n  }\r\n\r\n  .dot{\r\n    width:14px;\r\n    height:14px;\r\n    border-radius:50%;\r\n    border:2px solid rgba(255,255,255,0.36);\r\n    background:rgba(255,255,255,0.14);\r\n    cursor:pointer;\r\n    transition:.3s ease;\r\n  }\r\n\r\n  .dot.active{\r\n    background:var(--accent);\r\n    border-color:var(--accent);\r\n    box-shadow:0 0 0 8px rgba(227,24,55,0.14);\r\n  }\r\n\r\n  .arrows{\r\n    display:flex;\r\n    gap:10px;\r\n  }\r\n\r\n  .arrow{\r\n    width:48px;\r\n    height:48px;\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:#fff;\r\n    cursor:pointer;\r\n    border:1px solid rgba(255,255,255,0.18);\r\n    background:rgba(255,255,255,0.04);\r\n    transition:.3s ease;\r\n  }\r\n\r\n  .arrow:hover{\r\n    background:var(--accent);\r\n    border-color:var(--accent);\r\n  }\r\n\r\n  .progress{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:42px;\r\n    transform:translateX(-50%);\r\n    width:min(1400px, calc(100% - 40px));\r\n    height:4px;\r\n    border-radius:999px;\r\n    overflow:hidden;\r\n    background:rgba(255,255,255,0.08);\r\n    z-index:4;\r\n  }\r\n\r\n  .progress-bar{\r\n    width:0;\r\n    height:100%;\r\n    background:var(--gradient);\r\n  }\r\n\r\n  .hero-particles,\r\n  .hero-rings{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:2;\r\n    pointer-events:none;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .ring{\r\n    position:absolute;\r\n    border:1px solid rgba(227,24,55,0.12);\r\n    border-radius:50%;\r\n    animation:spin 18s linear infinite;\r\n  }\r\n\r\n  .ring.r1{\r\n    width:320px;\r\n    height:320px;\r\n    right:11%;\r\n    top:12%;\r\n  }\r\n\r\n  .ring.r2{\r\n    width:220px;\r\n    height:220px;\r\n    right:22%;\r\n    bottom:15%;\r\n    animation-direction:reverse;\r\n    animation-duration:22s;\r\n  }\r\n\r\n  .ring.r3{\r\n    width:12px;\r\n    height:12px;\r\n    background:rgba(227,24,55,0.35);\r\n    right:27%;\r\n    top:28%;\r\n    border:none;\r\n    animation:float 4s ease-in-out infinite;\r\n  }\r\n\r\n  .ring.r4{\r\n    width:8px;\r\n    height:8px;\r\n    background:rgba(227,24,55,0.25);\r\n    right:18%;\r\n    bottom:28%;\r\n    border:none;\r\n    animation:float 6s ease-in-out infinite 1s;\r\n  }\r\n\r\n  @keyframes spin{\r\n    to{\r\n      transform:rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes float{\r\n    0%,100%{\r\n      transform:translateY(0);\r\n    }\r\n    50%{\r\n      transform:translateY(-22px);\r\n    }\r\n  }\r\n\r\n  .particle{\r\n    position:absolute;\r\n    width:3px;\r\n    height:3px;\r\n    border-radius:50%;\r\n    background:rgba(227,24,55,0.6);\r\n    animation:rise 11s linear infinite;\r\n  }\r\n\r\n  .particle:nth-child(1){left:8%; animation-delay:0s;}\r\n  .particle:nth-child(2){left:16%; animation-delay:1s;}\r\n  .particle:nth-child(3){left:28%; animation-delay:3s;}\r\n  .particle:nth-child(4){left:39%; animation-delay:1.5s;}\r\n  .particle:nth-child(5){left:51%; animation-delay:4s;}\r\n  .particle:nth-child(6){left:63%; animation-delay:2s;}\r\n  .particle:nth-child(7){left:75%; animation-delay:4.8s;}\r\n  .particle:nth-child(8){left:87%; animation-delay:2.7s;}\r\n\r\n  @keyframes rise{\r\n    0%{\r\n      transform:translateY(100vh) scale(0);\r\n      opacity:0;\r\n    }\r\n    12%{\r\n      opacity:.55;\r\n    }\r\n    88%{\r\n      opacity:.55;\r\n    }\r\n    100%{\r\n      transform:translateY(-80px) scale(1.5);\r\n      opacity:0;\r\n    }\r\n  }\r\n\r\n  \/* Strong force fix for Elementor\/theme overrides *\/\r\n  html body .hero h1,\r\n  html body section.hero h1,\r\n  html body #home h1,\r\n  html body .hero .hero-copy h1 {\r\n    color:#ffffff !important;\r\n    -webkit-text-fill-color:#ffffff !important;\r\n  }\r\n\r\n  html body .hero h1 .accent,\r\n  html body section.hero h1 .accent,\r\n  html body #home h1 .accent,\r\n  html body .hero .hero-copy h1 .accent {\r\n    background:linear-gradient(135deg,#b81230,#e31837,#ff3354) !important;\r\n    -webkit-background-clip:text !important;\r\n    background-clip:text !important;\r\n    -webkit-text-fill-color:transparent !important;\r\n    color:transparent !important;\r\n  }\r\n\r\n  html body .hero p {\r\n    color:rgba(255,255,255,0.72) !important;\r\n  }\r\n\r\n  html body .hero .hero-slogan {\r\n    color:#e31837 !important;\r\n  }\r\n\r\n  html body .hero .badge {\r\n    color:#ffffff !important;\r\n  }\r\n\r\n  html body .hero .btn-primary,\r\n  html body .hero .btn-outline {\r\n    background:linear-gradient(135deg,#b81230,#e31837,#ff3354) !important;\r\n    color:#ffffff !important;\r\n    border:none !important;\r\n    box-shadow:0 12px 28px rgba(227,24,55,0.35) !important;\r\n  }\r\n\r\n  @media (max-width: 1200px){\r\n    .hero-rail{\r\n      display:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px){\r\n    .hero{\r\n      min-height:820px;\r\n    }\r\n\r\n    .hero .container{\r\n      min-height:820px;\r\n      padding-top:118px;\r\n      padding-bottom:176px;\r\n    }\r\n\r\n    .hero-copy{\r\n      width:min(100%, 620px);\r\n      min-height:390px;\r\n      padding:30px 30px 30px;\r\n    }\r\n\r\n    .hero-controls{\r\n      bottom:74px;\r\n    }\r\n\r\n    .progress{\r\n      bottom:34px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .hero{\r\n      min-height:780px;\r\n    }\r\n\r\n    .hero .container{\r\n      min-height:780px;\r\n      padding-top:108px;\r\n      padding-bottom:164px;\r\n    }\r\n\r\n    .hero-copy{\r\n      max-width:100%;\r\n      min-height:0;\r\n      padding:28px 22px 24px;\r\n      border-radius:24px;\r\n    }\r\n\r\n    .hero h1{\r\n      font-size:36px;\r\n    }\r\n\r\n    .hero-slogan{\r\n      font-size:13px;\r\n    }\r\n\r\n    .hero p{\r\n      min-height:auto;\r\n      font-size:15px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    .hero-actions{\r\n      flex-direction:column;\r\n      align-items:flex-start;\r\n      margin-top:20px;\r\n    }\r\n\r\n    .btn{\r\n      width:100%;\r\n      max-width:320px;\r\n    }\r\n\r\n    .hero-controls{\r\n      bottom:68px;\r\n    }\r\n\r\n    .progress{\r\n      bottom:28px;\r\n      width:min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .arrows{\r\n      display:none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .container{\r\n      width:min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .hero{\r\n      min-height:760px;\r\n    }\r\n\r\n    .hero .container{\r\n      min-height:760px;\r\n      padding-top:102px;\r\n      padding-bottom:154px;\r\n    }\r\n\r\n    .hero h1{\r\n      font-size:29px;\r\n    }\r\n\r\n    .badge{\r\n      font-size:10px;\r\n      letter-spacing:1.4px;\r\n      margin-bottom:18px;\r\n    }\r\n\r\n    .hero-copy{\r\n      padding:24px 18px 20px;\r\n    }\r\n\r\n    .hero p{\r\n      font-size:14px;\r\n    }\r\n\r\n    .hero-actions{\r\n      margin-top:18px;\r\n    }\r\n\r\n    .hero-controls{\r\n      bottom:62px;\r\n    }\r\n\r\n    .progress{\r\n      bottom:24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"slide active\">\r\n    <div class=\"slide-bg\" style=\"background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-4.jpeg'); background-position:50% 35%;\"><\/div>\r\n    <div class=\"slide-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero-copy\">\r\n        <div class=\"badge\"><i class=\"fas fa-award\"><\/i> DGTCO | MY UNIFORMS<\/div>\r\n        <h1>Custom <span class=\"accent\">Uniforms<\/span> for Modern Brands<\/h1>\r\n        <div class=\"hero-slogan\">Empowering Your Brand Through Quality Uniforms.<\/div>\r\n        <p>We create custom uniforms, ready-made uniforms, and branded apparel that help teams look professional, comfortable, and consistent every day.<\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"btn btn-primary\">View Services <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"btn btn-outline\">WhatsApp Us <i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide\">\r\n    <div class=\"slide-bg\" style=\"background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.34-1.jpeg'); background-position:50% 38%;\"><\/div>\r\n    <div class=\"slide-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero-copy\">\r\n        <div class=\"badge\"><i class=\"fas fa-tshirt\"><\/i> Uniform Manufacturing<\/div>\r\n        <h1>Professional <span class=\"accent\">Wear<\/span> Built for Daily Use<\/h1>\r\n        <div class=\"hero-slogan\">Meeting the Client's Needs in the Best Possible Way<\/div>\r\n        <p>Our uniform solutions are built for fit, durability, and strong brand presentation across hospitality, healthcare, corporate, industrial, and retail sectors.<\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"btn btn-primary\">View Services <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"btn btn-outline\">WhatsApp Us <i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide\">\r\n    <div class=\"slide-bg\" style=\"background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/04\/hero-section-uniform.jpg'); background-position:50% 38%;\"><\/div>\r\n    <div class=\"slide-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero-copy\">\r\n        <div class=\"badge\"><i class=\"fas fa-shield-halved\"><\/i> Workwear \u2022 PPE \u2022 Safety Gear<\/div>\r\n        <h1>Dependable <span class=\"accent\">PPE<\/span> and Workwear Supply<\/h1>\r\n        <div class=\"hero-slogan\">The Link for All Your Requirements<\/div>\r\n        <p>We supply workwear, safety gear, and PPE that support protection, compliance, and a clean team appearance in demanding environments.<\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"btn btn-primary\">View Services <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"btn btn-outline\">WhatsApp Us <i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide\">\r\n    <div class=\"slide-bg\" style=\"background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35.jpeg'); background-position:50% 34%;\"><\/div>\r\n    <div class=\"slide-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero-copy\">\r\n        <div class=\"badge\"><i class=\"fas fa-pen-nib\"><\/i> Embroidery \u2022 Silk Screen \u2022 DTF<\/div>\r\n        <h1>Fast <span class=\"accent\">Branding<\/span> with In-House Printing<\/h1>\r\n        <div class=\"hero-slogan\">Continual Improvements Is an Unending Journey<\/div>\r\n        <p>From embroidery and silk screen printing to DTF and sublimation, we handle customization in-house for faster delivery and cleaner finish quality.<\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"btn btn-primary\">View Services <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"btn btn-outline\">WhatsApp Us <i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide\">\r\n    <div class=\"slide-bg\" style=\"background-image:url('https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-1.jpeg'); background-position:50% 38%;\"><\/div>\r\n    <div class=\"slide-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"hero-copy\">\r\n        <div class=\"badge\"><i class=\"fas fa-handshake\"><\/i> UAE &amp; MENA Supply<\/div>\r\n        <h1>Scalable <span class=\"accent\">Supply<\/span> for Every Order Size<\/h1>\r\n        <div class=\"hero-slogan\">With Us, You'll Have No More Worries!<\/div>\r\n        <p>From small batches to large production volumes, we support businesses across the UAE and MENA with flexible and reliable supply.<\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/our-services\/\" class=\"btn btn-primary\">View Services <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" class=\"btn btn-outline\">WhatsApp Us <i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-rings\">\r\n    <div class=\"ring r1\"><\/div>\r\n    <div class=\"ring r2\"><\/div>\r\n    <div class=\"ring r3\"><\/div>\r\n    <div class=\"ring r4\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-particles\">\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n    <span class=\"particle\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"hero-rail\">\r\n    <div class=\"line\"><\/div>\r\n    <div class=\"text\">D\u0130YAR | DGTCO | MY UNIFORMS<\/div>\r\n    <div class=\"line\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-controls\">\r\n    <div class=\"dots\">\r\n      <button class=\"dot active\" type=\"button\" aria-label=\"Slide 1\"><\/button>\r\n      <button class=\"dot\" type=\"button\" aria-label=\"Slide 2\"><\/button>\r\n      <button class=\"dot\" type=\"button\" aria-label=\"Slide 3\"><\/button>\r\n      <button class=\"dot\" type=\"button\" aria-label=\"Slide 4\"><\/button>\r\n      <button class=\"dot\" type=\"button\" aria-label=\"Slide 5\"><\/button>\r\n    <\/div>\r\n\r\n    <div class=\"arrows\">\r\n      <button class=\"arrow\" id=\"prevSlide\" type=\"button\" aria-label=\"Previous slide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n      <button class=\"arrow\" id=\"nextSlide\" type=\"button\" aria-label=\"Next slide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"progress\">\r\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const slides = document.querySelectorAll(\".slide\");\r\n  const dots = document.querySelectorAll(\".dot\");\r\n  const progressBar = document.getElementById(\"progressBar\");\r\n  const nextBtn = document.getElementById(\"nextSlide\");\r\n  const prevBtn = document.getElementById(\"prevSlide\");\r\n  const slideDelay = 6000;\r\n  let currentSlide = 0;\r\n  let sliderInterval;\r\n\r\n  function setSlide(index) {\r\n    slides[currentSlide].classList.remove(\"active\");\r\n    dots[currentSlide].classList.remove(\"active\");\r\n    currentSlide = index;\r\n    slides[currentSlide].classList.add(\"active\");\r\n    dots[currentSlide].classList.add(\"active\");\r\n    resetProgress();\r\n  }\r\n\r\n  function nextSlide() {\r\n    setSlide((currentSlide + 1) % slides.length);\r\n  }\r\n\r\n  function prevSlide() {\r\n    setSlide((currentSlide - 1 + slides.length) % slides.length);\r\n  }\r\n\r\n  function resetProgress() {\r\n    if (progressBar) {\r\n      progressBar.style.transition = \"none\";\r\n      progressBar.style.width = \"0%\";\r\n\r\n      setTimeout(function () {\r\n        progressBar.style.transition = \"width \" + slideDelay + \"ms linear\";\r\n        progressBar.style.width = \"100%\";\r\n      }, 50);\r\n    }\r\n\r\n    clearInterval(sliderInterval);\r\n    sliderInterval = setInterval(nextSlide, slideDelay);\r\n  }\r\n\r\n  dots.forEach(function (dot, index) {\r\n    dot.addEventListener(\"click\", function () {\r\n      setSlide(index);\r\n    });\r\n  });\r\n\r\n  if (nextBtn) nextBtn.addEventListener(\"click\", nextSlide);\r\n  if (prevBtn) prevBtn.addEventListener(\"click\", prevSlide);\r\n\r\n  resetProgress();\r\n<\/script>\r\n<!-- Hero Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a363a9 e-con-full e-flex e-con e-parent\" data-id=\"7a363a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a8b321 elementor-widget elementor-widget-html\" data-id=\"0a8b321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- About Us Section Start -->\r\n<style>\r\n  :root {\r\n    --bg: #2F292A;\r\n    --accent: #e31837;\r\n    --text: #ffffff;\r\n    --text-soft: rgba(255,255,255,0.72);\r\n    --text-muted: rgba(255,255,255,0.48);\r\n    --shadow: 0 18px 50px rgba(0,0,0,0.32);\r\n    --gradient: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  section {\r\n    position: relative;\r\n  }\r\n\r\n  .section-pad {\r\n    padding: 120px 0;\r\n  }\r\n\r\n  .section-subtitle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: var(--accent);\r\n    font-size: 34px !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: 8px !important;\r\n    text-transform: uppercase;\r\n    margin-bottom: 32px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .section-subtitle::before,\r\n  .section-subtitle::after {\r\n    content: \"\";\r\n    width: 70px;\r\n    height: 4px;\r\n    background: var(--accent);\r\n  }\r\n\r\n  .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    line-height: 1.15;\r\n    margin-bottom: 18px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .section-title .accent {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 178px;\r\n    padding: 14px 22px;\r\n    border-radius: 999px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n    transition: 0.35s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .btn-primary {\r\n    background: var(--gradient);\r\n    color: #fff;\r\n    box-shadow: 0 12px 28px rgba(227,24,55,0.35);\r\n  }\r\n\r\n  .btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .about {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .about::before {\r\n    content: \"ABOUT\";\r\n    position: absolute;\r\n    left: -4%;\r\n    top: 48%;\r\n    transform: translateY(-50%) rotate(-90deg);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 180px;\r\n    font-weight: 800;\r\n    letter-spacing: 18px;\r\n    color: rgba(255,255,255,0.045);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 72px;\r\n    align-items: center;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .about-visuals {\r\n    position: relative;\r\n    min-height: 620px;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .about-main,\r\n  .about-second {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    background: #111;\r\n    border: 4px solid #e31837;\r\n    outline: 2px solid rgba(227,24,55,0.75);\r\n    outline-offset: 8px;\r\n    box-shadow:\r\n      0 0 0 2px rgba(227,24,55,0.25),\r\n      0 24px 60px rgba(0,0,0,0.38);\r\n  }\r\n\r\n  .about-main {\r\n    top: 0;\r\n    left: 0;\r\n    width: 72%;\r\n    height: 78%;\r\n  }\r\n\r\n  .about-second {\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 54%;\r\n    height: 55%;\r\n  }\r\n\r\n  .about-main img,\r\n  .about-second img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .about-main:hover img,\r\n  .about-second:hover img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .about-badge {\r\n    position: absolute;\r\n    right: 28%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 140px;\r\n    height: 140px;\r\n    border-radius: 50%;\r\n    background: var(--gradient);\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    box-shadow: 0 18px 40px rgba(227,24,55,0.38);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .about-badge strong {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 42px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .about-badge span {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .note {\r\n    position: absolute;\r\n    z-index: 4;\r\n    max-width: 240px;\r\n    padding: 14px 16px;\r\n    border-radius: 16px;\r\n    background: rgba(35,31,32,0.95);\r\n    border: 2px solid rgba(227,24,55,0.65);\r\n    outline: 1px solid rgba(227,24,55,0.35);\r\n    outline-offset: 3px;\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.15),\r\n      0 16px 32px rgba(0,0,0,0.3);\r\n    font-size: 11px;\r\n    line-height: 1.7;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .note strong {\r\n    display: block;\r\n    color: var(--accent);\r\n  }\r\n\r\n  .note.n1 {\r\n    top: 18px;\r\n    right: 8px;\r\n  }\r\n\r\n  .note.n2 {\r\n    left: 18px;\r\n    bottom: 112px;\r\n  }\r\n\r\n  .note.n3 {\r\n    right: 20px;\r\n    bottom: 14px;\r\n  }\r\n\r\n  .about-copy {\r\n    background: transparent !important;\r\n  }\r\n\r\n  .about-copy p {\r\n    color: var(--text-soft);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .about-copy .accent-copy {\r\n    color: var(--accent);\r\n    font-weight: 700;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .about-copy .white-copy {\r\n    color: #fff;\r\n    font-weight: 700;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .about-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    margin: 32px 0 36px;\r\n  }\r\n\r\n  .about-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 16px 18px;\r\n    border-radius: 16px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 2px solid rgba(227,24,55,0.55);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.18),\r\n      0 12px 28px rgba(0,0,0,0.22);\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .about-feature:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #e31837;\r\n    background: rgba(227,24,55,0.08);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.35),\r\n      0 16px 34px rgba(0,0,0,0.28);\r\n  }\r\n\r\n  .about-feature i {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(227,24,55,0.14);\r\n    color: var(--accent);\r\n    flex-shrink: 0;\r\n    border: 1px solid rgba(227,24,55,0.35);\r\n  }\r\n\r\n  .about-feature span {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n  }\r\n\r\n  .animate-left,\r\n  .animate-right {\r\n    opacity: 0;\r\n    transition: all 0.8s cubic-bezier(.16,1,.3,1);\r\n  }\r\n\r\n  .animate-left {\r\n    transform: translateX(-52px);\r\n  }\r\n\r\n  .animate-right {\r\n    transform: translateX(52px);\r\n  }\r\n\r\n  .animated {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  \/* Force About Us Background Color *\/\r\n  html body .about,\r\n  html body section.about,\r\n  html body #about,\r\n  html body .about.section-pad,\r\n  html body .elementor-widget-html .about {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n  }\r\n\r\n  html body .about .container,\r\n  html body .about-grid,\r\n  html body .about-copy,\r\n  html body .about-visuals {\r\n    background: transparent !important;\r\n  }\r\n\r\n  html body .about::before {\r\n    color: rgba(255,255,255,0.045) !important;\r\n  }\r\n\r\n  \/* Force Increase About Us Subtitle *\/\r\n  html body section.about .section-subtitle,\r\n  html body #about .section-subtitle,\r\n  html body .about .section-subtitle,\r\n  html body .elementor-widget-html .about .section-subtitle {\r\n    font-size: 34px !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: 8px !important;\r\n    line-height: 1.2 !important;\r\n    margin-bottom: 32px !important;\r\n    color: #e31837 !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  html body section.about .section-subtitle::before,\r\n  html body section.about .section-subtitle::after,\r\n  html body #about .section-subtitle::before,\r\n  html body #about .section-subtitle::after,\r\n  html body .about .section-subtitle::before,\r\n  html body .about .section-subtitle::after {\r\n    width: 70px !important;\r\n    height: 4px !important;\r\n    background: #e31837 !important;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .about-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n    }\r\n\r\n    .about-visuals {\r\n      min-height: 500px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .section-pad {\r\n      padding: 92px 0;\r\n    }\r\n\r\n    .about-visuals {\r\n      min-height: 380px;\r\n    }\r\n\r\n    .about-main {\r\n      width: 74%;\r\n      height: 72%;\r\n    }\r\n\r\n    .about-second {\r\n      width: 54%;\r\n      height: 48%;\r\n    }\r\n\r\n    .about-badge {\r\n      width: 110px;\r\n      height: 110px;\r\n    }\r\n\r\n    .about-badge strong {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .note {\r\n      max-width: 175px;\r\n      font-size: 9px;\r\n      padding: 10px 12px;\r\n    }\r\n\r\n    .about-features {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    html body section.about .section-subtitle,\r\n    html body #about .section-subtitle,\r\n    html body .about .section-subtitle,\r\n    html body .elementor-widget-html .about .section-subtitle {\r\n      font-size: 22px !important;\r\n      letter-spacing: 4px !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    html body section.about .section-subtitle::before,\r\n    html body section.about .section-subtitle::after,\r\n    html body #about .section-subtitle::before,\r\n    html body #about .section-subtitle::after,\r\n    html body .about .section-subtitle::before,\r\n    html body .about .section-subtitle::after {\r\n      width: 34px !important;\r\n      height: 3px !important;\r\n    }\r\n\r\n    .about-main,\r\n    .about-second {\r\n      outline-offset: 5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about section-pad\" id=\"about\">\r\n  <div class=\"container\">\r\n    <div class=\"about-grid\">\r\n      <div class=\"about-visuals animate-left\">\r\n        <div class=\"about-main\">\r\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=\"D\u0130YAR uniform production and tailoring\">\r\n        <\/div>\r\n\r\n        <div class=\"about-second\">\r\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=\"D\u0130YAR custom embroidery and uniform detailing\">\r\n        <\/div>\r\n\r\n        <div class=\"about-badge\">\r\n          <strong>15+<\/strong>\r\n          <span>Years Experience<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"note n1\">\r\n          <strong>MEETING THE CLIENT'S NEEDS<\/strong>\r\n          IN THE BEST POSSIBLE WAY\r\n        <\/div>\r\n\r\n        <div class=\"note n2\">\r\n          <strong>CONTINUAL IMPROVEMENTS<\/strong>\r\n          IS AN UNENDING JOURNEY\r\n        <\/div>\r\n\r\n        <div class=\"note n3\">\r\n          <strong>THE LINK<\/strong>\r\n          FOR ALL YOUR REQUIREMENTS\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"about-copy animate-right\">\r\n        <div class=\"section-subtitle\">About Us<\/div>\r\n\r\n        <p>We are a leading uniform manufacturer and supplier based in Ajman, UAE, delivering high-quality custom and ready-made uniforms for businesses across all sectors. With fully equipped in-house facilities for designing, embroidery, and printing, we ensure consistent quality, fast turnaround, and complete customization.<\/p>\r\n\r\n        <p>Our focus on craftsmanship and operational efficiency allows us to offer competitive pricing both locally and internationally. From small batches to large-scale production, we provide flexible solutions tailored to the needs of clients in the UAE and the wider MENA region.<\/p>\r\n\r\n        <p>As one of the top uniform suppliers in the UAE, we are committed to building long-term partnerships and ensuring the satisfaction of every client we serve.<\/p>\r\n\r\n        <p class=\"accent-copy\">THINK FORWARD, THINK US<\/p>\r\n        <p class=\"white-copy\">WITH US, YOU'LL HAVE NO MORE WORRIES!<\/p>\r\n\r\n        <div class=\"about-features\">\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Custom Uniforms<\/span><\/div>\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Ready-Made Uniforms<\/span><\/div>\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Safety Gear Items &amp; PPE<\/span><\/div>\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Embroidery Services<\/span><\/div>\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Silk Screen Print &amp; DTF<\/span><\/div>\r\n          <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Sublimation Print<\/span><\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/about-us\/\" class=\"btn btn-primary\">\r\n          About Us <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const aboutAnimatedEls = document.querySelectorAll(\".about .animate-left, .about .animate-right\");\r\n\r\n  const aboutObserver = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"animated\");\r\n        aboutObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.14,\r\n    rootMargin: \"0px 0px -60px 0px\"\r\n  });\r\n\r\n  aboutAnimatedEls.forEach(function (el) {\r\n    aboutObserver.observe(el);\r\n  });\r\n<\/script>\r\n<!-- About Us Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f043ba e-con-full e-flex e-con e-parent\" data-id=\"0f043ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0d612 elementor-widget elementor-widget-html\" data-id=\"ff0d612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Section Start -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  :root {\r\n    --bg: #2F292A;\r\n    --bg-2: #111111;\r\n    --card: #141414;\r\n    --card-2: #191919;\r\n    --accent: #e31837;\r\n    --accent-2: #ff3354;\r\n    --text: #ffffff;\r\n    --text-soft: rgba(255,255,255,0.72);\r\n    --text-muted: rgba(255,255,255,0.58);\r\n    --border: rgba(255,255,255,0.08);\r\n    --border-accent: rgba(227,24,55,0.28);\r\n    --shadow: 0 18px 50px rgba(0,0,0,0.32);\r\n    --gradient: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  section {\r\n    position: relative;\r\n  }\r\n\r\n  .section-pad {\r\n    padding: 120px 0;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 68px;\r\n  }\r\n\r\n  .section-subtitle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: var(--accent);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .section-subtitle::before,\r\n  .section-subtitle::after {\r\n    content: \"\";\r\n    width: 46px;\r\n    height: 2px;\r\n    background: var(--accent);\r\n  }\r\n\r\n  .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    line-height: 1.15;\r\n    margin-bottom: 18px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .section-title .accent {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .section-desc {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    color: var(--text-muted);\r\n    line-height: 1.85;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .services {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .services::before {\r\n    content: \"SERVICES\";\r\n    position: absolute;\r\n    right: -2%;\r\n    bottom: -18px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 160px;\r\n    font-weight: 800;\r\n    letter-spacing: 16px;\r\n    color: rgba(255,255,255,0.025);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: 28px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .service {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));\r\n    border: 2px solid rgba(227,24,55,0.35);\r\n    border-radius: 24px;\r\n    padding: 34px 30px 30px;\r\n    transition: 0.4s ease;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .service:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(227,24,55,0.75);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.22),\r\n      0 18px 50px rgba(0,0,0,0.34);\r\n  }\r\n\r\n  .service::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: var(--gradient);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: 0.4s ease;\r\n  }\r\n\r\n  .service:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .service::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -90px;\r\n    bottom: -90px;\r\n    width: 220px;\r\n    height: 220px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(227,24,55,0.13) 0%, transparent 70%);\r\n    transition: 0.4s ease;\r\n  }\r\n\r\n  .service:hover::after {\r\n    right: -40px;\r\n    bottom: -40px;\r\n  }\r\n\r\n  .service-no {\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 16px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 54px;\r\n    color: rgba(255,255,255,0.06);\r\n    font-weight: 800;\r\n  }\r\n\r\n  .service-icon {\r\n    width: 76px;\r\n    height: 76px;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(227,24,55,0.12);\r\n    border: 1px solid rgba(227,24,55,0.28);\r\n    color: var(--accent);\r\n    font-size: 28px;\r\n    margin-bottom: 22px;\r\n    position: relative;\r\n    z-index: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .service:hover .service-icon {\r\n    background: var(--gradient);\r\n    color: #fff;\r\n  }\r\n\r\n  .service h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-size: 21px;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .service p {\r\n    position: relative;\r\n    z-index: 2;\r\n    color: var(--text-muted);\r\n    line-height: 1.78;\r\n    font-size: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .service button {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: var(--accent);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    margin-top: auto;\r\n    width: max-content;\r\n    background: transparent;\r\n    border: none;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .service button i {\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .service button:hover i {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .animate-up {\r\n    opacity: 0;\r\n    transform: translateY(46px);\r\n    transition: all 0.8s cubic-bezier(.16,1,.3,1);\r\n  }\r\n\r\n  .animated {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  html body .services,\r\n  html body section.services,\r\n  html body #services,\r\n  html body .services.section-pad,\r\n  html body .elementor-widget-html .services {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n  }\r\n\r\n  html body .services .container,\r\n  html body .services-grid,\r\n  html body .section-header {\r\n    background: transparent !important;\r\n  }\r\n\r\n  \/* Modal *\/\r\n  .dgtco-home-service-modal-overlay,\r\n  .dgtco-home-service-modal-overlay * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dgtco-home-service-modal-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.86);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    z-index: 999999;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: 0.35s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .dgtco-home-service-modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .dgtco-home-service-modal {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    max-height: 92vh;\r\n    background: linear-gradient(180deg,#231F20,#111111);\r\n    border: 2px solid #e31837;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    transform: scale(0.92) translateY(30px);\r\n    transition: 0.4s ease;\r\n    box-shadow: 0 40px 100px rgba(0,0,0,0.60);\r\n  }\r\n\r\n  .dgtco-home-service-modal-overlay.active .dgtco-home-service-modal {\r\n    transform: scale(1) translateY(0);\r\n  }\r\n\r\n  .dgtco-home-modal-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 18px;\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 50%;\r\n    border: 2px solid #e31837;\r\n    background: rgba(227,24,55,0.12);\r\n    color: #e31837;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .dgtco-home-modal-close:hover {\r\n    background: #e31837;\r\n    color: #ffffff;\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  .dgtco-home-modal-scroll {\r\n    overflow-y: auto;\r\n    max-height: 92vh;\r\n  }\r\n\r\n  .dgtco-home-modal-scroll::-webkit-scrollbar {\r\n    width: 6px;\r\n  }\r\n\r\n  .dgtco-home-modal-scroll::-webkit-scrollbar-track {\r\n    background: rgba(255,255,255,0.04);\r\n  }\r\n\r\n  .dgtco-home-modal-scroll::-webkit-scrollbar-thumb {\r\n    background: #e31837;\r\n    border-radius: 99px;\r\n  }\r\n\r\n  .dgtco-home-modal-title-area {\r\n    position: relative;\r\n    padding: 62px 42px 34px;\r\n    background:\r\n      radial-gradient(circle at 85% 20%, rgba(227,24,55,0.22), transparent 34%),\r\n      linear-gradient(135deg, rgba(47,41,42,1), rgba(35,31,32,1));\r\n    border-bottom: 1px solid rgba(227,24,55,0.24);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .dgtco-home-modal-title-area::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -80px;\r\n    top: -90px;\r\n    width: 260px;\r\n    height: 260px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(227,24,55,0.18), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .dgtco-home-modal-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--gradient);\r\n    color: #ffffff;\r\n    padding: 8px 18px;\r\n    border-radius: 999px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.8px;\r\n    margin-bottom: 14px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .dgtco-home-modal-title-area h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(34px, 5vw, 54px);\r\n    line-height: 1.08;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .dgtco-home-modal-body {\r\n    padding: 42px;\r\n  }\r\n\r\n  .dgtco-home-modal-intro {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.9fr;\r\n    gap: 36px;\r\n    align-items: center;\r\n  }\r\n\r\n  .dgtco-home-modal-text h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 28px;\r\n    color: #ffffff;\r\n    line-height: 1.2;\r\n    margin: 0 0 18px;\r\n  }\r\n\r\n  .dgtco-home-modal-text p {\r\n    color: rgba(255,255,255,0.62);\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  .dgtco-home-modal-side-img {\r\n    height: 340px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 3px solid #e31837;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.38);\r\n  }\r\n\r\n  .dgtco-home-modal-side-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .dgtco-home-modal-list-title {\r\n    color: #ffffff;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    margin: 36px 0 16px;\r\n  }\r\n\r\n  .dgtco-home-modal-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .dgtco-home-modal-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: rgba(255,255,255,0.72);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    padding: 14px;\r\n    border-radius: 14px;\r\n    background: rgba(255,255,255,0.035);\r\n    border: 1px solid rgba(227,24,55,0.22);\r\n  }\r\n\r\n  .dgtco-home-modal-list li i {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 8px;\r\n    background: rgba(227,24,55,0.12);\r\n    border: 1px solid rgba(227,24,55,0.32);\r\n    color: #e31837;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .dgtco-home-modal-cta {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dgtco-home-modal-cta a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 14px 24px;\r\n    border-radius: 999px;\r\n    background: var(--gradient);\r\n    color: #ffffff !important;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.2px;\r\n    box-shadow: 0 12px 28px rgba(227,24,55,0.32);\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .dgtco-home-modal-cta a:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .services-grid {\r\n      grid-template-columns: repeat(2,1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .dgtco-home-modal-intro {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dgtco-home-modal-side-img {\r\n      height: 300px;\r\n    }\r\n\r\n    .dgtco-home-modal-list {\r\n      grid-template-columns: repeat(2,1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .section-pad {\r\n      padding: 92px 0;\r\n    }\r\n\r\n    .services-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dgtco-home-modal-title-area {\r\n      padding: 58px 24px 30px;\r\n    }\r\n\r\n    .dgtco-home-modal-body {\r\n      padding: 30px 22px;\r\n    }\r\n\r\n    .dgtco-home-modal-side-img {\r\n      height: 260px;\r\n    }\r\n\r\n    .dgtco-home-modal-list {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dgtco-home-modal-close {\r\n      width: 42px;\r\n      height: 42px;\r\n      top: 14px;\r\n      right: 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .section-subtitle {\r\n      font-size: 10px;\r\n      letter-spacing: 2.3px;\r\n    }\r\n\r\n    .dgtco-home-service-modal-overlay {\r\n      padding: 12px;\r\n    }\r\n\r\n    .dgtco-home-modal-title-area h2 {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .dgtco-home-modal-text h3 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .dgtco-home-modal-side-img {\r\n      height: 220px;\r\n    }\r\n\r\n    .dgtco-home-modal-cta a {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"services section-pad\" id=\"services\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header animate-up\">\r\n      <div class=\"section-subtitle\">Our Services<\/div>\r\n      <h2 class=\"section-title\">Premium <span class=\"accent\">Uniform Solutions<\/span><\/h2>\r\n      <p class=\"section-desc\">We deliver comprehensive uniform solutions for a wide range of industries, ensuring consistent quality, lasting comfort, and a polished, professional look for every member of your team.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\">\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">01<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n        <h3>Corporate Uniforms<\/h3>\r\n        <p>Your team\u2019s appearance speaks before they do. Our corporate uniforms help businesses present a sharp, consistent, and trustworthy brand image while keeping employees comfortable throughout the workday.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('corporate')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">02<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-concierge-bell\"><\/i><\/div>\r\n        <h3>Hospitality Uniforms<\/h3>\r\n        <p>In hospitality, first impressions create lasting memories. We design refined uniforms for hotels, restaurants, and service teams that combine elegance, comfort, and a professional guest-facing look.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('hospitality')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">03<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-stethoscope\"><\/i><\/div>\r\n        <h3>Healthcare Uniforms<\/h3>\r\n        <p>Patients often identify hospital staff through their uniforms, associating clean, well-designed attire with competence and trust. These garments also help protect nurses, doctors, and healthcare workers during daily patient interactions.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('healthcare')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">04<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-hard-hat\"><\/i><\/div>\r\n        <h3>Industrial Workwear<\/h3>\r\n        <p>Industrial teams need workwear that performs under pressure. Our durable uniforms, PPE, and safety gear are made to support protection, movement, compliance, and long-lasting daily use.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('industrial')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">05<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n        <h3>School Uniforms<\/h3>\r\n        <p>School uniforms should be neat, comfortable, and ready for everyday activity. We create durable student wear that supports discipline, identity, and confidence from classroom to campus.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('school')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">06<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-spa\"><\/i><\/div>\r\n        <h3>Salon and Spa Uniforms<\/h3>\r\n        <p>Beauty and wellness teams deserve uniforms that feel as polished as the service they provide. Our salon and spa uniforms balance style, comfort, movement, and a clean professional appearance.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('salon')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">07<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-ruler-combined\"><\/i><\/div>\r\n        <h3>Alterations Services<\/h3>\r\n        <p>A uniform looks best when it fits perfectly. Our alteration services help refine sizing, repair garments, and adjust custom pieces so every team member looks confident and well-presented.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('alterations')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">08<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-pen-nib\"><\/i><\/div>\r\n        <h3>Embroidery Services<\/h3>\r\n        <p>Strong branding lives in the details. Our embroidery service adds sharp, durable, and premium logo finishing to uniforms, helping your brand stand out with a professional long-lasting touch.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('embroidery')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n\r\n      <article class=\"service animate-up\">\r\n        <div class=\"service-no\">09<\/div>\r\n        <div class=\"service-icon\"><i class=\"fas fa-print\"><\/i><\/div>\r\n        <h3>Silk Screen Printing<\/h3>\r\n        <p>Make your brand visible on every garment. Our silk screen printing delivers clean, bold, and consistent prints across different fabrics, ideal for uniforms, promotional wear, and branded apparel.<\/p>\r\n        <button type=\"button\" onclick=\"dgtcoOpenHomeServiceModal('silk')\">Learn More <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"dgtco-home-service-modal-overlay\" id=\"dgtcoHomeServiceModal\">\r\n  <div class=\"dgtco-home-service-modal\">\r\n    <button class=\"dgtco-home-modal-close\" id=\"dgtcoHomeModalClose\" type=\"button\" aria-label=\"Close\">\r\n      <i class=\"fas fa-times\"><\/i>\r\n    <\/button>\r\n\r\n    <div class=\"dgtco-home-modal-scroll\" id=\"dgtcoHomeModalContent\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const dgtcoHomeServicesData = {\r\n    corporate: {\r\n      badge: \"Corporate Uniforms\",\r\n      title: \"Corporate Uniforms\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/corporate-uniforms.jpg\",\r\n      heading: \"Professional Uniforms for Modern Business Teams\",\r\n      desc1: \"Our corporate uniforms are designed to create a sharp, consistent, and trustworthy brand image for your team. From office staff to client-facing employees, we help your business look organized and professional.\",\r\n      desc2: \"We support customized colors, fabric selection, logo branding, embroidery, and bulk uniform production based on your company identity.\",\r\n      list: [\"Executive office uniforms\", \"Custom shirts and trousers\", \"Logo embroidery\", \"Brand color matching\", \"Comfortable daily wear\", \"Bulk order support\"]\r\n    },\r\n\r\n    hospitality: {\r\n      badge: \"Hospitality Uniforms\",\r\n      title: \"Hospitality Uniforms\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/hospitality-uniforms.jpg\",\r\n      heading: \"Elegant Uniforms for Hotels, Restaurants and Service Teams\",\r\n      desc1: \"Hospitality uniforms should create a strong first impression while keeping staff comfortable during long service hours. We design refined uniforms for hotels, restaurants, caf\u00e9s, and guest-facing teams.\",\r\n      desc2: \"Our hospitality uniform solutions combine premium appearance, easy-care fabrics, and functional styling for daily operations.\",\r\n      list: [\"Hotel staff uniforms\", \"Restaurant uniforms\", \"Front office attire\", \"Chef and service wear\", \"Comfortable long-shift fabrics\", \"Custom branding\"]\r\n    },\r\n\r\n    healthcare: {\r\n      badge: \"Healthcare Uniforms\",\r\n      title: \"Healthcare Uniforms\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/healthcare-uniform.jpg\",\r\n      heading: \"Clean, Comfortable and Professional Healthcare Wear\",\r\n      desc1: \"Healthcare uniforms help patients identify staff easily while supporting hygiene, movement, and professional presentation. We provide uniforms for clinics, hospitals, wellness centers, and medical teams.\",\r\n      desc2: \"Our healthcare uniforms are made for comfort, easy maintenance, and dependable daily performance.\",\r\n      list: [\"Medical scrubs\", \"Lab coats\", \"Clinic uniforms\", \"Functional pocket designs\", \"Easy-care materials\", \"Custom embroidery\"]\r\n    },\r\n\r\n    industrial: {\r\n      badge: \"Industrial Workwear\",\r\n      title: \"Industrial Workwear\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/industrial-workwear.jpg\",\r\n      heading: \"Durable Workwear Built for Tough Daily Use\",\r\n      desc1: \"Industrial teams need workwear that supports safety, movement, and long-lasting performance. We supply durable uniforms, PPE, safety gear, and protective workwear for demanding environments.\",\r\n      desc2: \"Our industrial solutions are suitable for construction, logistics, engineering, maintenance, manufacturing, and site operations.\",\r\n      list: [\"Coveralls and workwear\", \"PPE and safety gear\", \"Reflective strip options\", \"Reinforced stitching\", \"Durable fabrics\", \"Company branding\"]\r\n    },\r\n\r\n    school: {\r\n      badge: \"School Uniforms\",\r\n      title: \"School Uniforms\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/school-uniforms.jpg\",\r\n      heading: \"Neat and Durable Uniforms for Students\",\r\n      desc1: \"School uniforms should be comfortable, durable, and ready for everyday use. We create student uniforms that support discipline, identity, and a clean school appearance.\",\r\n      desc2: \"We can produce uniforms for different grade levels, school departments, events, and seasonal requirements.\",\r\n      list: [\"Student shirts and trousers\", \"Skirts and school wear\", \"Sports uniforms\", \"School logo embroidery\", \"Comfortable sizing\", \"Recurring supply support\"]\r\n    },\r\n\r\n    salon: {\r\n      badge: \"Salon and Spa Uniforms\",\r\n      title: \"Salon and Spa Uniforms\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.35-1.jpeg\",\r\n      heading: \"Stylish Uniforms for Beauty and Wellness Teams\",\r\n      desc1: \"Salon and spa teams need uniforms that look elegant, feel comfortable, and support movement during service. We create polished uniforms for beauty, wellness, spa, and grooming teams.\",\r\n      desc2: \"Our salon and spa uniforms are designed to match your brand atmosphere and professional service standards.\",\r\n      list: [\"Spa therapist uniforms\", \"Salon staff wear\", \"Beauty clinic uniforms\", \"Soft comfortable fabrics\", \"Elegant color options\", \"Logo branding\"]\r\n    },\r\n\r\n    alterations: {\r\n      badge: \"Alterations Services\",\r\n      title: \"Alterations Services\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/alteration-services.jpg\",\r\n      heading: \"Perfect Fit Alterations for Professional Presentation\",\r\n      desc1: \"A uniform looks best when it fits properly. Our alteration services help adjust, repair, and refine uniforms so every team member looks confident and well-presented.\",\r\n      desc2: \"We support fitting adjustments, resizing, repairs, and finishing improvements for custom and ready-made garments.\",\r\n      list: [\"Uniform resizing\", \"Length adjustments\", \"Repair services\", \"Fit correction\", \"Custom refinements\", \"Professional finishing\"]\r\n    },\r\n\r\n    embroidery: {\r\n      badge: \"Embroidery Services\",\r\n      title: \"Embroidery Services\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/05\/embroidery-service.jpg\",\r\n      heading: \"Premium Logo Embroidery for Strong Brand Identity\",\r\n      desc1: \"Embroidery gives uniforms a premium and long-lasting branded finish. We provide sharp, durable, and professional embroidery for logos, names, departments, and brand details.\",\r\n      desc2: \"Our embroidery service is suitable for corporate uniforms, hospitality uniforms, healthcare wear, school uniforms, and promotional apparel.\",\r\n      list: [\"Logo embroidery\", \"Name embroidery\", \"Department branding\", \"Premium thread finish\", \"Durable stitching\", \"Bulk embroidery support\"]\r\n    },\r\n\r\n    silk: {\r\n      badge: \"Silk Screen Printing\",\r\n      title: \"Silk Screen Printing\",\r\n      sideImage: \"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-04-at-10.41.33-2.jpeg\",\r\n      heading: \"Clean and Bold Printing for Branded Apparel\",\r\n      desc1: \"Silk screen printing helps your brand stand out with bold, clean, and consistent prints across different garments. It is ideal for uniforms, promotional wear, and branded apparel.\",\r\n      desc2: \"We provide professional printing solutions for company uniforms, staff clothing, events, campaigns, and custom apparel.\",\r\n      list: [\"Logo printing\", \"Promotional apparel\", \"Uniform printing\", \"Bold color output\", \"Bulk print support\", \"Clean finishing\"]\r\n    }\r\n  };\r\n\r\n  const dgtcoHomeModal = document.getElementById(\"dgtcoHomeServiceModal\");\r\n  const dgtcoHomeModalContent = document.getElementById(\"dgtcoHomeModalContent\");\r\n  const dgtcoHomeModalClose = document.getElementById(\"dgtcoHomeModalClose\");\r\n\r\n  function dgtcoOpenHomeServiceModal(serviceKey) {\r\n    const service = dgtcoHomeServicesData[serviceKey];\r\n\r\n    if (!service || !dgtcoHomeModal || !dgtcoHomeModalContent) return;\r\n\r\n    dgtcoHomeModalContent.innerHTML = `\r\n      <div class=\"dgtco-home-modal-title-area\">\r\n        <span class=\"dgtco-home-modal-badge\">\r\n          <i class=\"fas fa-star\"><\/i> ${service.badge}\r\n        <\/span>\r\n        <h2>${service.title}<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-home-modal-body\">\r\n        <div class=\"dgtco-home-modal-intro\">\r\n          <div class=\"dgtco-home-modal-text\">\r\n            <h3>${service.heading}<\/h3>\r\n            <p>${service.desc1}<\/p>\r\n            <p>${service.desc2}<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"dgtco-home-modal-side-img\">\r\n            <img decoding=\"async\" src=\"${service.sideImage}\" alt=\"${service.title}\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h4 class=\"dgtco-home-modal-list-title\">What We Offer<\/h4>\r\n\r\n        <ul class=\"dgtco-home-modal-list\">\r\n          ${service.list.map(function(item) {\r\n            return `<li><i class=\"fas fa-check\"><\/i>${item}<\/li>`;\r\n          }).join(\"\")}\r\n        <\/ul>\r\n\r\n        <div class=\"dgtco-home-modal-cta\">\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\">\r\n            WhatsApp Enquiry <i class=\"fab fa-whatsapp\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/contact-us\/\">\r\n            Contact Us <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n\r\n    dgtcoHomeModal.classList.add(\"active\");\r\n    document.body.style.overflow = \"hidden\";\r\n    dgtcoHomeModalContent.scrollTop = 0;\r\n  }\r\n\r\n  function dgtcoCloseHomeServiceModal() {\r\n    if (!dgtcoHomeModal) return;\r\n    dgtcoHomeModal.classList.remove(\"active\");\r\n    document.body.style.overflow = \"\";\r\n  }\r\n\r\n  if (dgtcoHomeModalClose) {\r\n    dgtcoHomeModalClose.addEventListener(\"click\", dgtcoCloseHomeServiceModal);\r\n  }\r\n\r\n  if (dgtcoHomeModal) {\r\n    dgtcoHomeModal.addEventListener(\"click\", function(e) {\r\n      if (e.target === dgtcoHomeModal) {\r\n        dgtcoCloseHomeServiceModal();\r\n      }\r\n    });\r\n  }\r\n\r\n  document.addEventListener(\"keydown\", function(e) {\r\n    if (e.key === \"Escape\") {\r\n      dgtcoCloseHomeServiceModal();\r\n    }\r\n  });\r\n\r\n  const servicesAnimatedEls = document.querySelectorAll(\".services .animate-up\");\r\n\r\n  const servicesObserver = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"animated\");\r\n        servicesObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.14,\r\n    rootMargin: \"0px 0px -60px 0px\"\r\n  });\r\n\r\n  servicesAnimatedEls.forEach(function (el) {\r\n    servicesObserver.observe(el);\r\n  });\r\n<\/script>\r\n\r\n<!-- Services Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c9d7e6 e-con-full e-flex e-con e-parent\" data-id=\"7c9d7e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7eae5 elementor-widget elementor-widget-html\" data-id=\"9e7eae5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose Us Section Start -->\r\n<style>\r\n  :root {\r\n    --bg: #2F292A;\r\n    --accent: #e31837;\r\n    --text: #ffffff;\r\n    --text-soft: rgba(255,255,255,0.72);\r\n    --text-muted: rgba(255,255,255,0.58);\r\n    --shadow: 0 18px 50px rgba(0,0,0,0.32);\r\n    --gradient: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  section {\r\n    position: relative;\r\n  }\r\n\r\n  .section-pad {\r\n    padding: 120px 0;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 68px;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .section-subtitle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: var(--accent);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .section-subtitle::before,\r\n  .section-subtitle::after {\r\n    content: \"\";\r\n    width: 46px;\r\n    height: 2px;\r\n    background: var(--accent);\r\n  }\r\n\r\n  .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px,4vw,50px);\r\n    line-height: 1.15;\r\n    margin-bottom: 18px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .section-title .accent {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .section-desc {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    color: var(--text-muted);\r\n    line-height: 1.85;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .why {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n    font-family: 'Poppins', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%,-50%);\r\n    width: 820px;\r\n    height: 820px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(227,24,55,0.08) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4,1fr);\r\n    gap: 26px;\r\n    position: relative;\r\n    z-index: 2;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .why-card {\r\n    text-align: center;\r\n    padding: 38px 26px;\r\n    border-radius: 22px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 2px solid rgba(227,24,55,0.34);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.10),\r\n      0 14px 34px rgba(0,0,0,0.22);\r\n    transition: 0.35s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(227,24,55,0.75);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.25),\r\n      0 18px 50px rgba(0,0,0,0.34);\r\n    background: rgba(227,24,55,0.08);\r\n  }\r\n\r\n  .why-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    transform: translateX(-50%);\r\n    width: 62px;\r\n    height: 3px;\r\n    background: var(--gradient);\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .why-card:hover::before {\r\n    width: 100%;\r\n  }\r\n\r\n  .why-icon {\r\n    width: 74px;\r\n    height: 74px;\r\n    margin: 0 auto 22px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    color: var(--accent);\r\n    background: rgba(227,24,55,0.12);\r\n    border: 1px solid rgba(227,24,55,0.28);\r\n  }\r\n\r\n  .why-card:hover .why-icon {\r\n    background: var(--gradient);\r\n    color: #fff;\r\n  }\r\n\r\n  .why-card h3 {\r\n    font-size: 18px;\r\n    margin-bottom: 10px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .why-card p {\r\n    color: var(--text-muted);\r\n    line-height: 1.75;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .animate-up {\r\n    opacity: 0;\r\n    transform: translateY(46px);\r\n    transition: all 0.8s cubic-bezier(.16,1,.3,1);\r\n  }\r\n\r\n  .animated {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  \/* Force Why Choose Us Background Color *\/\r\n  html body .why,\r\n  html body section.why,\r\n  html body .why.section-pad,\r\n  html body .elementor-widget-html .why {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n  }\r\n\r\n  html body .why .container,\r\n  html body .why-grid,\r\n  html body .why .section-header {\r\n    background: transparent !important;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .why-grid {\r\n      grid-template-columns: repeat(2,1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .section-pad {\r\n      padding: 92px 0;\r\n    }\r\n\r\n    .why-grid {\r\n      grid-template-columns: repeat(2,1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .section-subtitle {\r\n      font-size: 10px;\r\n      letter-spacing: 2.3px;\r\n    }\r\n\r\n    .why-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"why section-pad\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header animate-up\">\r\n      <div class=\"section-subtitle\">Why Choose Us<\/div>\r\n      <h2 class=\"section-title\">Crafted <span class=\"accent\"> Excellence in Every Uniform Solution <\/h2>\r\n      <p class=\"section-desc\">MEETING THE CLIENT'S NEEDS IN THE BEST POSSIBLE WAY<br>While treating continual improvements as an unending journey for every order, project, and partnership.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-grid\">\r\n      <article class=\"why-card animate-up\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n        <h3>Premium Quality<\/h3>\r\n        <p>We produce uniforms, uniform accessories, and ready-made garments with reliable materials, lasting comfort, and a polished professional finish.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card animate-up\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n        <h3>Safety &amp; PPE<\/h3>\r\n        <p>From industrial workwear to safety gear items and PPE, we deliver solutions built for protection, functionality, and compliance.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card animate-up\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-pen-nib\"><\/i><\/div>\r\n        <h3>In-House Branding<\/h3>\r\n        <p>Embroidery, silk screen print &amp; DTF, and sublimation print are handled in-house for consistent quality and faster turnaround.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card animate-up\">\r\n        <div class=\"why-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n        <h3>Long-Term Partnership<\/h3>\r\n        <p>We focus on dependable service, flexible production, and long-term client satisfaction across the UAE and wider MENA region.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const whyAnimatedEls = document.querySelectorAll(\".why .animate-up\");\r\n\r\n  const whyObserver = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"animated\");\r\n        whyObserver.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.14,\r\n    rootMargin: \"0px 0px -60px 0px\"\r\n  });\r\n\r\n  whyAnimatedEls.forEach(function (el) {\r\n    whyObserver.observe(el);\r\n  });\r\n<\/script>\r\n<!-- Why Choose Us Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e71108 e-con-full e-flex e-con e-parent\" data-id=\"9e71108\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065ece3 elementor-widget elementor-widget-html\" data-id=\"065ece3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Counter Section Start -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .dgtco-counter-section,\r\n  .dgtco-counter-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dgtco-counter-section {\r\n    --counter-bg: #231F20;\r\n    --counter-bg-2: #2F292A;\r\n    --counter-accent: #e31837;\r\n    --counter-text: #ffffff;\r\n    --counter-muted: rgba(255,255,255,0.62);\r\n    --counter-gradient: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n\r\n    position: relative;\r\n    background:\r\n      radial-gradient(circle at 15% 20%, rgba(227,24,55,0.14), transparent 34%),\r\n      radial-gradient(circle at 85% 80%, rgba(227,24,55,0.12), transparent 32%),\r\n      linear-gradient(180deg, #231F20 0%, #2F292A 100%) !important;\r\n    background-color: #231F20 !important;\r\n    padding: 95px 0;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .dgtco-counter-section::before {\r\n    content: \"DGTCO\";\r\n    position: absolute;\r\n    right: -2%;\r\n    bottom: -28px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 150px;\r\n    font-weight: 800;\r\n    letter-spacing: 16px;\r\n    color: rgba(255,255,255,0.025);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .dgtco-counter-container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .dgtco-counter-header {\r\n    text-align: center;\r\n    margin-bottom: 58px;\r\n  }\r\n\r\n  .dgtco-counter-subtitle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    color: var(--counter-accent);\r\n    font-size: 34px;\r\n    font-weight: 900;\r\n    letter-spacing: 8px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 32px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .dgtco-counter-subtitle::before,\r\n  .dgtco-counter-subtitle::after {\r\n    content: \"\";\r\n    width: 70px;\r\n    height: 2px;\r\n    background: var(--counter-accent);\r\n  }\r\n\r\n  .dgtco-counter-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    line-height: 1.15;\r\n    margin: 0 0 18px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .dgtco-counter-title .accent {\r\n    color: var(--counter-accent);\r\n  }\r\n\r\n  .dgtco-counter-desc {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    color: var(--counter-muted);\r\n    line-height: 1.85;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .dgtco-counter-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 26px;\r\n  }\r\n\r\n  .dgtco-counter-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    padding: 42px 24px 38px;\r\n    border-radius: 24px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));\r\n    border: 2px solid rgba(227,24,55,0.34);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.10),\r\n      0 16px 38px rgba(0,0,0,0.24);\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .dgtco-counter-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(227,24,55,0.75);\r\n    background: rgba(227,24,55,0.08);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.22),\r\n      0 20px 52px rgba(0,0,0,0.36);\r\n  }\r\n\r\n  .dgtco-counter-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    transform: translateX(-50%);\r\n    width: 68px;\r\n    height: 4px;\r\n    background: var(--counter-gradient);\r\n    border-radius: 0 0 99px 99px;\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .dgtco-counter-card:hover::before {\r\n    width: 100%;\r\n  }\r\n\r\n  .dgtco-counter-icon {\r\n    width: 74px;\r\n    height: 74px;\r\n    margin: 0 auto 22px;\r\n    border-radius: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--counter-accent);\r\n    background: rgba(227,24,55,0.12);\r\n    border: 1px solid rgba(227,24,55,0.28);\r\n    font-size: 28px;\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .dgtco-counter-card:hover .dgtco-counter-icon {\r\n    background: var(--counter-gradient);\r\n    color: #ffffff;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .dgtco-counter-number {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n    gap: 2px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(38px, 4vw, 58px);\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .dgtco-counter-number .plus {\r\n    color: var(--counter-accent);\r\n    font-size: 0.72em;\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .dgtco-counter-card h3 {\r\n    margin: 0 0 10px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dgtco-counter-card p {\r\n    margin: 0;\r\n    color: var(--counter-muted);\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  html body .dgtco-counter-section,\r\n  html body section.dgtco-counter-section {\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .dgtco-counter-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .dgtco-counter-subtitle {\r\n      font-size: 30px;\r\n      letter-spacing: 7px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .dgtco-counter-subtitle::before,\r\n    .dgtco-counter-subtitle::after {\r\n      width: 54px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgtco-counter-section {\r\n      padding: 78px 0;\r\n    }\r\n\r\n    .dgtco-counter-container {\r\n      width: min(1400px, calc(100% - 32px));\r\n    }\r\n\r\n    .dgtco-counter-header {\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .dgtco-counter-subtitle {\r\n      font-size: 24px;\r\n      letter-spacing: 5px;\r\n      gap: 10px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .dgtco-counter-subtitle::before,\r\n    .dgtco-counter-subtitle::after {\r\n      width: 34px;\r\n    }\r\n\r\n    .dgtco-counter-title {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .dgtco-counter-desc {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .dgtco-counter-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .dgtco-counter-card {\r\n      padding: 34px 18px 30px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .dgtco-counter-icon {\r\n      width: 62px;\r\n      height: 62px;\r\n      border-radius: 18px;\r\n      font-size: 24px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .dgtco-counter-card h3 {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .dgtco-counter-card p {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .dgtco-counter-section {\r\n      padding: 68px 0;\r\n    }\r\n\r\n    .dgtco-counter-container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .dgtco-counter-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .dgtco-counter-subtitle {\r\n      font-size: 18px;\r\n      letter-spacing: 3px;\r\n      gap: 8px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .dgtco-counter-subtitle::before,\r\n    .dgtco-counter-subtitle::after {\r\n      width: 24px;\r\n    }\r\n\r\n    .dgtco-counter-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .dgtco-counter-card {\r\n      padding: 30px 18px 28px;\r\n    }\r\n\r\n    .dgtco-counter-number {\r\n      font-size: 42px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"dgtco-counter-section\">\r\n  <div class=\"dgtco-counter-container\">\r\n    <div class=\"dgtco-counter-header\">\r\n      <div class=\"dgtco-counter-subtitle\">Our Achievements<\/div>\r\n\r\n      <h2 class=\"dgtco-counter-title\">\r\n        Trusted <span class=\"accent\">Uniform Partner<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"dgtco-counter-desc\">\r\n        We support businesses, schools, hospitality teams, healthcare professionals, and industrial companies with reliable uniform solutions, branding, and custom production.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dgtco-counter-grid\">\r\n      <div class=\"dgtco-counter-card\">\r\n        <div class=\"dgtco-counter-icon\">\r\n          <i class=\"fas fa-users\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-counter-number\">\r\n          <span class=\"dgtco-count\" data-target=\"500\">0<\/span><span class=\"plus\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Happy Clients<\/h3>\r\n        <p>Trusted by businesses and teams across the UAE.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-counter-card\">\r\n        <div class=\"dgtco-counter-icon\">\r\n          <i class=\"fas fa-shirt\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-counter-number\">\r\n          <span class=\"dgtco-count\" data-target=\"10000\">0<\/span><span class=\"plus\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Uniforms Supplied<\/h3>\r\n        <p>Custom and ready-made uniforms delivered with care.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-counter-card\">\r\n        <div class=\"dgtco-counter-icon\">\r\n          <i class=\"fas fa-briefcase\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-counter-number\">\r\n          <span class=\"dgtco-count\" data-target=\"12\">0<\/span><span class=\"plus\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Service Categories<\/h3>\r\n        <p>Uniforms, PPE, embroidery, printing, and more.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-counter-card\">\r\n        <div class=\"dgtco-counter-icon\">\r\n          <i class=\"fas fa-award\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-counter-number\">\r\n          <span class=\"dgtco-count\" data-target=\"15\">0<\/span><span class=\"plus\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Years Experience<\/h3>\r\n        <p>Reliable support for quality-focused uniform projects.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    const counters = document.querySelectorAll(\".dgtco-count\");\r\n    let started = false;\r\n\r\n    function animateCounter(counter) {\r\n      const target = parseInt(counter.getAttribute(\"data-target\"), 10);\r\n      const duration = 1600;\r\n      const startTime = performance.now();\r\n\r\n      function update(currentTime) {\r\n        const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n        const value = Math.floor(progress * target);\r\n\r\n        counter.textContent = value.toLocaleString();\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(update);\r\n        } else {\r\n          counter.textContent = target.toLocaleString();\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(update);\r\n    }\r\n\r\n    const observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting && !started) {\r\n          started = true;\r\n          counters.forEach(animateCounter);\r\n          observer.disconnect();\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.25\r\n    });\r\n\r\n    if (counters.length) {\r\n      observer.observe(counters[0].closest(\".dgtco-counter-section\"));\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- Counter Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f694f47 e-con-full e-flex e-con e-parent\" data-id=\"f694f47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6664f elementor-widget elementor-widget-html\" data-id=\"cf6664f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Subtitle, Title & Description Section Only -->\r\n<style>\r\n  .dgtco-header-section,\r\n  .dgtco-header-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dgtco-header-section {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n    padding: 120px 20px !important;\r\n    font-family: 'Poppins', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .dgtco-header-container {\r\n    width: min(1400px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dgtco-contact-header {\r\n    text-align: center;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Updated Get In Touch subtitle size *\/\r\n  .dgtco-contact-subtitle {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 14px !important;\r\n    color: #e31837 !important;\r\n    font-size: 34px !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: 8px !important;\r\n    text-transform: uppercase !important;\r\n    margin-bottom: 32px !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  .dgtco-contact-subtitle::before,\r\n  .dgtco-contact-subtitle::after {\r\n    content: \"\";\r\n    width: 70px !important;\r\n    height: 2px !important;\r\n    background: #e31837 !important;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .dgtco-contact-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: clamp(32px, 4vw, 50px) !important;\r\n    line-height: 1.15 !important;\r\n    margin: 0 0 18px !important;\r\n    text-transform: uppercase !important;\r\n    color: #ffffff !important;\r\n    font-weight: 500 !important;\r\n  }\r\n\r\n  .dgtco-contact-title .accent {\r\n    color: #e31837 !important;\r\n  }\r\n\r\n  .dgtco-contact-desc {\r\n    max-width: 820px;\r\n    margin: 0 auto !important;\r\n    color: rgba(255,255,255,0.58) !important;\r\n    line-height: 1.85 !important;\r\n    font-size: 16px !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .dgtco-contact-subtitle {\r\n      font-size: 30px !important;\r\n      letter-spacing: 7px !important;\r\n      gap: 12px !important;\r\n    }\r\n\r\n    .dgtco-contact-subtitle::before,\r\n    .dgtco-contact-subtitle::after {\r\n      width: 54px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgtco-header-section {\r\n      padding: 92px 18px !important;\r\n    }\r\n\r\n    .dgtco-contact-subtitle {\r\n      font-size: 24px !important;\r\n      letter-spacing: 5px !important;\r\n      gap: 10px !important;\r\n      margin-bottom: 28px !important;\r\n    }\r\n\r\n    .dgtco-contact-subtitle::before,\r\n    .dgtco-contact-subtitle::after {\r\n      width: 34px !important;\r\n    }\r\n\r\n    .dgtco-contact-title {\r\n      font-size: 32px !important;\r\n    }\r\n\r\n    .dgtco-contact-desc {\r\n      font-size: 15px !important;\r\n      line-height: 1.75 !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .dgtco-header-section {\r\n      padding: 78px 14px !important;\r\n    }\r\n\r\n    .dgtco-contact-subtitle {\r\n      font-size: 18px !important;\r\n      letter-spacing: 3px !important;\r\n      gap: 8px !important;\r\n      margin-bottom: 24px !important;\r\n    }\r\n\r\n    .dgtco-contact-subtitle::before,\r\n    .dgtco-contact-subtitle::after {\r\n      width: 24px !important;\r\n    }\r\n\r\n    .dgtco-contact-title {\r\n      font-size: 28px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"dgtco-header-section\">\r\n  <div class=\"dgtco-header-container\">\r\n    <div class=\"dgtco-contact-header\">\r\n      <div class=\"dgtco-contact-subtitle\">Get In Touch<\/div>\r\n\r\n      <h2 class=\"dgtco-contact-title\">\r\n        Get in Touch with <span class=\"accent\">D\u0130YAR, DGTCO &amp; MY UNIFORMS<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"dgtco-contact-desc\">\r\n        As we provider of uniforms and other services, be sure to reach out to us, we are always ready and happy to serve you.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f7e905 e-con-full e-flex e-con e-parent\" data-id=\"7f7e905\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a071032 e-con-full e-flex e-con e-child\" data-id=\"a071032\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24ed5c4 elementor-widget elementor-widget-html\" data-id=\"24ed5c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Get In Touch Left Contact Details Start -->\r\n<style>\r\n  .dgtco-contact-left-section,\r\n  .dgtco-contact-left-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dgtco-contact-left-section {\r\n    background: #2F292A !important;\r\n    background-color: #2F292A !important;\r\n    padding: 35px 20px !important;\r\n    font-family: 'Poppins', sans-serif;\r\n    width: 100%;\r\n  }\r\n\r\n  .dgtco-contact-left-container {\r\n    width: 100%;\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dgtco-contact-info {\r\n    width: 100%;\r\n  }\r\n\r\n  .dgtco-contact-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    width: 100%;\r\n    padding: 22px 24px;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 2px solid rgba(227,24,55,0.34);\r\n    box-shadow:\r\n      0 0 0 1px rgba(227,24,55,0.10),\r\n      0 10px 26px rgba(0,0,0,0.20);\r\n    margin-bottom: 18px;\r\n    transition: 0.35s ease;\r\n  }\r\n\r\n  .dgtco-contact-card:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(227,24,55,0.75);\r\n    background: rgba(227,24,55,0.08);\r\n  }\r\n\r\n  .dgtco-contact-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    min-width: 64px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n    color: #ffffff;\r\n    font-size: 22px;\r\n    box-shadow: 0 12px 26px rgba(227,24,55,0.25);\r\n  }\r\n\r\n  .dgtco-contact-text {\r\n    flex: 1;\r\n  }\r\n\r\n  .dgtco-contact-text h4 {\r\n    font-size: 15px;\r\n    margin: 0 0 6px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    letter-spacing: 0.7px;\r\n  }\r\n\r\n  .dgtco-contact-text a,\r\n  .dgtco-contact-text p {\r\n    color: rgba(255,255,255,0.78);\r\n    line-height: 1.6;\r\n    font-size: 15px;\r\n    word-break: break-word;\r\n    text-decoration: none;\r\n    margin: 0;\r\n  }\r\n\r\n  .dgtco-contact-text a:hover {\r\n    color: #e31837;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgtco-contact-left-section {\r\n      padding: 28px 16px !important;\r\n    }\r\n\r\n    .dgtco-contact-card {\r\n      padding: 20px 18px;\r\n      border-radius: 18px;\r\n      gap: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .dgtco-contact-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      min-width: 56px;\r\n      border-radius: 16px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .dgtco-contact-text h4 {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dgtco-contact-text a,\r\n    .dgtco-contact-text p {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .dgtco-contact-left-section {\r\n      padding: 24px 14px !important;\r\n    }\r\n\r\n    .dgtco-contact-card {\r\n      padding: 18px 16px;\r\n      gap: 14px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .dgtco-contact-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      min-width: 50px;\r\n      border-radius: 14px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .dgtco-contact-text h4 {\r\n      font-size: 13px;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .dgtco-contact-text a,\r\n    .dgtco-contact-text p {\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dgtco-contact-left-section\">\r\n  <div class=\"dgtco-contact-left-container\">\r\n    <div class=\"dgtco-contact-info\">\r\n\r\n      <div class=\"dgtco-contact-card\">\r\n        <div class=\"dgtco-contact-icon\">\r\n          <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        <\/div>\r\n        <div class=\"dgtco-contact-text\">\r\n          <h4>Our Location<\/h4>\r\n          <a href=\"https:\/\/maps.app.goo.gl\/mUsVECYuf7PXPJjw7?g_st=iwb\" target=\"_blank\">\r\n            Cornish road, Ajman UAE.\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-contact-card\">\r\n        <div class=\"dgtco-contact-icon\">\r\n          <i class=\"fas fa-phone-alt\"><\/i>\r\n        <\/div>\r\n        <div class=\"dgtco-contact-text\">\r\n          <h4>Call Us<\/h4>\r\n          <a href=\"tel:+97167047214\">+971 6 704 7214<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-contact-card\">\r\n        <div class=\"dgtco-contact-icon\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n        <\/div>\r\n        <div class=\"dgtco-contact-text\">\r\n          <h4>WhatsApp<\/h4>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\">\r\n            +971 522 654 987\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dgtco-contact-card\">\r\n        <div class=\"dgtco-contact-icon\">\r\n          <i class=\"fas fa-envelope\"><\/i>\r\n        <\/div>\r\n        <div class=\"dgtco-contact-text\">\r\n          <h4>Email Us<\/h4>\r\n          <a href=\"mailto:info@dgtco.ae\">info@dgtco.ae<\/a><br>\r\n          <a href=\"mailto:sales@dgtco.ae\">sales@dgtco.ae<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- Get In Touch Left Contact Details End -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-734b356 elementor-widget elementor-widget-google_maps\" data-id=\"734b356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=citymax%20ajman&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"citymax ajman\"\n\t\t\t\t\taria-label=\"citymax ajman\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5031452 e-con-full e-flex e-con e-child\" data-id=\"5031452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0911802 elementor-widget elementor-widget-shortcode\" data-id=\"0911802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f751-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"751\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/13#wpcf7-f751-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"751\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f751-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"premium-contact-form\">\n\t<div class=\"form-header\">\n\t\t<h2>Send Us a <span>Message<\/span>\n\t\t<\/h2>\n\t\t<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.\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>FIRST NAME *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your first name\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>LAST NAME *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your last name\" value=\"\" type=\"text\" name=\"last-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>EMAIL ADDRESS *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"your@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>PHONE NUMBER *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+971 XX XXX XXXX\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>COMPANY NAME<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Your company\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>SERVICE REQUIRED<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"service-required\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"service-required\"><option value=\"\">Select service<\/option><option value=\"Corporate Uniforms\">Corporate Uniforms<\/option><option value=\"School Uniforms\">School Uniforms<\/option><option value=\"Hospitality Uniforms\">Hospitality Uniforms<\/option><option value=\"Industrial Uniforms\">Industrial Uniforms<\/option><option value=\"Custom Tailoring\">Custom Tailoring<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>QUANTITY<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"quantity\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"quantity\"><option value=\"\">Select quantity<\/option><option value=\"1 - 50 Pieces\">1 - 50 Pieces<\/option><option value=\"51 - 100 Pieces\">51 - 100 Pieces<\/option><option value=\"101 - 500 Pieces\">101 - 500 Pieces<\/option><option value=\"500+ Pieces\">500+ Pieces<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>BUDGET RANGE<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"budget-range\"><option value=\"\">Select budget<\/option><option value=\"Below AED 1,000\">Below AED 1,000<\/option><option value=\"AED 1,000 - AED 5,000\">AED 1,000 - AED 5,000<\/option><option value=\"AED 5,000 - AED 10,000\">AED 5,000 - AED 10,000<\/option><option value=\"AED 10,000+\">AED 10,000+<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-group full-width\">\n\t\t<p><label>YOUR MESSAGE *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your uniform requirements, preferred fabrics, colors, delivery timeline...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"privacy-row\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy-policy\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacy-policy\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I agree to the <a href=\"\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a> and consent to being contacted regarding my enquiry.<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-buttons\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"SEND MESSAGE\" \/>\n\t\t<\/p>\n\t\t<p><a class=\"whatsapp-btn\" href=\"https:\/\/wa.me\/+971522654987?text=Hi%2C%20I%20want%20to%20enquire%20about%20your%20services.\" target=\"_blank\"><br \/>\n<i class=\"fab fa-whatsapp\"><\/i> WHATSAPP<br \/>\n<\/a>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa1d1f e-con-full e-flex e-con e-parent\" data-id=\"8aa1d1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0204e55 elementor-widget elementor-widget-html\" data-id=\"0204e55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Footer Section Start -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n  .dgtco-footer,\r\n  .dgtco-footer * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .dgtco-footer {\r\n    --footer-bg: #231F20;\r\n    --footer-accent: #e31837;\r\n    --footer-text: #ffffff;\r\n    --footer-soft: rgba(255,255,255,0.72);\r\n    --footer-muted: rgba(255,255,255,0.52);\r\n    --footer-gradient: linear-gradient(135deg,#b81230,#e31837,#ff3354);\r\n\r\n    background: var(--footer-bg) !important;\r\n    background-color: var(--footer-bg) !important;\r\n    border-top: 1px solid rgba(227,24,55,0.18);\r\n    padding-top: 78px;\r\n    font-family: 'Poppins', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .dgtco-footer a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .dgtco-footer img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .dgtco-footer ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .dgtco-footer-container {\r\n    width: min(1400px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dgtco-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.6fr 1fr 1.25fr;\r\n    gap: 46px;\r\n    padding-bottom: 56px;\r\n    border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n\r\n  \/* Footer Brand - Same Layout As Header Brand *\/\r\n  .dgtco-footer-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .dgtco-footer-logo {\r\n    width: 108px;\r\n    height: 108px;\r\n    padding: 0;\r\n    border-radius: 0;\r\n    overflow: visible;\r\n    background: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: none;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n  }\r\n\r\n  .dgtco-footer-logo img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    filter: drop-shadow(0 12px 30px rgba(0,0,0,0.30));\r\n  }\r\n\r\n  .dgtco-footer-brand-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    line-height: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .dgtco-footer-brand-text .eyebrow {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--footer-accent);\r\n  }\r\n\r\n  .dgtco-footer-brand-text .main {\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .dgtco-footer-brand-text .sub {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.86);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .dgtco-footer-brand-text .tag {\r\n    font-size: 10px;\r\n    color: rgba(255,255,255,0.48);\r\n    letter-spacing: 1.9px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .dgtco-footer-about p {\r\n    color: var(--footer-muted);\r\n    line-height: 1.85;\r\n    font-size: 14px;\r\n    margin: 22px 0 22px;\r\n    max-width: 560px;\r\n  }\r\n\r\n  .dgtco-footer-title {\r\n    display: inline-block;\r\n    font-size: 17px;\r\n    margin: 0 0 24px;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    padding-bottom: 14px;\r\n    color: var(--footer-text);\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n  }\r\n\r\n  \/* Underline equal to title text width only *\/\r\n  .dgtco-footer-title::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: var(--footer-gradient);\r\n    border-radius: 99px;\r\n  }\r\n\r\n  .dgtco-footer-links li {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .dgtco-footer-links a {\r\n    color: var(--footer-muted);\r\n    font-size: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .dgtco-footer-links a::before {\r\n    content: \"\";\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--footer-accent);\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .dgtco-footer-links a:hover {\r\n    color: var(--footer-accent);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .dgtco-footer-links a:hover::before {\r\n    width: 14px;\r\n  }\r\n\r\n  .dgtco-footer-contact-item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .dgtco-footer-contact-item i {\r\n    color: var(--footer-accent);\r\n    width: 18px;\r\n    margin-top: 3px;\r\n    flex-shrink: 0;\r\n    font-size: 15px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .dgtco-footer-contact-item a,\r\n  .dgtco-footer-contact-item p {\r\n    color: var(--footer-muted);\r\n    line-height: 1.7;\r\n    font-size: 14px;\r\n    margin: 0;\r\n  }\r\n\r\n  .dgtco-footer-contact-item a:hover {\r\n    color: var(--footer-accent);\r\n  }\r\n\r\n  .dgtco-footer-socials {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .dgtco-footer-socials a {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(227,24,55,0.10);\r\n    color: var(--footer-accent);\r\n    border: 1px solid rgba(227,24,55,0.26);\r\n    transition: 0.3s ease;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .dgtco-footer-socials a i {\r\n    display: inline-block;\r\n    color: inherit;\r\n  }\r\n\r\n  .dgtco-footer-socials a:hover {\r\n    background: var(--footer-accent);\r\n    color: #ffffff;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .dgtco-footer-bottom {\r\n    padding: 24px 0 28px;\r\n    text-align: center;\r\n  }\r\n\r\n  .dgtco-footer-bottom p {\r\n    color: rgba(255,255,255,0.40);\r\n    font-size: 13px;\r\n    margin: 0;\r\n  }\r\n\r\n  .dgtco-footer-bottom .accent {\r\n    color: var(--footer-accent);\r\n  }\r\n\r\n  \/* Force footer background *\/\r\n  html body .dgtco-footer,\r\n  html body footer.dgtco-footer {\r\n    background: #231F20 !important;\r\n    background-color: #231F20 !important;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .dgtco-footer-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 36px;\r\n    }\r\n\r\n    .dgtco-footer-about {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgtco-footer {\r\n      padding-top: 62px;\r\n    }\r\n\r\n    .dgtco-footer-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 34px;\r\n      padding-bottom: 42px;\r\n    }\r\n\r\n    .dgtco-footer-logo {\r\n      width: 96px;\r\n      height: 96px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .main {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .sub {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .tag {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .dgtco-footer-container {\r\n      width: min(1400px, calc(100% - 28px));\r\n    }\r\n\r\n    .dgtco-footer-brand {\r\n      gap: 12px;\r\n    }\r\n\r\n    .dgtco-footer-logo {\r\n      width: 84px;\r\n      height: 84px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .eyebrow {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .main {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .dgtco-footer-brand-text .sub {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .dgtco-footer-title {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .dgtco-footer-about p,\r\n    .dgtco-footer-links a,\r\n    .dgtco-footer-contact-item a,\r\n    .dgtco-footer-contact-item p {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"dgtco-footer\">\r\n  <div class=\"dgtco-footer-container\">\r\n    <div class=\"dgtco-footer-grid\">\r\n\r\n      <div class=\"dgtco-footer-about\">\r\n        <a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\" class=\"dgtco-footer-brand\" aria-label=\"D\u0130YAR DGTCO MY UNIFORMS home\">\r\n          <div class=\"dgtco-footer-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-18-000941.jpg\" alt=\"D\u0130YAR DGTCO MY UNIFORMS\">\r\n          <\/div>\r\n\r\n          <div class=\"dgtco-footer-brand-text\">\r\n            <span class=\"eyebrow\">Premium Uniform Manufacturing<\/span>\r\n            <span class=\"main\">D\u0130YAR<\/span>\r\n            <span class=\"sub\">DGTCO | MY UNIFORMS<\/span>\r\n            <span class=\"tag\">Where Quality Uniforms Meet Exceptional Brand Identity<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <p>\r\n          At DGTCO, we provide premium uniform solutions across the UAE and MENA region, combining trusted service with exceptional craftsmanship to help you achieve your goals.\r\n        <\/p>\r\n\r\n        <div class=\"dgtco-footer-socials\">\r\n          <a href=\"tel:+97167047214\" aria-label=\"Call\">\r\n            <i class=\"fa-solid fa-phone\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"mailto:info@dgtco.ae\" aria-label=\"Email\">\r\n            <i class=\"fa-solid fa-envelope\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"mailto:sales@dgtco.ae\" aria-label=\"Sales Email\">\r\n            <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n            <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/maps.app.goo.gl\/mUsVECYuf7PXPJjw7?g_st=iwb\" target=\"_blank\" aria-label=\"Location\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4 class=\"dgtco-footer-title\">Quick Links<\/h4>\r\n\r\n        <ul class=\"dgtco-footer-links\">\r\n          <li><a href=\"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/home\/\">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\/\">Get In Touch<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4 class=\"dgtco-footer-title\">Contact Info<\/h4>\r\n\r\n        <div class=\"dgtco-footer-contact-item\">\r\n          <i class=\"fa-solid fa-location-dot\"><\/i>\r\n          <a href=\"https:\/\/maps.app.goo.gl\/mUsVECYuf7PXPJjw7?g_st=iwb\" target=\"_blank\">Cornish road, Ajman UAE.<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-footer-contact-item\">\r\n          <i class=\"fa-solid fa-phone\"><\/i>\r\n          <a href=\"tel:+97167047214\">+971 6 704 7214<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-footer-contact-item\">\r\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n          <a href=\"https:\/\/wa.me\/971522654987\" target=\"_blank\">+971 522 654 987<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-footer-contact-item\">\r\n          <i class=\"fa-solid fa-envelope\"><\/i>\r\n          <a href=\"mailto:info@dgtco.ae\">info@dgtco.ae<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dgtco-footer-contact-item\">\r\n          <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n          <a href=\"mailto:sales@dgtco.ae\">sales@dgtco.ae<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dgtco-footer-bottom\">\r\n      <p>&copy; 2026 <span class=\"accent\">DGTCO, MY UNIFORMS<\/span> All Rights Reserved.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- Footer Section End -->\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>D\u0130YAR DGTCO MY UNIFORMS +971 6 704 7214 info@dgtco.ae sales@dgtco.ae WhatsApp: +971 522 654 987 Empowering Your Brand Through Quality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":256,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/812"}],"wp:attachment":[{"href":"https:\/\/diyar.justeasyshop.a.justeasyshop.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}