{"id":17,"date":"2026-05-13T03:18:18","date_gmt":"2026-05-13T03:18:18","guid":{"rendered":"https:\/\/mdyegypt.com\/?page_id=17"},"modified":"2026-05-15T09:19:51","modified_gmt":"2026-05-15T09:19:51","slug":"home","status":"publish","type":"page","link":"https:\/\/mdyegypt.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee2c542 e-con-full e-flex e-con e-parent\" data-id=\"ee2c542\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc3997 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7fc3997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; margin: 0; padding: 0;\">\r\n    <marquee style=\"background: #003366; color: white; padding: 8px; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; margin: 0; display: block;\" direction=\"left\">\r\n        Welcome to MDY Methodology - Experts in ISO Consulting, Training, and Quality Management Systems. \r\n    <\/marquee>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a27ca3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1a27ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"position: fixed; top: 29px; left: 0; width: 100%; z-index: 9999; margin: 0; padding: 0;\">\r\n    <div style=\"background: #6EC1E4; color: white; height: 50px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; padding: 10px 60px 0 60px; box-sizing: border-box;\">\r\n        \r\n        <div style=\"display: flex; gap: 20px; align-items: center;\">\r\n            <span style=\"line-height: 1;\">\ud83d\udcde +201019298983<\/span>\r\n            <span style=\"line-height: 1;\">\ud83d\udce7 info@mdyegypt.com<\/span>\r\n        <\/div>\r\n\r\n        <div style=\"display: flex; align-items: center; gap: 20px;\">\r\n            <div style=\"display: flex; align-items: center; gap: 8px; border-right: 1px solid rgba(255,255,255,0.5); padding-right: 15px; height: 16px;\">\r\n                <span style=\"font-size: 16px; line-height: 1;\">\ud83c\udf10<\/span> \r\n                <a href=\"#\" style=\"color: white; text-decoration: none; font-size: 13px; line-height: 1;\">AR<\/a>\r\n            <\/div>\r\n            <a href=\"https:\/\/mdyegypt.com\/wp-login.php\" style=\"color: white; text-decoration: none; line-height: 1;\">Login<\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9555cdf e-flex e-con-boxed e-con e-parent\" data-id=\"9555cdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4afec8c elementor-widget elementor-widget-html\" data-id=\"4afec8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .mdy-sticky-wrapper {\r\n        position: fixed;\r\n        top: 79px;\r\n        left: 0;\r\n        width: 100%;\r\n        z-index: 9997;\r\n        background: #ffffff;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .mdy-modern-header {\r\n        background: #ffffff;\r\n        width: 100%;\r\n        height: 95px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        position: relative;\r\n        font-family: 'Segoe UI', Roboto, sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0627\u0644\u0645\u0648\u062f\u0631\u0646 *\/\r\n    .mdy-corner-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        padding: 10px 20px;\r\n        border-radius: 50px;\r\n        font-weight: 800;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        white-space: nowrap;\r\n        z-index: 1600;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .btn-left-side { \r\n        left: 45px;\r\n        background: #003366; \r\n        color: #ffffff;\r\n        border: 2px solid #003366;\r\n    }\r\n    .btn-left-side:hover { \r\n        background: #002244;\r\n        color: #6EC1E4; \r\n        transform: translateY(-50%) scale(1.05);\r\n    }\r\n\r\n    .btn-right-side { \r\n        right: 45px;\r\n        background: #cc0000; \r\n        color: #ffffff;\r\n        border: 2px solid #cc0000;\r\n    }\r\n    .btn-right-side:hover { \r\n        background: #a30000;\r\n        color: #ffff00; \r\n        transform: translateY(-50%) scale(1.05);\r\n    }\r\n\r\n    .mdy-nav-container {\r\n        width: 40%; \r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        padding: 0 40px;\r\n    }\r\n    .mdy-align-right { justify-content: flex-end; }\r\n    .mdy-align-left { justify-content: flex-start; }\r\n\r\n    .mdy-nav-item {\r\n        text-decoration: none;\r\n        color: #444;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        transition: 0.3s;\r\n    }\r\n    .mdy-nav-item:hover { color: #6EC1E4; }\r\n\r\n    \/* \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0645\u0632\u062f\u0648\u062c \u0644\u0644\u0623\u0633\u0641\u0644 *\/\r\n    .mdy-arrow-down {\r\n        text-align: center;\r\n        padding: 5px 0 !important;\r\n        font-size: 18px !important;\r\n        color: #6EC1E4 !important;\r\n        font-weight: bold !important;\r\n        transition: 0.3s;\r\n    }\r\n    .mdy-arrow-down:hover { transform: translateY(3px); color: #003366 !important; }\r\n\r\n    .mdy-logo-center {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 70%; \r\n        transform: translate(-50%, -50%);\r\n        z-index: 1500;\r\n    }\r\n\r\n    .mdy-drop-wrapper { position: relative; }\r\n    .mdy-drop-box {\r\n        display: none;\r\n        position: absolute;\r\n        top: 100%;\r\n        background: #ffffff;\r\n        min-width: 250px;\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n        border-top: 4px solid #6EC1E4;\r\n        z-index: 2000;\r\n        padding: 5px 0;\r\n        border-radius: 0 0 8px 8px;\r\n    }\r\n    .mdy-drop-wrapper:hover .mdy-drop-box { display: block; }\r\n    .mdy-drop-box a { color: #555; padding: 10px 20px; display: block; text-decoration: none; font-size: 14px; transition: 0.2s; }\r\n    .mdy-drop-box a:hover { background: #f4faff; color: #6EC1E4; padding-left: 25px; }\r\n\r\n    body { margin-top: 174px !important; }\r\n<\/style>\r\n\r\n<div class=\"mdy-sticky-wrapper\">\r\n    <div class=\"mdy-modern-header\">\r\n        <a href=\"#\" class=\"mdy-corner-btn btn-left-side\">Training Plan<\/a>\r\n\r\n        <div class=\"mdy-nav-container mdy-align-right\">\r\n            <div class=\"mdy-drop-wrapper\">\r\n                <a href=\"#\" class=\"mdy-nav-item\">Home \u25be<\/a>\r\n                <div class=\"mdy-drop-box\">\r\n                    <a href=\"#\">About us<\/a>\r\n                    <a href=\"#\">Mission & Vision<\/a>\r\n                    <a href=\"#\">Managing Director Message<\/a>\r\n                    <a href=\"#\">Values and Ethics<\/a>\r\n                    <a href=\"#\" class=\"mdy-arrow-down\">\ufe3e<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"mdy-drop-wrapper\">\r\n                <a href=\"#\" class=\"mdy-nav-item\">ISO Certification \u25be<\/a>\r\n                <div class=\"mdy-drop-box\">\r\n                    <a href=\"#\">ISO 9001 \u2013 Quality<\/a>\r\n                    <a href=\"#\">ISO 14001 \u2013 Environment<\/a>\r\n                    <a href=\"#\">ISO 45001 \u2013 Health & Safety<\/a>\r\n                    <a href=\"#\" class=\"mdy-arrow-down\">\ufe3e<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"mdy-drop-wrapper\">\r\n                <a href=\"#\" class=\"mdy-nav-item\">Training Academy \u25be<\/a>\r\n                <div class=\"mdy-drop-box\">\r\n                    <a href=\"#\">ISO 9001 Lead Auditor<\/a>\r\n                    <a href=\"#\">ISO 14001 Lead Auditor<\/a>\r\n                    <a href=\"#\">ISO 45001 Lead Auditor<\/a>\r\n                    <a href=\"#\" class=\"mdy-arrow-down\">\ufe3e<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mdy-logo-center\">\r\n            <img decoding=\"async\" src=\"https:\/\/mdyegypt.com\/wp-content\/uploads\/2026\/05\/logo.png\" alt=\"MDY Logo\" style=\"width: 145px; height: auto;\">\r\n        <\/div>\r\n\r\n        <div class=\"mdy-nav-container mdy-align-left\">\r\n            <div class=\"mdy-drop-wrapper\">\r\n                <a href=\"#\" class=\"mdy-nav-item\">Other Services \u25be<\/a>\r\n                <div class=\"mdy-drop-box\">\r\n                    <a href=\"#\">Technical Services<\/a>\r\n                    <a href=\"#\">Supplier Audits<\/a>\r\n                    <a href=\"#\">Environmental measurement<\/a>\r\n                    <a href=\"#\" class=\"mdy-arrow-down\">\ufe3e<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"mdy-drop-wrapper\">\r\n                <a href=\"#\" class=\"mdy-nav-item\">Media Center \u25be<\/a>\r\n                <div class=\"mdy-drop-box\">\r\n                    <a href=\"#\">News<\/a>\r\n                    <a href=\"#\">Events<\/a>\r\n                    <a href=\"#\">Photos Gallery<\/a>\r\n                    <a href=\"#\" class=\"mdy-arrow-down\">\ufe3e<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"mdy-nav-item\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <a href=\"#\" class=\"mdy-corner-btn btn-right-side\">Verify Certificate<\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42fa946 e-con-full e-flex e-con e-parent\" data-id=\"42fa946\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df93627 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"df93627\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0636\u0645\u0627\u0646 \u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0646\u0633\u0628\u0629 100% *\/\r\n        :root {\r\n            --primary-gold: #D4AF37;\r\n            --deep-blue: #001A33;\r\n            --text-white: #FFFFFF;\r\n        }\r\n\r\n        body, html { \r\n            margin: 0; \r\n            padding: 0; \r\n            overflow-x: hidden; \r\n            width: 100%;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\r\n        .slider-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 85vh;\r\n            background: #000;\r\n            overflow: hidden;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 - Flexbox \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n        .slides-container {\r\n            display: flex;\r\n            height: 100%;\r\n            width: 100%;\r\n            transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0648\u0627\u062d\u062f\u0629 - \u062a\u0623\u062e\u0630 100% \u0645\u0646 \u0627\u0644\u0639\u0631\u0636 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n        .slide {\r\n            flex: 0 0 100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            align-items: center;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u062a\u0638\u0644\u064a\u0644 \u062e\u0644\u0641 \u0627\u0644\u0646\u0635\u0648\u0635 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0636\u0648\u062d *\/\r\n        .slide::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(90deg, rgba(0,26,51,0.85) 0%, rgba(0,26,51,0.4) 40%, rgba(0,0,0,0) 100%);\r\n        }\r\n\r\n        .slide-content {\r\n            position: relative;\r\n            z-index: 5;\r\n            padding: 0 10%;\r\n            max-width: 1100px;\r\n            color: var(--text-white);\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: all 0.9s ease 0.4s;\r\n        }\r\n\r\n        .active-slide .slide-content {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .slide-content h2 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 4.8rem;\r\n            font-weight: 900;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            line-height: 1.1;\r\n            letter-spacing: -2px;\r\n            color: var(--text-white);\r\n            text-shadow: 2px 4px 10px rgba(0,0,0,0.5); \r\n        }\r\n\r\n        .slide-content h2 span { color: var(--primary-gold); }\r\n\r\n        .slide-content p {\r\n            font-size: 1.6rem;\r\n            margin-bottom: 40px;\r\n            color: #f0f0f0;\r\n            max-width: 750px;\r\n            line-height: 1.5;\r\n            font-weight: 400;\r\n            text-shadow: 1px 1px 5px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            padding: 20px 45px;\r\n            background: var(--primary-gold);\r\n            color: var(--deep-blue);\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            text-transform: uppercase;\r\n            transition: 0.4s;\r\n            border: 2px solid var(--primary-gold);\r\n        }\r\n\r\n        .cta-btn:hover { background: transparent; color: var(--text-white); border-color: var(--text-white); }\r\n        .cta-btn i { margin-left: 12px; }\r\n\r\n        \/* \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 *\/\r\n        .nav-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: rgba(255, 255, 255, 0.4);\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            transition: 0.3s;\r\n            font-size: 4rem; \r\n            border: none;\r\n            background: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .nav-arrow:hover { color: var(--primary-gold); transform: translateY(-50%) scale(1.1); }\r\n        .prev { left: 40px; }\r\n        .next { right: 40px; }\r\n\r\n        \/* \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\r\n        .dots-container {\r\n            position: absolute;\r\n            bottom: 50px;\r\n            left: 10%;\r\n            display: flex;\r\n            gap: 15px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .dot {\r\n            width: 40px;\r\n            height: 4px;\r\n            background: rgba(255,255,255,0.2);\r\n            cursor: pointer;\r\n            transition: 0.4s;\r\n        }\r\n\r\n        .dot.active { background: var(--primary-gold); width: 100px; }\r\n\r\n        \/* \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u062f\u062b\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0641\u0648\u0631\u064a *\/\r\n        \r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 1: \u0635\u0648\u0631\u0629 \u0627\u0644\u0628\u0646\u062a \u0648\u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 *\/\r\n        .slide-1 { background-image: url('https:\/\/images.pexels.com\/photos\/8154239\/pexels-photo-8154239.jpeg?auto=compress&cs=tinysrgb&w=1920'); }\r\n        \r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 2: \u0635\u0648\u0631\u0629 \u062e\u0628\u064a\u0631\u0629 \u0628\u0645\u0644\u0627\u0628\u0633 \u0631\u0633\u0645\u064a\u0629 *\/\r\n        .slide-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=1920'); }\r\n        \r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 3: \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\r\n        .slide-3 { background-image: url('https:\/\/images.pexels.com\/photos\/3184339\/pexels-photo-3184339.jpeg?auto=compress&cs=tinysrgb&w=1920'); }\r\n        \r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 4: \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u064a\u0626\u064a\u0629 - \u062a\u0645 \u0627\u0644\u062a\u062d\u062f\u064a\u062b \u0644\u0635\u0648\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u0628\u0631 \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 *\/\r\n        .slide-4 { background-image: url('https:\/\/images.pexels.com\/photos\/1072824\/pexels-photo-1072824.jpeg?auto=compress&cs=tinysrgb&w=1920'); }\r\n        \r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 5: \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 *\/\r\n        .slide-5 { background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=2070'); }\r\n\r\n        \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f 6: \u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 *\/\r\n        .slide-6 { background-image: url('https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?auto=format&fit=crop&q=80&w=2070'); }\r\n\r\n        @media (max-width: 768px) {\r\n            .slide-content h2 { font-size: 2.2rem; }\r\n            .slide-content p { font-size: 1.1rem; }\r\n            .slider-wrapper { height: 60vh; }\r\n            .nav-arrow { font-size: 2.5rem; }\r\n            .prev { left: 20px; }\r\n            .next { right: 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider-wrapper\">\r\n    <button class=\"nav-arrow prev\" onclick=\"moveSlide(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n    <button class=\"nav-arrow next\" onclick=\"moveSlide(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n\r\n    <div class=\"slides-container\" id=\"slides-container\">\r\n        <!-- Slide 1 -->\r\n        <div class=\"slide slide-1 active-slide\">\r\n            <div class=\"slide-content\">\r\n                <h2>Global <span>ISO<\/span> Standards<\/h2>\r\n                <p>Achieve excellence and trust with world-class certification and professional auditing.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">Learn More <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Slide 2 -->\r\n        <div class=\"slide slide-2\">\r\n            <div class=\"slide-content\">\r\n                <h2>Elite <span>Training<\/span> Academy<\/h2>\r\n                <p>Empower your business with accredited Lead Auditor training and technical expertise.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">View Courses <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Slide 3 -->\r\n        <div class=\"slide slide-3\">\r\n            <div class=\"slide-content\">\r\n                <h2>Technical <span>Inspection<\/span><\/h2>\r\n                <p>Ensuring compliance and safety through rigorous independent auditing processes.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">Our Process <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Slide 4: Environmental Services -->\r\n        <div class=\"slide slide-4\">\r\n            <div class=\"slide-content\">\r\n                <h2>Environmental <span>Services<\/span><\/h2>\r\n                <p>Leading sustainable impact through ISO 14001 environmental management systems.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">Sustainability <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Slide 5 -->\r\n        <div class=\"slide slide-5\">\r\n            <div class=\"slide-content\">\r\n                <h2>Strategic <span>Projects<\/span><\/h2>\r\n                <p>Integrating quality and safety management systems into your business core strategy.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">Get Started <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Slide 6 -->\r\n        <div class=\"slide slide-6\">\r\n            <div class=\"slide-content\">\r\n                <h2>Reliable <span>Partnership<\/span><\/h2>\r\n                <p>Join a legacy of professional integrity and sustainable growth with MDY Methodology.<\/p>\r\n                <a href=\"#\" class=\"cta-btn\">Contact Us <i class=\"fas fa-chevron-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dots-container\">\r\n        <div class=\"dot active\" onclick=\"currentSlide(0)\"><\/div>\r\n        <div class=\"dot\" onclick=\"currentSlide(1)\"><\/div>\r\n        <div class=\"dot\" onclick=\"currentSlide(2)\"><\/div>\r\n        <div class=\"dot\" onclick=\"currentSlide(3)\"><\/div>\r\n        <div class=\"dot\" onclick=\"currentSlide(4)\"><\/div>\r\n        <div class=\"dot\" onclick=\"currentSlide(5)\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let index = 0;\r\n    const slidesContainer = document.getElementById('slides-container');\r\n    const dots = document.querySelectorAll('.dot');\r\n    const slideElements = document.querySelectorAll('.slide');\r\n    const totalSlides = 6;\r\n    let autoPlay = setInterval(() => moveSlide(1), 7000);\r\n\r\n    function updateSlider() {\r\n        \/\/ \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0646\u0633\u0628\u0629 \u0645\u0626\u0648\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0634\u0631\u064a\u062d\u0629 \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0646\u0647\u0627\u0626\u064a\u0627\u064b\r\n        slidesContainer.style.transform = `translate3d(-${index * 100}%, 0, 0)`;\r\n        \r\n        dots.forEach(d => d.classList.remove('active'));\r\n        dots[index].classList.add('active');\r\n        \r\n        slideElements.forEach(s => s.classList.remove('active-slide'));\r\n        slideElements[index].classList.add('active-slide');\r\n    }\r\n\r\n    function moveSlide(n) {\r\n        index = (index + n + totalSlides) % totalSlides;\r\n        updateSlider();\r\n        resetTimer();\r\n    }\r\n\r\n    function currentSlide(n) {\r\n        index = n;\r\n        updateSlider();\r\n        resetTimer();\r\n    }\r\n\r\n    function resetTimer() {\r\n        clearInterval(autoPlay);\r\n        autoPlay = setInterval(() => moveSlide(1), 7000);\r\n    }\r\n\r\n    window.addEventListener('resize', updateSlider);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa1cc35 e-con-full e-flex e-con e-parent\" data-id=\"aa1cc35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a783cd elementor-widget elementor-widget-html\" data-id=\"9a783cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0643\u0644\u064a (Edge-to-Edge) *\/\r\n    .mdy-full-width-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background-color: #ffffff;\r\n        overflow: hidden; \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cert-home-container {\r\n        padding: 100px 0;\r\n        text-align: center;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .cert-home-header {\r\n        margin-bottom: 60px;\r\n        padding: 0 20px;\r\n        max-width: 1200px;\r\n    }\r\n\r\n    .cert-home-header h2 {\r\n        color: #001A33;\r\n        font-size: 48px; \r\n        font-weight: 900;\r\n        margin-bottom: 15px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .cert-home-header p {\r\n        color: #D4AF37;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        font-size: 25px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* 2. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631 \u0645\u0639 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 *\/\r\n    .cert-slider-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0 60px; \/* \u0645\u0633\u0627\u0641\u0629 \u0643\u0627\u0641\u064a\u0629 \u0644\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n    }\r\n\r\n    .cert-carousel-viewport {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 20px 0; \r\n    }\r\n\r\n    .cert-grid-track {\r\n        display: flex;\r\n        transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);\r\n        width: 100%;\r\n        gap: 30px; \r\n    }\r\n\r\n    \/* 3. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0641\u0631\u062f\u064a *\/\r\n    .cert-item {\r\n        flex: 0 0 calc((100% - 60px) \/ 3); \r\n        position: relative;\r\n        height: 540px; \r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center; \r\n        align-items: center;    \r\n        padding: 40px;\r\n        text-decoration: none;\r\n        box-sizing: border-box;\r\n        background-color: #001A33;\r\n        text-align: center; \r\n        border-radius: 8px; \r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .cert-bg {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: transform 1.5s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    .cert-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(to bottom, \r\n            rgba(0, 26, 51, 0.2) 0%, \r\n            rgba(0, 26, 51, 0.6) 60%, \r\n            rgba(0, 26, 51, 0.9) 100%);\r\n        z-index: 2;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cert-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        transform: translateY(20px);\r\n        transition: transform 0.6s ease;\r\n        width: 100%;\r\n    }\r\n\r\n    .cert-item .iso-number {\r\n        color: #FFFFFF; \r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 42px;\r\n        font-weight: 900;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .cert-item h4 {\r\n        color: #D4AF37; \r\n        font-size: 30px; \r\n        font-weight: 900;\r\n        margin: 0;\r\n        line-height: 1.1;\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .cert-item span.category {\r\n        color: #6EC1E4; \r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-top: 15px;\r\n        letter-spacing: 2px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .cert-description {\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n        margin-top: 25px;\r\n        line-height: 1.6;\r\n        max-height: 0;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .cert-item:hover .cert-bg { transform: scale(1.1); }\r\n    .cert-item:hover::before { background: rgba(0, 26, 51, 0.75); }\r\n    .cert-item:hover .cert-content { transform: translateY(0); }\r\n    .cert-item:hover .cert-description { max-height: 120px; opacity: 1; margin-top: 20px; }\r\n\r\n    \/* 4. \u062a\u062d\u062f\u064a\u062b \u0623\u0633\u0647\u0645 \u0627\u0644\u062a\u0646\u0642\u0644 \u0644\u062a\u0635\u0628\u062d \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 (\u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u062c\u062f\u064a\u062f) *\/\r\n    .slider-arrow {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 10;\r\n        width: 55px;\r\n        height: 55px;\r\n        \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u0645\u0639 \u0625\u0637\u0627\u0631 \u0623\u0628\u064a\u0636 \u0646\u0642\u064a *\/\r\n        background: rgba(255, 255, 255, 0.1);\r\n        color: #ffffff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        font-size: 22px;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid #ffffff; \/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n        backdrop-filter: blur(5px); \/* \u062a\u0623\u062b\u064a\u0631 \u0632\u062c\u0627\u062c\u064a \u0628\u0633\u064a\u0637 *\/\r\n    }\r\n\r\n    .slider-arrow:hover { \r\n        background: #ffffff; \/* \u062a\u062a\u062d\u0648\u0644 \u0644\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0639\u0644\u064a\u0647\u0627 *\/\r\n        color: #001A33; \/* \u064a\u062a\u062d\u0648\u0644 \u0627\u0644\u0633\u0647\u0645 \u0644\u0644\u0648\u0646 \u0627\u0644\u0643\u062d\u0644\u064a *\/\r\n        transform: translateY(-50%) scale(1.1); \r\n    }\r\n\r\n    .arrow-left { left: 0; }\r\n    .arrow-right { right: 0; }\r\n\r\n    \/* 5. \u0627\u0644\u0633\u0647\u0645\u064a\u0646 \u0648\u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\r\n    .arrows-wrapper {\r\n        margin-top: 60px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        color: #001A33;\r\n        text-decoration: none;\r\n        transition: 0.3s;\r\n    }\r\n    .arrows-wrapper:hover { transform: translateY(5px); color: #D4AF37; }\r\n    .arrows-wrapper i { font-size: 32px; line-height: 0.5; }\r\n    .arrows-wrapper span {\r\n        margin-top: 20px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 16px;\r\n        letter-spacing: 2px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n    @media (max-width: 1100px) {\r\n        .cert-item { flex: 0 0 calc((100% - 30px) \/ 2); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .cert-item { flex: 0 0 100%; height: 480px; }\r\n        .cert-slider-wrapper { padding: 0 20px; }\r\n        .slider-arrow { width: 45px; height: 45px; font-size: 18px; }\r\n        .arrow-left { left: 0; }\r\n        .arrow-right { right: 0; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-full-width-fix\">\r\n    <section class=\"cert-home-container\">\r\n        <div class=\"cert-home-header\">\r\n            <p>Certification Services<\/p>\r\n            <h2>Which ISO certifications are available?<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"cert-slider-wrapper\">\r\n            <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062c\u062f\u064a\u062f -->\r\n            <button class=\"slider-arrow arrow-left\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n            <button class=\"slider-arrow arrow-right\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n\r\n            <div class=\"cert-carousel-viewport\">\r\n                <div class=\"cert-grid-track\" id=\"certTrack\">\r\n                    \r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 9001<\/span>\r\n                            <h4>Quality Management<\/h4>\r\n                            <span class=\"category\">Performance Excellence<\/span>\r\n                            <p class=\"cert-description\">The international benchmark for Quality Management Systems, ensuring excellence.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 14001<\/span>\r\n                            <h4>Environmental<\/h4>\r\n                            <span class=\"category\">Sustainability Compliance<\/span>\r\n                            <p class=\"cert-description\">Leading your organization towards environmental sustainability and global compliance.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1563986768609-322da13575f3?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 27001<\/span>\r\n                            <h4>Information Security<\/h4>\r\n                            <span class=\"category\">Cyber Resilience<\/span>\r\n                            <p class=\"cert-description\">Advanced protection for your information assets through global ISMS standards.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 45001<\/span>\r\n                            <h4>Health & Safety<\/h4>\r\n                            <span class=\"category\">Workplace Protection<\/span>\r\n                            <p class=\"cert-description\">Proactive management of occupational health to prevent workplace risks.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 22000<\/span>\r\n                            <h4>Food Safety<\/h4>\r\n                            <span class=\"category\">Global Supply Chain<\/span>\r\n                            <p class=\"cert-description\">Ensuring food safety across the entire global supply chain from production.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"cert-item\">\r\n                        <div class=\"cert-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1576086213369-97a306d36557?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                        <div class=\"cert-content\">\r\n                            <span class=\"iso-number\">ISO 13485<\/span>\r\n                            <h4>Medical Devices<\/h4>\r\n                            <span class=\"category\">Regulatory Quality<\/span>\r\n                            <p class=\"cert-description\">Specialized quality management systems for the medical device industry.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#\" class=\"arrows-wrapper\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span>Let's start our recognition journey<\/span>\r\n        <\/a>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        let currentIdx = 0;\r\n        const track = document.getElementById('certTrack');\r\n        const items = document.querySelectorAll('.cert-item');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        let autoPlayInterval;\r\n        const gap = 30;\r\n\r\n        function getVisibleItems() {\r\n            if (window.innerWidth <= 768) return 1;\r\n            if (window.innerWidth <= 1100) return 2;\r\n            return 3;\r\n        }\r\n\r\n        function updateSlider() {\r\n            const visible = getVisibleItems();\r\n            const totalItems = items.length;\r\n            const maxIdx = totalItems - visible;\r\n\r\n            if (currentIdx > maxIdx) currentIdx = 0;\r\n            if (currentIdx < 0) currentIdx = maxIdx;\r\n\r\n            const itemWidth = items[0].offsetWidth;\r\n            const offset = currentIdx * (itemWidth + gap);\r\n            track.style.transform = `translateX(-${offset}px)`;\r\n        }\r\n\r\n        function moveNext() {\r\n            const visible = getVisibleItems();\r\n            if (currentIdx >= items.length - visible) {\r\n                currentIdx = 0;\r\n            } else {\r\n                currentIdx++;\r\n            }\r\n            updateSlider();\r\n        }\r\n\r\n        function movePrev() {\r\n            const visible = getVisibleItems();\r\n            if (currentIdx <= 0) {\r\n                currentIdx = items.length - visible;\r\n            } else {\r\n                currentIdx--;\r\n            }\r\n            updateSlider();\r\n        }\r\n\r\n        function startAutoPlay() {\r\n            stopAutoPlay();\r\n            autoPlayInterval = setInterval(moveNext, 5000);\r\n        }\r\n\r\n        function stopAutoPlay() {\r\n            clearInterval(autoPlayInterval);\r\n        }\r\n\r\n        nextBtn.addEventListener('click', () => { moveNext(); startAutoPlay(); });\r\n        prevBtn.addEventListener('click', () => { movePrev(); startAutoPlay(); });\r\n\r\n        const wrapper = document.querySelector('.cert-slider-wrapper');\r\n        wrapper.addEventListener('mouseenter', stopAutoPlay);\r\n        wrapper.addEventListener('mouseleave', startAutoPlay);\r\n\r\n        window.addEventListener('resize', () => {\r\n            currentIdx = 0;\r\n            updateSlider();\r\n        });\r\n\r\n        updateSlider();\r\n        startAutoPlay();\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4b7576 e-con-full e-flex e-con e-child\" data-id=\"b4b7576\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cba072c elementor-widget elementor-widget-html\" data-id=\"cba072c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0633\u064a\u0643\u0634\u0646 (Full Width) *\/\r\n    .mdy-callback-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .request-call-back-area {\r\n        position: relative;\r\n        background-image: url('https:\/\/images.pexels.com\/photos\/3183150\/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1920'); \/* \u0635\u0648\u0631\u0629 \u0631\u0627\u0642\u064a\u0629 \u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0639\u0645\u0644 \u0641\u0627\u062a\u062d *\/\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-attachment: fixed; \/* \u062a\u0623\u062b\u064a\u0631 Parallax \u0628\u0633\u064a\u0637 \u0644\u0641\u062e\u0627\u0645\u0629 \u0623\u0643\u062b\u0631 *\/\r\n        padding: 100px 0;\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* \u0637\u0628\u0642\u0629 \u0627\u0644\u062a\u0638\u0644\u064a\u0644 (Overlay) \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u0645\u0645\u064a\u0632 - \u062a\u0645 \u062a\u063a\u0645\u064a\u0642\u0647\u0627 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0632\u064a\u0627\u062f\u0629 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 *\/\r\n    .request-call-back-area::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(135deg, rgba(0, 26, 51, 0.95) 0%, rgba(0, 26, 51, 0.8) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .container {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 50px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631 *\/\r\n    .callback-content {\r\n        flex: 1;\r\n    }\r\n\r\n    \/* \u062a\u0639\u062f\u064a\u0644 \u0644\u0648\u0646 \u0627\u0644\u062e\u0637 \u0644\u064a\u0643\u0648\u0646 \u0623\u0628\u064a\u0636 \u0646\u0627\u0635\u0639 \u062c\u062f\u0627\u064b \u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \u0638\u0644 \u0644\u0644\u0648\u0636\u0648\u062d *\/\r\n    .callback-content h2.title {\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 30px;\r\n        text-transform: uppercase;\r\n        color: #ffffff; \/* \u0623\u0628\u064a\u0636 \u0646\u0627\u0635\u0639 *\/\r\n        text-shadow: 2px 2px 15px rgba(0,0,0,0.5); \/* \u0638\u0644 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0636\u0648\u062d *\/\r\n    }\r\n\r\n    \/* \u062a\u0645\u064a\u064a\u0632 \u0643\u0644\u0645\u0629 \u0645\u0639\u064a\u0646\u0629 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0644\u0628\u0646\u064a \u0643\u0645\u0627 \u0637\u0644\u0628\u062a *\/\r\n    .callback-content h2.title span {\r\n        color: #6EC1E4; \/* \u0644\u0628\u0646\u064a *\/\r\n    }\r\n\r\n    \/* \u0632\u0631 \u0627\u0644\u0637\u0644\u0628 - \u0633\u062a\u0627\u064a\u0644 MDY \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n    .btn-mdy-gold {\r\n        display: inline-block;\r\n        padding: 18px 45px;\r\n        background-color: #D4AF37;\r\n        color: #001A33;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        border-radius: 5px;\r\n        font-size: 16px;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid #D4AF37;\r\n    }\r\n\r\n    .btn-mdy-gold:hover {\r\n        background-color: transparent;\r\n        color: #D4AF37;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646 (\u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a) *\/\r\n    .achivement-counter {\r\n        flex: 1;\r\n    }\r\n\r\n    .achivement-counter ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        align-items: flex-end; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0645\u064a\u0646 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n    }\r\n\r\n    .achivement-counter li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 25px;\r\n        text-align: right;\r\n    }\r\n\r\n    .achivement-counter .icon {\r\n        width: 80px;\r\n        height: 80px;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border: 1px solid #D4AF37;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 35px;\r\n        color: #D4AF37;\r\n    }\r\n\r\n    .fun-fact .counter {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        font-size: 50px;\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n        line-height: 1;\r\n    }\r\n\r\n    .fun-fact .operator {\r\n        color: #6EC1E4; \/* \u0644\u0628\u0646\u064a \u0644\u0644\u0639\u0644\u0627\u0645\u0629 + *\/\r\n        margin-left: 5px;\r\n    }\r\n\r\n    .fun-fact span.medium {\r\n        display: block;\r\n        font-size: 18px;\r\n        color: #cbd5e1;\r\n        font-weight: 500;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n    @media (max-width: 1024px) {\r\n        .container { flex-direction: column; text-align: center; }\r\n        .achivement-counter ul { align-items: center; }\r\n        .achivement-counter li { flex-direction: row-reverse; text-align: left; }\r\n        .callback-content h2.title { font-size: 36px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-callback-fix\">\r\n    <div class=\"request-call-back-area\">\r\n        <div class=\"container\">\r\n            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0632\u0631 -->\r\n            <div class=\"callback-content\">\r\n                <h2 class=\"title\">Looking for a globally<br>accepted <span>Certificate?<\/span><\/h2>\r\n                <a class=\"btn-mdy-gold\" href=\"#\">Request a Call back<\/a>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a -->\r\n            <div class=\"achivement-counter\">\r\n                <ul>\r\n                    <li>\r\n                        <div class=\"fun-fact\">\r\n                            <div class=\"counter\">\r\n                                <div class=\"timer\" data-to=\"2000\">0<\/div>\r\n                                <div class=\"operator\">+<\/div>\r\n                            <\/div>\r\n                            <span class=\"medium\">Services given over 10 years.<\/span>\r\n                        <\/div>\r\n                        <div class=\"icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"fun-fact\">\r\n                            <div class=\"counter\">\r\n                                <div class=\"timer\" data-to=\"30\">0<\/div>\r\n                                <div class=\"operator\">+<\/div>\r\n                            <\/div>\r\n                            <span class=\"medium\">Our presence in countries.<\/span>\r\n                        <\/div>\r\n                        <div class=\"icon\">\r\n                            <i class=\"fas fa-globe-americas\"><\/i>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u064a\r\n    function startCounter() {\r\n        const counters = document.querySelectorAll('.timer');\r\n        const speed = 200;\r\n\r\n        counters.forEach(counter => {\r\n            const updateCount = () => {\r\n                const target = +counter.getAttribute('data-to');\r\n                const count = +counter.innerText;\r\n                const inc = target \/ speed;\r\n\r\n                if (count < target) {\r\n                    counter.innerText = Math.ceil(count + inc);\r\n                    setTimeout(updateCount, 10);\r\n                } else {\r\n                    counter.innerText = target;\r\n                }\r\n            };\r\n            updateCount();\r\n        });\r\n    }\r\n\r\n    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f \u0639\u0646\u062f \u0638\u0647\u0648\u0631 \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0629\r\n    let options = { threshold: 0.5 };\r\n    let observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if(entry.isIntersecting) {\r\n                startCounter();\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, options);\r\n\r\n    observer.observe(document.querySelector('.request-call-back-area'));\r\n<\/script>\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-9176dc7 e-flex e-con-boxed e-con e-parent\" data-id=\"9176dc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c978684 elementor-widget elementor-widget-html\" data-id=\"c978684\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0643\u0644\u064a (Edge-to-Edge) \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0641\u0631\u0634 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n    .mdy-full-width-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background-color: #ffffff;\r\n        overflow: hidden; \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .train-home-container {\r\n        padding: 100px 0;\r\n        text-align: center;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .train-home-header {\r\n        margin-bottom: 70px;\r\n        padding: 0 20px;\r\n        max-width: 1200px;\r\n    }\r\n\r\n    .train-home-header h2 {\r\n        color: #001A33;\r\n        font-size: 52px; \r\n        font-weight: 900;\r\n        margin-bottom: 15px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .train-home-header p {\r\n        color: #D4AF37;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 6px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* 2. \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 - \u0635\u0641\u064a\u0646 \u0641\u064a \u0643\u0644 \u0635\u0641 3 \u0628\u0648\u0643\u0633\u0627\u062a *\/\r\n    .train-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr); \/* 3 \u0623\u0639\u0645\u062f\u0629 *\/\r\n        gap: 30px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a *\/\r\n        width: 100% !important;\r\n        max-width: 1400px; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629 *\/\r\n        margin: 0 auto !important;\r\n        padding: 0 40px !important;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* 3. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0641\u0631\u062f\u064a - \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f *\/\r\n    .train-item {\r\n        position: relative;\r\n        height: 520px; \/* \u0646\u0641\u0633 \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0643\u0628\u064a\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 *\/\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        padding: 50px 40px;\r\n        text-decoration: none;\r\n        box-sizing: border-box;\r\n        background-color: #001A33;\r\n        text-align: center; \r\n        border-radius: 4px;\r\n        \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062f\u062e\u0648\u0644 *\/\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .train-bg {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: transform 1.2s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Overlay \u0644\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 - \u064a\u0645\u064a\u0644 \u0644\u0644\u0632\u0631\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 *\/\r\n    .train-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(to top, \r\n            rgba(0, 26, 51, 0.95) 0%, \r\n            rgba(0, 26, 51, 0.4) 50%, \r\n            rgba(0, 26, 51, 0.1) 100%);\r\n        z-index: 2;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    \/* \u062e\u0637 \u0630\u0647\u0628\u064a \u062f\u064a\u0643\u0648\u0631\u064a \u064a\u0638\u0647\u0631 \u0639\u0646\u062f \u0627\u0644\u0640 Hover *\/\r\n    .train-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 5px;\r\n        background: #D4AF37;\r\n        z-index: 4;\r\n        transform: scaleX(0);\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .train-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        transform: translateY(0);\r\n        transition: all 0.5s ease;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u0631\u0642\u0645\/\u0643\u0648\u062f \u0627\u0644\u0643\u0648\u0631\u0633 \u0628\u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n    .train-item .course-code {\r\n        color: #FFFFFF; \r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    \/* \u0627\u0633\u0645 \u0627\u0644\u0643\u0648\u0631\u0633 \u0628\u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n    .train-item h4 {\r\n        color: #D4AF37; \r\n        font-size: 34px; \r\n        font-weight: 900;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0628\u0627\u0644\u0644\u0628\u0646\u064a *\/\r\n    .train-item span.course-type {\r\n        color: #6EC1E4; \r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-top: 15px;\r\n        letter-spacing: 3px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0648\u0635\u0641 \u064a\u0638\u0647\u0631 \u0628\u062d\u0631\u0643\u0629 \"Slide Up\" *\/\r\n    .train-description {\r\n        color: rgba(255,255,255,0.8);\r\n        font-size: 16px;\r\n        margin-top: 20px;\r\n        line-height: 1.6;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    \/* \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 (Hover) \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0629 *\/\r\n    .train-item:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(0,26,51,0.3);\r\n    }\r\n    \r\n    .train-item:hover::after { transform: scaleX(1); }\r\n    .train-item:hover .train-bg { transform: scale(1.1); }\r\n    .train-item:hover .train-content { transform: translateY(-20px); }\r\n    .train-item:hover .train-description { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* 4. \u0627\u0644\u0633\u0647\u0645\u064a\u0646 \u0648\u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u0633\u0641\u0644\u064a\u0629 \u0644\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 *\/\r\n    .train-footer {\r\n        margin-top: 80px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        color: #001A33;\r\n        text-decoration: none;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .train-footer:hover { transform: translateY(10px); color: #D4AF37; }\r\n    \r\n    .train-footer i { font-size: 32px; line-height: 0.4; }\r\n    \r\n    .train-footer span {\r\n        margin-top: 20px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 18px;\r\n        letter-spacing: 3px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 *\/\r\n    @media (max-width: 1100px) {\r\n        .train-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .train-grid { grid-template-columns: 1fr; padding: 0 20px !important; }\r\n        .train-item { height: 450px; }\r\n        .train-home-header h2 { font-size: 36px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-full-width-fix\">\r\n    <section class=\"train-home-container\">\r\n        <div class=\"train-home-header\">\r\n            <p>Empower Your Expertise<\/p>\r\n            <h2>Training Academy<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"train-grid\">\r\n            <!-- Course 1 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 9001<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Quality Management<\/span>\r\n                    <p class=\"train-description\">Master the skills to audit QMS against international standards and drive quality.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Course 2 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 14001<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Environmental System<\/span>\r\n                    <p class=\"train-description\">Acquire expert knowledge in environmental auditing and sustainability protocols.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Course 3 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1563986768609-322da13575f3?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 27001<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Information Security<\/span>\r\n                    <p class=\"train-description\">Protect digital assets by mastering ISMS auditing and cyber-resilience frameworks.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Course 4 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 45001<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Health & Safety<\/span>\r\n                    <p class=\"train-description\">Ensure workplace safety excellence through advanced OH&S auditing training.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Course 5 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 22000<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Food Safety System<\/span>\r\n                    <p class=\"train-description\">Specialize in food safety auditing across the global production supply chain.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Course 6 -->\r\n            <a href=\"#\" class=\"train-item\">\r\n                <div class=\"train-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1576086213369-97a306d36557?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                <div class=\"train-content\">\r\n                    <span class=\"course-code\">ISO 13485<\/span>\r\n                    <h4>Lead Auditor<\/h4>\r\n                    <span class=\"course-type\">Medical Devices<\/span>\r\n                    <p class=\"train-description\">Gain expertise in quality systems specifically for the medical device industry.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <a href=\"#\" class=\"train-footer\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span>Let's start our learning journey<\/span>\r\n        <\/a>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35ce185 e-con-full e-flex e-con e-parent\" data-id=\"35ce185\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b62fb82 elementor-widget elementor-widget-html\" data-id=\"b62fb82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0643\u0644\u064a \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0645\u0646\u0637\u0642\u0629 *\/\r\n    .mdy-full-width-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background-color: #ffffff; \r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        font-family: 'Montserrat', 'Lato', sans-serif;\r\n    }\r\n\r\n    .wrapper {\r\n        padding: 0; \r\n        padding-left: 40px; \/* \u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0640 1 \u0633\u0645 \u062c\u0647\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n        width: 100%;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* 2. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062b\u0627\u0628\u062a \u0628\u0635\u0631\u0627\u0645\u0629 *\/\r\n    .events-dynamic-layout {\r\n        display: flex; \r\n        width: 100% !important; \r\n        max-width: 100% !important; \r\n        height: 700px; \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062b\u0627\u0628\u062a *\/\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0635\u0648\u0631 --- *\/\r\n    .events-left-column {\r\n        flex: 1;\r\n        position: relative;\r\n        height: 700px; \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0637\u0648\u0644 \u0639\u0644\u0649 700 \u0628\u0643\u0633\u0644 *\/\r\n        overflow: hidden;\r\n        background-color: #000;\r\n    }\r\n\r\n    .section-header-left {\r\n        position: absolute;\r\n        top: 60px;\r\n        left: 8%; \r\n        z-index: 10;\r\n        text-align: left;\r\n    }\r\n\r\n    .section-title {\r\n        color: #FFFFFF; \r\n        font-size: 52px;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        line-height: 1;\r\n        text-shadow: 2px 4px 15px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u064a\u0645\u0644\u0623 \u0627\u0644\u0645\u0631\u0628\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n    .events-visual-slider {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .slide-img {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        min-height: 700px !important; \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u0637\u0648\u0644 *\/\r\n        object-fit: cover !important; \/* \u0644\u0636\u0645\u0627\u0646 \u0645\u0644\u0621 \u0627\u0644\u0645\u0631\u0628\u0639 \u062f\u0648\u0646 \u0641\u0631\u0627\u063a\u0627\u062a *\/\r\n        object-position: center;\r\n        opacity: 0;\r\n        transition: opacity 1.5s ease-in-out;\r\n    }\r\n\r\n    .slide-img.active {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* \u062a\u0638\u0644\u064a\u0644 \u0646\u0627\u0639\u0645 *\/\r\n    .events-visual-slider::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to bottom, rgba(0, 26, 51, 0.4) 0%, transparent 40%, rgba(0, 26, 51, 0.3) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a --- *\/\r\n    .events-list-ticker {\r\n        flex: 1.2;\r\n        height: 700px;\r\n        padding: 80px 8% 80px 40px; \r\n        background-color: #ffffff; \r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        z-index: 5;\r\n    }\r\n\r\n    .ticker-track {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        animation: verticalTicker 30s linear infinite;\r\n    }\r\n\r\n    .ticker-track:hover {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .event-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 25px;\r\n        padding: 25px;\r\n        background: #fdfdfd;\r\n        border-radius: 12px;\r\n        border: 1px solid #f0f0f0;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .event-row:hover {\r\n        background: #ffffff;\r\n        border-color: #D4AF37;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.06);\r\n        transform: translateX(15px);\r\n    }\r\n\r\n    .date-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-width: 90px;\r\n        height: 90px;\r\n        background: #D4AF37;\r\n        color: #001A33;\r\n        border-radius: 10px;\r\n        transform: rotate(-3deg);\r\n        box-shadow: 4px 4px 0px #6EC1E4;\r\n    }\r\n\r\n    .date-day {\r\n        font-size: 36px;\r\n        font-weight: 900;\r\n        line-height: 1;\r\n    }\r\n\r\n    .date-box span.date-month {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        color: inherit;\r\n    }\r\n\r\n    .event-info h4 {\r\n        color: #001A33;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        margin: 0 0 5px 0;\r\n    }\r\n\r\n    .event-info p {\r\n        color: #475569;\r\n        font-size: 15px;\r\n        margin: 0;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    @keyframes verticalTicker {\r\n        0% { transform: translateY(0); }\r\n        100% { transform: translateY(-50%); }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .wrapper { padding-left: 0; }\r\n        .events-dynamic-layout { display: flex; flex-direction: column; height: auto; }\r\n        .events-left-column { height: 450px; }\r\n        .events-list-ticker { height: 500px; padding: 40px 20px; }\r\n        .section-header-left { top: 30px; left: 20px; }\r\n        .section-title { font-size: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-full-width-fix\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"events-dynamic-layout\">\r\n            \r\n            <div class=\"events-left-column\">\r\n                <div class=\"section-header-left\">\r\n                    <h2 class=\"section-title\">Upcoming<br>Events<\/h2>\r\n                <\/div>\r\n                <div class=\"events-visual-slider\" id=\"imageSlider\">\r\n                    <!-- 1. \u0627\u0644\u0633\u064a\u062f\u0629 \u0627\u0644\u0645\u062d\u062c\u0628\u0629 (\u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629) -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/15018966\/pexels-photo-15018966.jpeg?auto=compress&cs=tinysrgb&w=1920\" class=\"slide-img active\" alt=\"[\u0635\u0648\u0631\u0629 \u0633\u064a\u062f\u0629 \u0645\u062d\u062c\u0628\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629]\">\r\n                    \r\n                    <!-- 2. \u0635\u0648\u0631\u0629 \u0645\u0624\u062a\u0645\u0631 \u0639\u0644\u0645\u064a \u0623\u0648 \u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062e\u0645\u0629 -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2774556\/pexels-photo-2774556.jpeg?auto=compress&cs=tinysrgb&w=1920\" class=\"slide-img\" alt=\"[\u0635\u0648\u0631\u0629 \u0645\u0624\u062a\u0645\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u062e\u0645]\">\r\n                    \r\n                    <!-- 3. \u0635\u0648\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062d\u0641\u0644 \u062a\u0643\u0631\u064a\u0645 \u0631\u0633\u0645\u064a (\u062a\u0645 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0648\u0642\u0627\u0631\u0627\u064b \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629) -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3182812\/pexels-photo-3182812.jpeg?auto=compress&cs=tinysrgb&w=1920\" class=\"slide-img\" alt=\"[\u0635\u0648\u0631\u0629 \u062d\u062f\u062b \u0631\u0633\u0645\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a]\">\r\n                    \r\n                    <!-- 4. \u0635\u0648\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 (\u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0630\u0643\u064a\u0629) -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/8613089\/pexels-photo-8613089.jpeg?auto=compress&cs=tinysrgb&w=1920\" class=\"slide-img\" alt=\"[\u0635\u0648\u0631\u0629 \u0637\u0641\u0644 \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629]\">\r\n                    \r\n                    <!-- 5. \u0635\u0648\u0631\u0629 \u062d\u062f\u062b \u0639\u0645\u0644 \u062c\u0645\u0627\u0639\u064a \u0623\u0648 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0631\u0627\u0642\u064a\u0629 \u062c\u062f\u0627\u064b -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181396\/pexels-photo-1181396.jpeg?auto=compress&cs=tinysrgb&w=1920\" class=\"slide-img\" alt=\"[\u0635\u0648\u0631\u0629 \u062d\u062f\u062b \u0639\u0645\u0644 \u062c\u0645\u0627\u0639\u064a \u0631\u0627\u0642\u064a]\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"events-list-ticker\">\r\n                <div class=\"ticker-track\" id=\"tickerTrack\">\r\n                    <a href=\"#\" class=\"event-row\">\r\n                        <div class=\"date-box\">\r\n                            <span class=\"date-day\">25<\/span>\r\n                            <span class=\"date-month\">MAY<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-info\">\r\n                            <h4>ISO Global Summit 2024<\/h4>\r\n                            <p>Strategic international conference for quality standards and innovation.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"event-row\">\r\n                        <div class=\"date-box\">\r\n                            <span class=\"date-day\">12<\/span>\r\n                            <span class=\"date-month\">JUN<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-info\">\r\n                            <h4>Lead Auditor Workshop<\/h4>\r\n                            <p>Advanced technical session for professional auditing mastery.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"event-row\">\r\n                        <div class=\"date-box\">\r\n                            <span class=\"date-day\">04<\/span>\r\n                            <span class=\"date-month\">JUL<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-info\">\r\n                            <h4>Quality Excellence Awards<\/h4>\r\n                            <p>Celebrating organizations with exceptional compliance records.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"event-row\">\r\n                        <div class=\"date-box\">\r\n                            <span class=\"date-day\">18<\/span>\r\n                            <span class=\"date-month\">AUG<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-info\">\r\n                            <h4>Digital Transformation Seminar<\/h4>\r\n                            <p>Integrating ISO standards with high-end modern technologies.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"event-row\">\r\n                        <div class=\"date-box\">\r\n                            <span class=\"date-day\">05<\/span>\r\n                            <span class=\"date-month\">SEP<\/span>\r\n                        <\/div>\r\n                        <div class=\"event-info\">\r\n                            <h4>Sustainability Forum 2024<\/h4>\r\n                            <p>Exploring environmental standards for a sustainable business future.<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const images = document.querySelectorAll('.slide-img');\r\n        let currentImg = 0;\r\n        function changeImage() {\r\n            images[currentImg].classList.remove('active');\r\n            currentImg = (currentImg + 1) % images.length;\r\n            images[currentImg].classList.add('active');\r\n        }\r\n        setInterval(changeImage, 4500);\r\n\r\n        const tickerTrack = document.getElementById('tickerTrack');\r\n        const originalContent = tickerTrack.innerHTML;\r\n        tickerTrack.innerHTML += originalContent; \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-eb17938 e-flex e-con-boxed e-con e-parent\" data-id=\"eb17938\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72c53ee elementor-widget elementor-widget-html\" data-id=\"72c53ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u0634\u0627\u0634\u0629 \u0627\u0644\u0625\u0646\u062a\u0631\u0648 (Cinematic Preloader v10 - Zero-Failure Logic) *\/\r\n    #mdy-preloader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #001A33;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 999999; \r\n        transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s ease;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .loader-wrapper {\r\n        position: relative;\r\n        width: 450px; \r\n        height: 450px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .loading-svg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        transform: rotate(-90deg);\r\n        z-index: 1;\r\n    }\r\n\r\n    .loading-svg circle {\r\n        fill: none;\r\n        stroke-width: 12; \r\n        stroke-linecap: round;\r\n    }\r\n\r\n    .circle-bg {\r\n        stroke: rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .circle-progress {\r\n        stroke: #D4AF37; \r\n        stroke-dasharray: 1257; \r\n        stroke-dashoffset: 1257;\r\n        transition: stroke-dashoffset 5s linear;\r\n    }\r\n\r\n    .start-animation .circle-progress {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n    .story-container {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n        z-index: 10;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .letter {\r\n        display: inline-block;\r\n        font-size: 38px;\r\n        font-weight: 300;\r\n        color: #ffffff;\r\n        transition: all 2.8s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n        margin: 0 4px;\r\n        position: relative;\r\n    }\r\n\r\n    .letter.m-key, .letter.d-key, .letter.y-key {\r\n        font-weight: 900;\r\n    }\r\n\r\n    .start-animation .letter:not(.m-key):not(.d-key):not(.y-key) {\r\n        opacity: 0;\r\n    }\r\n    .start-animation .letter:nth-child(2) { transform: translate(-150px, -200px) rotate(-140deg) scale(0); } \r\n    .start-animation .letter:nth-child(3) { transform: translate(-80px, 300px) rotate(110deg) scale(0); }    \r\n    .start-animation .letter:nth-child(4) { transform: translate(60px, -400px) rotate(-75deg) scale(0); }   \r\n    .start-animation .letter:nth-child(5) { transform: translate(180px, 300px) rotate(220deg) scale(0); }   \r\n    .start-animation .letter:nth-child(7) { transform: translate(-40px, 450px) rotate(95deg) scale(0); }    \r\n    .start-animation .letter:nth-child(8) { transform: translate(250px, -180px) rotate(-170deg) scale(0); } \r\n    .start-animation .letter:nth-child(9) { transform: translate(-160px, -350px) rotate(155deg) scale(0); } \r\n    .start-animation .letter:nth-child(10) { transform: translate(110px, 400px) rotate(-200deg) scale(0); } \r\n\r\n    .start-animation .letter.m-key, \r\n    .start-animation .letter.d-key, \r\n    .start-animation .letter.y-key {\r\n        font-size: 92px; \r\n        color: #6EC1E4; \r\n        text-shadow: 0 0 35px rgba(110, 193, 228, 0.4);\r\n        margin: 0; \r\n    }\r\n\r\n    .start-animation .letter.m-key { transform: translateX(123px); }\r\n    .start-animation .letter.d-key { transform: translateX(0); }\r\n    .start-animation .letter.y-key { transform: translateX(-123px); }\r\n\r\n    .preloader-hidden {\r\n        transform: translateY(-100%) !important;\r\n        opacity: 0;\r\n    }\r\n\r\n    \/* 2. \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0633\u064a\u0643\u0634\u0646 *\/\r\n    .mdy-video-banner-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow: hidden;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .home-banner {\r\n        position: relative;\r\n        height: 90vh;\r\n        min-height: 700px;\r\n        background-color: #001A33;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .bg-slider {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .bg-slide {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0;\r\n        transition: opacity 2s ease-in-out; \r\n        transform: scale(1.1); \r\n    }\r\n\r\n    @keyframes streamingBackground {\r\n        0% { transform: scale(1.1) translate(0, 0); }\r\n        50% { transform: scale(1.18) translate(-0.5%, -0.5%); }\r\n        100% { transform: scale(1.1) translate(0, 0); }\r\n    }\r\n\r\n    .bg-slide.active {\r\n        opacity: 1;\r\n        animation: streamingBackground 20s ease-in-out infinite;\r\n    }\r\n\r\n    .home-banner::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(180deg, rgba(0, 26, 51, 0.85) 0%, rgba(0, 26, 51, 0.6) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .main-bannertext {\r\n        position: relative;\r\n        z-index: 3;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        padding: 0 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .banner-heading h1 {\r\n        color: #6EC1E4; \r\n        font-size: 64px;\r\n        font-weight: 900;\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n        text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.6);\r\n    }\r\n\r\n    .banner-heading p {\r\n        color: #ffffff;\r\n        font-size: 24px;\r\n        margin-bottom: 50px;\r\n        font-family: 'Lato', sans-serif;\r\n    }\r\n\r\n    .search {\r\n        position: relative;\r\n        max-width: 800px;\r\n        margin: 0 auto 30px;\r\n        display: flex;\r\n        align-items: center;\r\n        background: #ffffff;\r\n        border-radius: 50px;\r\n        padding: 10px 20px 10px 30px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .home-search {\r\n        flex: 1;\r\n        border: none;\r\n        outline: none;\r\n        font-size: 19px;\r\n        color: #1e293b;\r\n        background: transparent;\r\n    }\r\n\r\n    \/* 3. \u0633\u064a\u0643\u0634\u0646 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0628\u0647\u062c \u0627\u0644\u062c\u062f\u064a\u062f *\/\r\n    .mdy-testimonial-video-section {\r\n        position: relative;\r\n        width: 100vw;\r\n        height: 600px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: #001A33;\r\n    }\r\n\r\n    .testimonial-video-bg {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        min-width: 100%;\r\n        min-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        z-index: 0;\r\n        transform: translate(-50%, -50%);\r\n        object-fit: cover;\r\n    }\r\n\r\n    .testimonial-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 26, 51, 0.4); \/* \u062a\u0638\u0644\u064a\u0644 \u062e\u0641\u064a\u0641 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u0647\u062c\u0629 *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    .testimonial-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 900px;\r\n        text-align: center;\r\n        color: #ffffff;\r\n        padding: 40px;\r\n    }\r\n\r\n    .testimonial-icon {\r\n        font-size: 60px;\r\n        color: #D4AF37;\r\n        margin-bottom: 30px;\r\n        animation: bounceIcon 2s infinite;\r\n    }\r\n\r\n    @keyframes bounceIcon {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    .testimonial-text {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        line-height: 1.4;\r\n        margin-bottom: 30px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-shadow: 2px 2px 15px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .testimonial-author {\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        color: #6EC1E4;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .banner-heading h1 { font-size: 36px; }\r\n        .letter { font-size: 18px; }\r\n        .start-animation .letter.m-key, \r\n        .start-animation .letter.d-key, \r\n        .start-animation .letter.y-key { font-size: 50px; }\r\n        .loader-wrapper { width: 300px; height: 300px; }\r\n        .testimonial-text { font-size: 22px; }\r\n        .mdy-testimonial-video-section { height: 500px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0634\u0627\u0634\u0629 \u0627\u0644\u0625\u0646\u062a\u0631\u0648 -->\r\n<div id=\"mdy-preloader\">\r\n    <div class=\"loader-wrapper\">\r\n        <svg class=\"loading-svg\" viewBox=\"0 0 440 440\">\r\n            <circle class=\"circle-bg\" cx=\"220\" cy=\"220\" r=\"200\"><\/circle>\r\n            <circle class=\"circle-progress\" cx=\"220\" cy=\"220\" r=\"200\"><\/circle>\r\n        <\/svg>\r\n        <div class=\"story-container\" id=\"storyContainer\">\r\n            <span class=\"letter m-key\">M<\/span>\r\n            <span class=\"letter\">E<\/span>\r\n            <span class=\"letter\">T<\/span>\r\n            <span class=\"letter\">H<\/span>\r\n            <span class=\"letter\">O<\/span>\r\n            <span class=\"letter d-key\">D<\/span>\r\n            <span class=\"letter\">O<\/span>\r\n            <span class=\"letter\">L<\/span>\r\n            <span class=\"letter\">O<\/span>\r\n            <span class=\"letter\">G<\/span>\r\n            <span class=\"letter y-key\">Y<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"mdy-video-banner-fix\">\r\n    <!-- \u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0647\u064a\u0631\u0648 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <section class=\"home-banner\">\r\n        <div class=\"bg-slider\">\r\n            <div class=\"bg-slide active\" style=\"background-image: url('https:\/\/images.pexels.com\/photos\/7648471\/pexels-photo-7648471.jpeg?auto=compress&cs=tinysrgb&w=1920');\"><\/div>\r\n            <div class=\"bg-slide\" style=\"background-image: url('https:\/\/images.pexels.com\/photos\/2774556\/pexels-photo-2774556.jpeg?auto=compress&cs=tinysrgb&w=1920');\"><\/div>\r\n            <div class=\"bg-slide\" style=\"background-image: url('https:\/\/images.pexels.com\/photos\/8613089\/pexels-photo-8613089.jpeg?auto=compress&cs=tinysrgb&w=1920');\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-bannertext\">\r\n            <div class=\"banner-heading\">\r\n                <h1>Global ISO Standards<\/h1>\r\n                <p>Achieve excellence and trust with world-class certification.<\/p>\r\n            <\/div>\r\n            <div class=\"search\">\r\n                <input type=\"text\" class=\"home-search\" placeholder=\"Search for a course or topic...\">\r\n                <i class=\"fas fa-search\" style=\"color: #001A33; font-size: 20px; margin-left: 15px;\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0633\u064a\u0643\u0634\u0646 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0628\u0647\u062c \u0627\u0644\u0645\u0636\u0627\u0641 -->\r\n    <section class=\"mdy-testimonial-video-section\">\r\n        <video class=\"testimonial-video-bg\" autoplay muted playsinline loop>\r\n            <source src=\"https:\/\/www.isoqsltd.com\/wp-content\/uploads\/2024\/02\/AdobeStock_615712050_480.mov\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"testimonial-overlay\"><\/div>\r\n        <div class=\"testimonial-content\">\r\n            <div class=\"testimonial-icon\">\r\n                <i class=\"far fa-comment-smile\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"testimonial-text\">\r\n                \"The team at MDY Methodology have been amazing from beginning to end. They listened and offered lots of support and advice tailored to our specific needs.\"\r\n            <\/h3>\r\n            <p class=\"testimonial-author\">\r\n                Anika Holm, Executive Assistant at Hydraulic Supplies Ltd\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0648\u0638\u064a\u0641\u0629 \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0625\u0646\u062a\u0631\u0648 (Logic v10)\r\n    function hidePreloader() {\r\n        const preloader = document.getElementById('mdy-preloader');\r\n        if (preloader) {\r\n            preloader.classList.add('preloader-hidden');\r\n            setTimeout(() => {\r\n                preloader.style.display = 'none';\r\n            }, 1200);\r\n        }\r\n    }\r\n\r\n    \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0628\u0645\u062c\u0631\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const preloader = document.getElementById('mdy-preloader');\r\n        const storyContainer = document.getElementById('storyContainer');\r\n\r\n        \/\/ \u0628\u062f\u0621 \u0627\u0644\u062d\u062f\u0648\u062a\u0629\r\n        setTimeout(() => {\r\n            preloader.classList.add('start-animation');\r\n            storyContainer.classList.add('start-animation');\r\n        }, 300);\r\n\r\n        \/\/ Fail-safe: \u0625\u062e\u0641\u0627\u0621 \u0625\u062c\u0628\u0627\u0631\u064a \u0628\u0639\u062f 7 \u062b\u0648\u0627\u0646\u064a \u0644\u0648 \u062d\u062f\u062b \u0623\u064a \u0639\u0637\u0644\r\n        setTimeout(hidePreloader, 7000);\r\n    });\r\n\r\n    \/\/ \u0625\u062e\u0641\u0627\u0621 \u0639\u0646\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\r\n    window.addEventListener('load', function() {\r\n        setTimeout(hidePreloader, 6200);\r\n    });\r\n\r\n    \/\/ \u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n    (function() {\r\n        const slides = document.querySelectorAll('.bg-slide');\r\n        let currentSlide = 0;\r\n        function nextSlide() {\r\n            slides[currentSlide].classList.remove('active');\r\n            currentSlide = (currentSlide + 1) % slides.length;\r\n            slides[currentSlide].classList.add('active');\r\n        }\r\n        setInterval(nextSlide, 6500);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2426589 e-flex e-con-boxed e-con e-parent\" data-id=\"2426589\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb356b0 elementor-widget elementor-widget-html\" data-id=\"cb356b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0643\u0644\u064a \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0645\u0646\u0637\u0642\u0629 *\/\r\n    .mdy-logo-section-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background-color: #f8fafc; \/* \u062e\u0644\u0641\u064a\u0629 \u0631\u0635\u0627\u0635\u064a \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b \u0644\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0633\u0643\u0627\u0634\u0646 *\/\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .company-logos {\r\n        padding: 80px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 *\/\r\n    .company-logos p {\r\n        color: #001A33;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        margin-bottom: 45px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u0648\u0633\u064a\u0644 *\/\r\n    .logo-carousel {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0644\u0627\u0634\u064a (Fade) \u0639\u0644\u0649 \u0627\u0644\u062d\u0648\u0627\u0641 \u0644\u0639\u0645\u0642 \u0628\u0635\u0631\u064a \u0648\u0645\u0646\u0639 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0641\u0627\u062c\u0626 *\/\r\n    .logo-carousel::before,\r\n    .logo-carousel::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        width: 200px;\r\n        height: 100%;\r\n        z-index: 2;\r\n    }\r\n\r\n    .logo-carousel::before {\r\n        left: 0;\r\n        background: linear-gradient(to right, #f8fafc, transparent);\r\n    }\r\n\r\n    .logo-carousel::after {\r\n        right: 0;\r\n        background: linear-gradient(to left, #f8fafc, transparent);\r\n    }\r\n\r\n    \/* \u0645\u0633\u0627\u0631 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643 *\/\r\n    .logo-track {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 100px; \/* \u0645\u0633\u0627\u0641\u0629 \u0643\u0628\u064a\u0631\u0629 \u0628\u064a\u0646 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n        width: max-content;\r\n        animation: scrollLogos 40s linear infinite; \/* \u0633\u0631\u0639\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 *\/\r\n    }\r\n\r\n    \/* \u062a\u0648\u0642\u0641 \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0646\u062f \u0648\u0642\u0648\u0641 \u0627\u0644\u0645\u0627\u0648\u0633 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n    .logo-track:hover {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .logo-item {\r\n        flex: 0 0 auto;\r\n        width: 160px;\r\n        filter: grayscale(100%); \/* \u0639\u0631\u0636 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0628\u0627\u0644\u0623\u0628\u064a\u0636 \u0648\u0627\u0644\u0623\u0633\u0648\u062f \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 *\/\r\n        opacity: 0.5;\r\n        transition: all 0.4s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* \u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n    .logo-item:hover {\r\n        filter: grayscale(0%);\r\n        opacity: 1;\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .logo-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 *\/\r\n    @keyframes scrollLogos {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \/* \u064a\u062a\u062d\u0631\u0643 \u0644\u0646\u0635\u0641 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0643\u0631\u0631 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0644\u0627\u0633\u0629 *\/\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .company-logos p { font-size: 18px; padding: 0 20px; }\r\n        .logo-item { width: 120px; }\r\n        .logo-track { gap: 50px; }\r\n        .logo-carousel::before, .logo-carousel::after { width: 80px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-logo-section-fix\">\r\n    <div class=\"company-logos\">\r\n        <!-- \u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u062a\u064a \u0637\u0644\u0628\u062a\u0647\u0627 \u064a\u0627 \u062f\u0643\u062a\u0648\u0631 -->\r\n        <p>We\u2019ve trained 300,000+ companies & over 2,000,000 delegates<\/p>\r\n        \r\n        <div class=\"logo-carousel\">\r\n            <div class=\"logo-track\" id=\"logoTrack\">\r\n                <!-- \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (\u0623\u0645\u062b\u0644\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0627\u0644\u0645\u064a\u064a\u0646) -->\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2f\/Google_2015_logo.svg\/2560px-Google_2015_logo.svg.png\" alt=\"Google\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/5\/51\/IBM_logo.svg\/2560px-IBM_logo.svg.png\" alt=\"IBM\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/44\/Microsoft_logo.svg\/2048px-Microsoft_logo.svg.png\" alt=\"Microsoft\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Amazon_logo.svg\/2560px-Amazon_logo.svg.png\" alt=\"Amazon\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b1\/Siemens_logo.svg\/2560px-Siemens_logo.svg.png\" alt=\"Siemens\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/08\/Cisco_logo_blue_2016.svg\/1200px-Cisco_logo_blue_2016.svg.png\" alt=\"Cisco\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/05\/PricewaterhouseCoopers_Logo.svg\/1280px-PricewaterhouseCoopers_Logo.svg.png\" alt=\"PwC\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Ford_Motor_Company_Logo.svg\/2560px-Ford_Motor_Company_Logo.svg.png\" alt=\"Ford\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9822341 e-flex e-con-boxed e-con e-parent\" data-id=\"9822341\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2157a5e elementor-widget elementor-widget-html\" data-id=\"2157a5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n    \/* 1. \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u0643\u0644\u064a \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0645\u0646\u0637\u0642\u0629 *\/\r\n    .mdy-logo-section-fix {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background-color: #f8fafc; \/* \u062e\u0644\u0641\u064a\u0629 \u0631\u0635\u0627\u0635\u064a \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b \u0644\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0633\u0643\u0627\u0634\u0646 *\/\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .company-logos {\r\n        padding: 80px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 *\/\r\n    .company-logos p {\r\n        color: #001A33;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        margin-bottom: 45px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u0648\u0633\u064a\u0644 *\/\r\n    .logo-carousel {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0644\u0627\u0634\u064a (Fade) \u0639\u0644\u0649 \u0627\u0644\u062d\u0648\u0627\u0641 \u0644\u0639\u0645\u0642 \u0628\u0635\u0631\u064a \u0648\u0645\u0646\u0639 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0641\u0627\u062c\u0626 *\/\r\n    .logo-carousel::before,\r\n    .logo-carousel::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        width: 200px;\r\n        height: 100%;\r\n        z-index: 2;\r\n    }\r\n\r\n    .logo-carousel::before {\r\n        left: 0;\r\n        background: linear-gradient(to right, #f8fafc, transparent);\r\n    }\r\n\r\n    .logo-carousel::after {\r\n        right: 0;\r\n        background: linear-gradient(to left, #f8fafc, transparent);\r\n    }\r\n\r\n    \/* \u0645\u0633\u0627\u0631 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643 *\/\r\n    .logo-track {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 100px; \/* \u0645\u0633\u0627\u0641\u0629 \u0643\u0628\u064a\u0631\u0629 \u0628\u064a\u0646 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n        width: max-content;\r\n        animation: scrollLogos 40s linear infinite; \/* \u0633\u0631\u0639\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 *\/\r\n    }\r\n\r\n    \/* \u062a\u0648\u0642\u0641 \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0646\u062f \u0648\u0642\u0648\u0641 \u0627\u0644\u0645\u0627\u0648\u0633 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n    .logo-track:hover {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .logo-item {\r\n        flex: 0 0 auto;\r\n        width: 160px;\r\n        filter: grayscale(100%); \/* \u0639\u0631\u0636 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0628\u0627\u0644\u0623\u0628\u064a\u0636 \u0648\u0627\u0644\u0623\u0633\u0648\u062f \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 *\/\r\n        opacity: 0.5;\r\n        transition: all 0.4s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* \u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n    .logo-item:hover {\r\n        filter: grayscale(0%);\r\n        opacity: 1;\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .logo-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 *\/\r\n    @keyframes scrollLogos {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \/* \u064a\u062a\u062d\u0631\u0643 \u0644\u0646\u0635\u0641 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0643\u0631\u0631 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0644\u0627\u0633\u0629 *\/\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .company-logos p { font-size: 18px; padding: 0 20px; }\r\n        .logo-item { width: 120px; }\r\n        .logo-track { gap: 50px; }\r\n        .logo-carousel::before, .logo-carousel::after { width: 80px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mdy-logo-section-fix\">\r\n    <div class=\"company-logos\">\r\n        <!-- \u0627\u0644\u0639\u0628\u0627\u0631\u0629 \u0627\u0644\u062a\u064a \u0637\u0644\u0628\u062a\u0647\u0627 \u064a\u0627 \u062f\u0643\u062a\u0648\u0631 -->\r\n        <p>We\u2019ve trained 300,000+ companies & over 2,000,000 delegates<\/p>\r\n        \r\n        <div class=\"logo-carousel\">\r\n            <div class=\"logo-track\" id=\"logoTrack\">\r\n                <!-- \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (\u0623\u0645\u062b\u0644\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0627\u0644\u0645\u064a\u064a\u0646) -->\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2f\/Google_2015_logo.svg\/2560px-Google_2015_logo.svg.png\" alt=\"Google\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/5\/51\/IBM_logo.svg\/2560px-IBM_logo.svg.png\" alt=\"IBM\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/44\/Microsoft_logo.svg\/2048px-Microsoft_logo.svg.png\" alt=\"Microsoft\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Amazon_logo.svg\/2560px-Amazon_logo.svg.png\" alt=\"Amazon\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b1\/Siemens_logo.svg\/2560px-Siemens_logo.svg.png\" alt=\"Siemens\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/08\/Cisco_logo_blue_2016.svg\/1200px-Cisco_logo_blue_2016.svg.png\" alt=\"Cisco\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/05\/PricewaterhouseCoopers_Logo.svg\/1280px-PricewaterhouseCoopers_Logo.svg.png\" alt=\"PwC\"><\/div>\r\n                <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Ford_Motor_Company_Logo.svg\/2560px-Ford_Motor_Company_Logo.svg.png\" alt=\"Ford\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u064a\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a (Infinite Loop) \u0628\u062f\u0648\u0646 \u0641\u062c\u0648\u0627\u062a\r\n        const logoTrack = document.getElementById('logoTrack');\r\n        if (logoTrack) {\r\n            const originalContent = logoTrack.innerHTML;\r\n            \/\/ \u0646\u0643\u0631\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u062a\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0639\u0631\u0636 \u0645\u0633\u062a\u0645\u0631 \u062d\u062a\u0649 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u062c\u062f\u0627\u064b\r\n            logoTrack.innerHTML += originalContent + originalContent;\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Welcome to MDY Methodology &#8211; Experts in ISO Consulting, Training, and Quality Management Systems. \ud83d\udcde +201019298983 \ud83d\udce7 info@mdyegypt.com \ud83c\udf10 AR [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":669,"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/mdyegypt.com\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}