{"id":996,"date":"2026-03-11T02:03:28","date_gmt":"2026-03-11T02:03:28","guid":{"rendered":"https:\/\/adsum.com.my\/website\/?page_id=996"},"modified":"2026-04-23T05:05:46","modified_gmt":"2026-04-23T05:05:46","slug":"home2-2","status":"publish","type":"page","link":"https:\/\/adsum.com.my\/website\/","title":{"rendered":"home2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"996\" class=\"elementor elementor-996\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59baae9 e-con-full snap-child e-flex wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"59baae9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e12fb6 elementor-widget elementor-widget-html\" data-id=\"9e12fb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<head>\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@flaticon\/flaticon-uicons@3.3.1\/css\/all\/all.min.css\" rel=\"stylesheet\">\n  \n  \n    <script src=\"https:\/\/unpkg.com\/@lottiefiles\/lottie-player@latest\/dist\/lottie-player.js\"><\/script>\n<\/head>\n\n<div id=\"adsum-hero-widget\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;800&display=swap');\n        \n        #adsum-hero-widget {\n            font-family: 'Montserrat', sans-serif;\n            background: radial-gradient(circle at 50% 0%, #2a1610 0%,transparent 70%);\n            color: #fff;\n            \n            min-height: 100svh; \n            box-sizing: border-box; \n            \n            padding: 120px 20px 80px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            \n            justify-content: center; \n            align-items: center;\n            overflow: hidden;\n        }\n\n        .hero-title {\n            font-size: clamp(40px, 6vw, 72px);\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n        }\n\n        .spotlight-effect {\n            background: radial-gradient(\n                circle, \n                #ffffff 10%, \n                rgba(255, 255, 255, 0.25) 70%\n            );\n            background-size: 200% auto;\n            color: transparent;\n            -webkit-background-clip: text;\n            background-clip: text;\n            animation: spotlight-sweep 4s ease-in-out infinite alternate;\n        }\n        \n        @keyframes spotlight-sweep {\n            0% {\n                background-position: 0% 50%;\n            }\n            100% {\n                background-position: 100% 50%;\n            }\n        }\n\n        .hero-title .glow-text {\n            background: linear-gradient(90deg, #ea5a29, #ff9a44, #ea5a29);\n            background-size: 200% auto;\n            color: transparent;\n            -webkit-background-clip: text;\n            background-clip: text;\n            animation: shine 3s linear infinite;\n        }\n\n        .hero-subtitle {\n            font-family: \"Montserrat\";\n            font-size: clamp(18px, 2vw, 24px);\n            font-weight: 300;\n            font-style: italic;\n            color: #ffffff;\n            margin-bottom: 40px;\n        }\n\n        .hero-buttons {\n            display: flex;\n            gap: 20px;\n            margin-bottom: 80px;\n        }\n\n        .btn-primary, .btn-secondary {\n            padding: 15px 35px;\n            border-radius: 50px;\n            font-weight: 800;\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            transition: all 0.3s ease;\n        }\n\n        .btn-primary {\n            background: #ea5a29;\n            color: #fff;\n            box-shadow: 0 10px 20px rgba(234, 90, 41, 0.3);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            color: #fff;\n            box-shadow: 0 15px 25px rgba(234, 90, 41, 0.03);\n        }\n\n        .btn-secondary {\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n        }\n\n        .btn-secondary:hover {\n            transform: translateY(-3px);\n            background: rgba(255, 255, 255, 0.1);\n            color: #ea5a29;\n            border-color: #ea5a29;\n        }\n\n        .btn-icon { width: 20px; height: 20px; fill: currentColor; }\n\n        .trusted-by {\n            width: 100%;\n            max-width: 1200px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            padding-top: 40px;\n        }\n\n        .trusted-by h3 {\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: #666;\n            margin-bottom: 30px;\n        }\n\n        .marquee-container {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n        }\n\n        .marquee-track {\n            display: flex;\n            width: calc(150px * 16);\n            animation: scroll-left 30s linear infinite;\n        }\n\n        .marquee-track img {\n            width: 100px;\n            height: auto;\n            margin: 0 25px;\n            filter: grayscale(100%) opacity(0.5);\n            transition: 0.3s;\n        }\n\n        .marquee-track img:hover {\n            filter: grayscale(0%) opacity(1);\n        }\n        \n        .landing-icon {\n            font-size: 20px;\n            padding-top: 3px;\n            padding-right: 5px;\n        }\n\n        @keyframes shine {\n            to { background-position: 200% center; }\n        }\n\n        @keyframes scroll-left {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n    <\/style>\n\n    <!--<h1 class=\"hero-title\">-->\n    <!--    AGILE. CONCISE.<br>-->\n    <!--    <span class=\"glow-text\">PRESENT.<\/span>-->\n    <!--<\/h1>-->\n    <h1 class=\"hero-title spotlight-effect\">\n    AGILE. CONCISE.<br>\n    <span class=\"glow-text\">PRESENT.<\/span>\n<\/h1>\n    <h2 class=\"hero-subtitle\">Solutions tailored to your needs.<\/h2>\n    \n    <div class=\"hero-buttons\">\n        <a href=\"#footer\" class=\"btn-primary\">\n            <div class=\"landing-icon\">\n                <i class=\"fi fi-rr-comment-dots\"><\/i>\n            <\/div>\n            Talk to us\n        <\/a>\n        <a href=\"#\" class=\"btn-secondary\">\n            <div class=\"landing-icon\">\n                <i class=\"fi fi-rr-bulb\"><\/i>\n            <\/div>\n            Learn more\n        <\/a>\n    <\/div>\n\n    <div class=\"trusted-by\">\n        <h3>Trusted by great clients<\/h3>\n        <div class=\"marquee-container\">\n            <div class=\"marquee-track\">\n                <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/ums.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/tanahLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/sprm.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/phisoft.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/penyuLogo-scaled.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/paparLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/kstiLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/KPLBS.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/kkhsLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/jpkn-scaled.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/jknsLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/eztapLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/drcaLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/didrLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/cocoLogo.webp\" alt=\"\" \/>\n\n                                            <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/blogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/ums.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/tanahLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/sprm.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/phisoft.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/penyuLogo-scaled.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/paparLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/kstiLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/KPLBS.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/kkhsLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/jpkn-scaled.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/jknsLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/eztapLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/drcaLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/didrLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/cocoLogo.webp\" alt=\"\" \/>\n\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/blogo.webp\" alt=\"\" \/> \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec3bc1b e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ec3bc1b\" data-element_type=\"container\" data-e-type=\"container\" id=\"introduction\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6657540 elementor-widget elementor-widget-html\" data-id=\"6657540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"adsum-welcome-widget\">\n\n    <style>\n        #adsum-welcome-widget {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            color: #fff;\n            display: flex;\n            justify-content: center;\n        }\n\n        .welcome-container {\n            max-width: 1200px;\n            width: 100%;\n        }\n\n        .welcome-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .welcome-header h2 {\n            font-size: clamp(32px, 4vw, 48px);\n            margin: 0 0 10px 0;\n            font-weight: 800;\n        }\n\n        .welcome-header .highlight { color: #ea5a29; }\n        \n        .welcome-header p {\n            font-size: 20px;\n            color: #a0a0a0;\n            font-weight: 400;\n        }\n\n        .welcome-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 1fr;\n            margin-top: -30px;\n            gap: 30px; \n            align-items: center;\n        }\n\n        .welcome-image-wrapper {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n            height: 100%;\n        }\n\n        .welcome-image-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            border-radius: 20px;\n            transition: transform 0.5s ease;\n        }\n\n        .welcome-image-wrapper:hover img {\n            transform: scale(1.03);\n        }\n\n        .welcome-message-card {\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            padding: 50px;\n            border-radius: 20px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .welcome-message-card h3 {\n            font-size: 24px;\n            margin: 0 0 20px 0;\n            border-bottom: 2px solid #ea5a29;\n            padding-bottom: 10px;\n            display: inline-block;\n            align-self: flex-start;\n        }\n\n        .welcome-message-card p {\n            line-height: 1.8;\n            color: #d1d1d1;\n            font-weight: 400;\n            margin: 0;\n        }\n\n        .lottie-wrapper {\n            width: 80px;\n            height: 80px;\n            margin-bottom: 10px;\n        }\n        \n        .welcome-header p {\n            font-family: \"Montserrat\";\n            font-weight: lighter;\n            color: #ffffff;\n        }\n\n        @media (max-width: 900px) {\n            .welcome-grid { grid-template-columns: 1fr; }\n            .welcome-message-card { padding: 30px; }\n        }\n    <\/style>\n\n    <div class=\"welcome-container\">\n        <div class=\"welcome-header\">\n            <h2>We extend a warm welcome to <br><span class=\"highlight\">Adsum Solution Sdn Bhd.<\/span><\/h2>\n            <p><span style=\"font-weight: bold;\">From Zero to Hero<\/span> \u2014 Your Brand\u2019s Journey <span style=\"color: #ea5a29\">Begins<\/span><\/p>\n        <\/div>\n\n        <div class=\"welcome-grid\">\n            <div class=\"welcome-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/adsum.webp\" alt=\"Adsum Team\" \/>\n            <\/div>\n            \n            <div class=\"welcome-message-card\">\n                <div class=\"lottie-wrapper\">\n                    <lottie-player \n                        src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/High-Five.json\" \n                        background=\"transparent\" \n                        speed=\"1\" \n                        style=\"width: 100%; height: 100%;\" \n                        loop \n                        autoplay>\n                    <\/lottie-player>\n                <\/div>\n                \n                <h3>A little message from us<\/h3>\n                <p>We are delighted to have the opportunity to welcome you to Adsum Solution, a company based in the heart of <strong>Kota Kinabalu, Sabah.<\/strong> As we embark on this exciting journey, we are committed to building lasting relationships with our clients. Here in Adsum Solution, it is our endeavor to offer you personalized and innovative solutions that meet your needs.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0904cbf e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0904cbf\" data-element_type=\"container\" data-e-type=\"container\" id=\"bulletinboard\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b9fb2 elementor-widget elementor-widget-html\" data-id=\"f3b9fb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        .act-slider-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .act-header-wrap {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n            margin-bottom: 30px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .act-header-text h2 {\r\n            font-size: clamp(28px, 4vw, 42px);\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin: 30px 0px 30px 0;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .act-header-text p {\r\n            font-size: 18px;\r\n            color: #a0a0a0;\r\n            max-width: 600px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .act-header-text .glow-text {\r\n            color: #ea5a29;\r\n        }\r\n\r\n        .act-slider-controls {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .act-nav-btn {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 50%;\r\n            width: 44px;\r\n            height: 44px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            color: #ffffff;\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n        }\r\n\r\n        .act-nav-btn:hover {\r\n            background: #ea5a29;\r\n            border-color: #ea5a29;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .act-cards-wrapper {\r\n            display: flex;\r\n            gap: 24px;\r\n            overflow-x: hidden;\r\n            padding: 10px 10px 40px 10px;\r\n            scroll-behavior: smooth;\r\n            position: relative; \r\n            \r\n            -webkit-mask-image: linear-gradient(to right, transparent 0px, black 20px, black calc(100% - 60px), transparent 100%);\r\n            mask-image: linear-gradient(to right, transparent 0px, black 20px, black calc(100% - 60px), transparent 100%);\r\n        }\r\n\r\n        .act-card {\r\n            flex: 0 0 350px;\r\n            background: rgba(255, 255, 255, 0.02);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            border-radius: 20px;\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: -8px 0 15px rgba(0, 0, 0, 0.2), 8px 0 15px rgba(0, 0, 0, 0.2); \r\n        }\r\n\r\n        .act-pinned-card {\r\n            border-color: rgba(234, 90, 41, 0.4);\r\n            background-color: #121212; \r\n        }\r\n\r\n        .act-pin-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: #ea5a29;\r\n            color: #fff;\r\n            padding: 6px 12px;\r\n            border-radius: 30px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.5px;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            box-shadow: 0 4px 10px rgba(234, 90, 41, 0.3);\r\n        }\r\n\r\n        .act-card:hover {\r\n            transform: translateY(-6px);\r\n            background: rgba(234, 90, 41, 0.03);\r\n            border-color: rgba(234, 90, 41, 0.3);\r\n\/*             box-shadow: 0 15px 35px rgba(234, 90, 41, 0.05), -8px 0 20px rgba(0, 0, 0, 0.3), 8px 0 20px rgba(0, 0, 0, 0.3); *\/\r\n        }\r\n\r\n        .act-pinned-card:hover {\r\n            background: #121212; \r\n        }\r\n        \r\n        @media (min-width: 769px) {\r\n            .act-pinned-card {\r\n                position: sticky;\r\n                left: 10px;\r\n                z-index: 10;\r\n                \/* Restored to a normal, cleaner shadow since the cards now disappear via JS *\/\r\n                box-shadow: 10px 0 25px rgba(0,0,0,0.5) !important; \r\n            }\r\n            .act-pinned-card:hover {\r\n\/*                 box-shadow: 10px 5px 30px rgba(234, 90, 41, 0.2) !important; *\/\r\n            }\r\n\/*             .act-under-pin {\r\n                pointer-events: none !important;\r\n            } *\/\r\n        }\r\n\r\n        .act-img-wrapper {\r\n            width: 100%;\r\n            height: 200px;\r\n            min-height: 200px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            position: relative; \r\n            margin-bottom: 20px;\r\n            background: #1a1a1a;\r\n            display: block; \r\n            flex-shrink: 0;\r\n            z-index: 1;\r\n        }\r\n\r\n        .act-img {\r\n            position: absolute !important; \r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            min-height: 100% !important; \r\n            max-height: none !important;\r\n            max-width: none !important;\r\n            object-fit: cover !important; \r\n            object-position: center !important; \r\n            transition: transform 0.6s ease;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .act-card:hover .act-img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .act-date-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 15px;\r\n            background: rgba(13, 13, 13, 0.8);\r\n            backdrop-filter: blur(8px);\r\n            color: #fff;\r\n            padding: 6px 12px;\r\n            border-radius: 30px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            z-index: 2;\r\n        }\r\n\r\n        .act-card h3 {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin: 0 0 12px 0;\r\n            line-height: 1.3;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .act-card p {\r\n            font-size: 14px;\r\n            color: #a0a0a0;\r\n            line-height: 1.6;\r\n            margin: 0 0 20px 0;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .act-read-more {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .act-read-more svg, .act-read-more i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .act-card:hover .act-read-more {\r\n            color: #ea5a29;\r\n        }\r\n\r\n        .act-card:hover .act-read-more i {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .act-header-wrap {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 15px;\r\n            }\r\n            .act-slider-controls {\r\n                align-self: flex-end;\r\n            }\r\n            .act-card {\r\n                flex: 0 0 85vw;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"act-slider-container\">\r\n        \r\n        <div class=\"act-header-wrap\">\r\n            <div class=\"act-header-text\">\r\n                <h2><span class=\"glow-text\">Bulletin<\/span> Board<\/h2>\r\n                <p>Explore our latest milestones, team collaborations, and the initiatives that define our culture as we grow together.<\/p>\r\n            <\/div>\r\n            <div class=\"act-slider-controls\">\r\n                <button class=\"act-nav-btn\" id=\"act-prev\" aria-label=\"Previous\">\r\n                    <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-left\"><\/i>\r\n                <\/button>\r\n                <button class=\"act-nav-btn\" id=\"act-next\" aria-label=\"Next\">\r\n                    <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-right\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"act-cards-wrapper\" id=\"act-slider\">\r\n                            <a href=\"https:\/\/adsum.com.my\/website\/internship-applications-open-2026\/\" class=\"act-card act-pinned-card\">\r\n                    \r\n                    <div class=\"act-img-wrapper\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/internship-poster-1024x570.webp\" alt=\"Internship Applications Open 2026\" class=\"act-img\">\r\n                                                \r\n                        <div class=\"act-date-badge\">Mar 16, 2026<\/div>\r\n                        \r\n                                                    <div class=\"act-pin-badge\">\r\n                                <i style=\"padding-top: 2px\" class=\"fi fi-rr-thumbtack\"><\/i> Pinned\r\n                            <\/div>\r\n                                            <\/div>\r\n\r\n                    <h3>Internship Applications Open 2026<\/h3>\r\n                    <p>Start your internship with us!<\/p>\r\n                    \r\n                    <div class=\"act-read-more\">\r\n                        Read Article\r\n                        <i style=\"padding-top: 5px\" class=\"fi fi-rr-arrow-small-right\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                        \r\n            <div style=\"flex: 0 0 1px;\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const actSlider = document.getElementById('act-slider');\r\n        const actBtnPrev = document.getElementById('act-prev');\r\n        const actBtnNext = document.getElementById('act-next');\r\n\r\n        if (actSlider) {\r\n            const getScrollAmount = () => {\r\n                const card = actSlider.querySelector('.act-card');\r\n                if (!card) return 0;\r\n                const gap = parseInt(window.getComputedStyle(actSlider).gap) || 24;\r\n                return card.offsetWidth + gap;\r\n            };\r\n\r\n            if (actBtnPrev && actBtnNext) {\r\n                actBtnNext.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    e.stopPropagation(); \r\n                    actSlider.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n                });\r\n\r\n                actBtnPrev.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n                    actSlider.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n                });\r\n            }\r\n\r\n            const pinnedCard = actSlider.querySelector('.act-pinned-card');\r\n            const standardCards = actSlider.querySelectorAll('.act-card:not(.act-pinned-card)');\r\n\r\n            const updateCardStates = () => {\r\n                if (window.innerWidth < 769 || !pinnedCard) {\r\n                    standardCards.forEach(card => {\r\n                        card.style.opacity = 1;\r\n                        card.style.visibility = 'visible';\r\n                    });\r\n                    return;\r\n                }\r\n                \r\n                const pinnedRect = pinnedCard.getBoundingClientRect();\r\n\r\n                standardCards.forEach(card => {\r\n                    const cardRect = card.getBoundingClientRect();\r\n                    const overlap = (pinnedRect.right + 20) - cardRect.left; \r\n\r\n                    if (overlap > 0) {\r\n                        const fadeDistance = 150; \r\n                        let newOpacity = 1 - (overlap \/ fadeDistance);\r\n                        \r\n                        if (newOpacity <= 0) {\r\n                            newOpacity = 0;\r\n                            card.style.visibility = 'hidden';\r\n                        } else {\r\n                            card.style.visibility = 'visible';\r\n                        }\r\n                        \r\n                        card.style.opacity = newOpacity;\r\n                    } else {\r\n                        card.style.opacity = 1;\r\n                        card.style.visibility = 'visible';\r\n                    }\r\n                });\r\n            };\r\n\r\n            actSlider.addEventListener('scroll', updateCardStates);\r\n            window.addEventListener('resize', updateCardStates);\r\n            \r\n            setTimeout(updateCardStates, 100); \r\n        }\r\n    });\r\n<\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4960115 e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4960115\" data-element_type=\"container\" data-e-type=\"container\" id=\"visionmission\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f380f55 elementor-widget elementor-widget-html\" data-id=\"f380f55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"adsum-vision-mission\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap');\n\n        #adsum-vision-mission {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            color: #ffffff;\n            padding: 50px 20px;\n            max-width: 1300px;\n            margin: 0 auto;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .vm-layout-split {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .vm-vision-container {\n            text-align: left;\n            position: relative;\n        }\n\n        .vm-vision-container::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 0;\n            transform: translate(-10%, -50%);\n            width: 350px;\n            height: 350px;\n            background: radial-gradient(circle, rgba(234, 90, 41, 0.12) 0%, transparent 70%);\n            filter: blur(40px);\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .vm-label {\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: #ea5a29;\n            font-weight: 700;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 1;\n            display: inline-block;\n        }\n\n        .vm-vision-text {\n            font-size: clamp(28px, 3vw, 40px);\n            font-weight: 800;\n            line-height: 1.35;\n            position: relative;\n            z-index: 1;\n            letter-spacing: -0.5px;\n        }\n\n        .vm-highlight {\n            color: #ea5a29;\n        }\n\n        .vm-missions-wrapper {\n            position: relative;\n            z-index: 1;\n        }\n\n        .vm-mission-header {\n            text-align: left;\n            margin-bottom: 25px;\n        }\n\n        .vm-mission-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .vm-card {\n            background: rgba(255, 255, 255, 0.02);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 20px;\n            padding: 30px 24px; \n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n        }\n\n        .vm-card::after {\n            content: attr(data-number);\n            position: absolute;\n            bottom: -15px;\n            right: 5px;\n            font-size: 100px; \n            font-weight: 900;\n            color: rgba(255, 255, 255, 0.02);\n            line-height: 1;\n            transition: color 0.4s ease, transform 0.4s ease;\n            pointer-events: none;\n        }\n\n        .vm-card:hover {\n            transform: translateY(-6px);\n            background: rgba(234, 90, 41, 0.03);\n            border-color: rgba(234, 90, 41, 0.3);\n            \/*box-shadow: 0 15px 35px rgba(234, 90, 41, 0.1);*\/\n        }\n\n        .vm-card:hover::after {\n            color: rgba(234, 90, 41, 0.05);\n            transform: scale(1.05) translate(-10px, -10px);\n        }\n\n        .vm-icon {\n\n            width: 40px;\n            height: 40px;\n            background: rgba(234, 90, 41, 0.1);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: #ea5a29;\n            transition: transform 0.3s ease;\n        }\n\n        .vm-card:hover .vm-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .vm-card h3 {\n            font-size: 18px;\n            font-weight: 700;\n            margin: 0 0 12px 0;\n            color: #ffffff;\n            position: relative;\n            z-index: 2;\n        }\n\n        .vm-card p {\n            font-size: 13px;\n            color: #a0a0a0;\n            line-height: 1.6;\n            margin: 0;\n            position: relative;\n            z-index: 2;\n        }\n\n        @media (max-width: 992px) {\n            .vm-layout-split {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            .vm-vision-container {\n                text-align: center;\n                max-width: 700px;\n                margin: 0 auto;\n            }\n            .vm-vision-container::before {\n                left: 50%;\n                transform: translate(-50%, -50%);\n            }\n            .vm-mission-header {\n                text-align: center;\n            }\n        }\n\n        @media (max-width: 650px) {\n            .vm-mission-grid {\n                grid-template-columns: 1fr;\n            }\n            .vm-card {\n                padding: 35px 25px;\n            }\n            .vm-card::after {\n                font-size: 120px;\n            }\n        }\n    <\/style>\n\n    <div class=\"vm-layout-split\">\n        \n        <div class=\"vm-vision-container\">\n            <span class=\"vm-label\">Our Vision<\/span>\n            <div class=\"vm-vision-text\">\n                Rooted in integrating <span class=\"vm-highlight\">cutting-edge technology<\/span> with a <span class=\"vm-highlight\">customer-centric<\/span> approach.\n            <\/div>\n        <\/div>\n\n        <div class=\"vm-missions-wrapper\">\n            <div class=\"vm-mission-header\">\n                <span class=\"vm-label\">Our Mission<\/span>\n            <\/div>\n            \n            <div class=\"vm-mission-grid\">\n                <div class=\"vm-card\" data-number=\"01\">\n                    <div class=\"vm-icon\">\n                        <i style=\"font-size: 18px; padding-top: 5px\" class=\"fi fi-rr-users\"><\/i>\n                    <\/div>\n                    <h3>Nurture Local Talent<\/h3>\n                    <p>Build a strong and inclusive platform to identify, train, and uplift local talents in Sabah.<\/p>\n                <\/div>\n\n                <div class=\"vm-card\" data-number=\"02\">\n                    <div class=\"vm-icon\">\n                        <i style=\"font-size: 18px; padding-top: 5px\" class=\"fi fi-rr-star\"><\/i>\n                    <\/div>\n                    <h3>Develop Industry Leaders<\/h3>\n                    <p>Empower professionals with real-world skills, mentorship, and exposure to become future leaders and innovators.<\/p>\n                <\/div>\n\n                <div class=\"vm-card\" data-number=\"03\">\n                    <div class=\"vm-icon\">\n                        <i style=\"font-size: 18px; padding-top: 5px\" class=\"fi fi-rr-globe\"><\/i>\n                    <\/div>\n                    <h3>Foster a Tech Ecosystem<\/h3>\n                    <p>Create an environment that encourages creativity, collaboration, and technological excellence.<\/p>\n                <\/div>\n\n                <div class=\"vm-card\" data-number=\"04\">\n                    <div class=\"vm-icon\">\n                        <i style=\"font-size: 18px; padding-top: 5px\" class=\"fi fi-rr-suitcase-alt\"><\/i>\n                    <\/div>\n                    <h3>Build Skilled Professionals<\/h3>\n                    <p>Invest in capability development through structured learning, real-world projects, and technical upskilling to produce competent and industry-ready talent.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20958d5 e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"20958d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a268909 elementor-widget elementor-widget-html\" data-id=\"a268909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"adsum-services-widget\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Pacifico&family=Playfair+Display:ital,wght@1,700&display=swap&family=Anonymous+Pro:wght@700');\n\n        #adsum-services-widget {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            color: #fff;\n            max-width: 1200px;\n            margin: 0 auto;\n            overflow: hidden;\n        }\n\n        .services-header {\n            max-width: 800px;\n            margin: 0 auto 40px;\n            text-align: center;\n            font-size: clamp(24px, 3vw, 36px);\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .fancy-cycle {\n            font-family: 'Playfair Display';\n            color: #ea5a29;\n            display: inline-block;\n        }\n        \n        .elevate {\n            color: #ea5a29;\n            display: inline-block;\n            font-weight: 900;\n            animation: elevateAnim 3s ease-in-out infinite; \n        }\n        \n        @keyframes elevateAnim {\n            0%, 100% {\n                transform: translateY(0) scale(1);\n                text-shadow: 0 0 0px rgba(234, 90, 41, 0);\n            }\n            50% {\n                transform: translateY(-5px) scale(1.05);\n                text-shadow: 0 10px 20px rgba(234, 90, 41, 0.01);\n            }\n        }\n\n        \/*@keyframes fontCycle {*\/\n        \/*    0% { font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; }*\/\n        \/*    25% { font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; }*\/\n        \/*    50% { font-family: 'Pacifico', cursive; font-weight: 400; font-style: normal; }*\/\n        \/*    75% { font-family: 'Cinzel', serif; font-weight: 700; font-style: normal; }*\/\n        \/*    100% { font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; }*\/\n        \/*}*\/\n\n        .typewriter-cursor {\n            color: #ea5a29;\n            font-family: 'Anonymous Pro', monospace;\n            font-weight: 700;\n            border-right: 3px solid #ea5a29;\n            animation: blink-cursor 0.8s step-end infinite;\n            padding-right: 2px;\n            display: inline-block;\n        }\n\n        @keyframes blink-cursor {\n            from, to { border-color: transparent; }\n            50% { border-color: #ea5a29; }\n        }\n\n        \/*.services-slider-controls {*\/\n        \/*    display: flex;*\/\n        \/*    justify-content: flex-end;*\/\n        \/*    gap: 12px;*\/\n        \/*    margin-top: -30px;*\/\n        \/*    margin-bottom: 20px;*\/\n        \/*    padding-right: 10px;*\/\n        \/*}*\/\n\n        \/*.services-nav-btn {*\/\n        \/*    background: rgba(255, 255, 255, 0.05);*\/\n        \/*    border: 1px solid rgba(255, 255, 255, 0.1);*\/\n        \/*    border-radius: 50%;*\/\n        \/*    width: 44px;*\/\n        \/*    height: 44px;*\/\n        \/*    display: flex;*\/\n        \/*    align-items: center;*\/\n        \/*    justify-content: center;*\/\n        \/*    cursor: pointer;*\/\n        \/*    color: #ffffff;*\/\n        \/*    transition: all 0.3s ease;*\/\n        \/*    outline: none;*\/\n        \/*}*\/\n\n        \/*.services-nav-btn:hover {*\/\n        \/*    background: #ea5a29;*\/\n        \/*    border-color: #ea5a29;*\/\n        \/*    transform: scale(1.05);*\/\n        \/*}*\/\n\n        .services-grid {\n            display: flex;\n            gap: 30px;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scroll-behavior: smooth;\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n            padding: 40px calc(50% - 150px);\n            margin-top: -50px;\n            align-items: center;\n        }\n\n        .services-grid::-webkit-scrollbar {\n            display: none; \n        }\n\n        .service-card {\n            flex: 0 0 300px;\n            scroll-snap-align: center;\n            background: rgba(255, 255, 255, 0.01);\n            border: 1px solid rgba(255, 255, 255, 0.03);\n            border-radius: 20px;\n            padding: 40px 30px;\n            opacity: 0.35;\n            transform: scale(0.85);\n            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n            \n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .service-card.is-focused {\n            opacity: 1;\n            transform: scale(1);\n            background: rgba(234, 90, 41, 0.03);\n            border-color: rgba(234, 90, 41, 0.4);\n            box-shadow: 0 20px 40px rgba(234, 90, 41, 0.15);\n            z-index: 10;\n        }\n        \n        .service-card.is-focused:hover {\n            transform: scale(1.02) translateY(-5px);\n            background: rgba(234, 90, 41, 0.06);\n        }\n\n        .service-icon {\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            transition: transform 0.3s;\n        }\n\n        .service-card:hover .service-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .service-card h5 {\n            font-size: 20px;\n            font-weight: 800;\n            margin: 0 0 15px 0;\n        }\n\n        .service-card p {\n            font-size: 14px;;\n            color: #a0a0a0;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .service-card {\n                flex: 0 0 82vw;\n                padding: 30px 20px;\n            }\n        }\n    <\/style>\n\n    <div class=\"services-header\">\n        We offer a <span class=\"fancy-cycle\">comprehensive<\/span> suite of services\n        designed to <span class=\"elevate\">elevate<\/span> your brand's presence and\n        impact in the <span id=\"typing-text\" class=\"typewriter-cursor\"><\/span><br>landscape.\n        <!--We offer a <span class=\"fancy-cycle\" style=\"animation: fontCycle 10s infinite;\">comprehensive<\/span> suite of services-->\n        <!--designed to elevate your brand's presence and-->\n        <!--impact in the <span id=\"typing-text\" class=\"typewriter-cursor\"><\/span><br>landscape.-->\n    <\/div>\n\n    <!--<div class=\"services-slider-controls\">-->\n    <!--    <button class=\"services-nav-btn\" id=\"srv-prev\" aria-label=\"Previous\">-->\n    <!--        <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-left\"><\/i>-->\n    <!--    <\/button>-->\n    <!--    <button class=\"services-nav-btn\" id=\"srv-next\" aria-label=\"Next\">-->\n    <!--        <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-right\"><\/i>-->\n    <!--    <\/button>-->\n    <!--<\/div>-->\n\n    <div class=\"services-grid\" id=\"adsum-services-slider\">\n        <div class=\"service-card\">\n            <div class=\"service-icon\">\n                <lottie-player src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Buying-something-successfully-from-app.json\" background=\"transparent\" speed=\"1\" style=\"width: 100%; height: 100%;\" loop autoplay><\/lottie-player>\n            <\/div>\n            <h5>Mobile & Software<\/h5>\n            <p>Revolutionizes how you interact with your community, offering seamless access to all our services and features on the go.<\/p>\n        <\/div>\n        \n        <div class=\"service-card\">\n            <div class=\"service-icon\">\n                <lottie-player src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Server.json\" background=\"transparent\" speed=\"1\" style=\"width: 100%; height: 100%;\" loop autoplay><\/lottie-player>\n            <\/div>\n            <h5>Web Hosting<\/h5>\n            <p>Ensure your online presence is fast, secure, and reliable, empowering your business to thrive in the digital world.<\/p>\n        <\/div>\n        \n        <div class=\"service-card\">\n            <div class=\"service-icon\">\n                <lottie-player src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/shopping-cart.json\" background=\"transparent\" speed=\"1\" style=\"width: 100%; height: 100%;\" loop autoplay><\/lottie-player>\n            <\/div>\n            <h5>Hardware Supplies<\/h5>\n            <p>One stop shop for all your hardware needs, providing top-quality products and accessories to enhance your digital experience.<\/p>\n        <\/div>\n        \n        <div class=\"service-card\">\n            <div class=\"service-icon\">\n                <lottie-player src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Topictalk_icon.json\" background=\"transparent\" speed=\"1\" style=\"width: 100%; height: 100%;\" loop autoplay><\/lottie-player>\n            <\/div>\n            <h5>Consultancy<\/h5>\n            <p>Guide you through the complexities of digital transformation, ensuring your business stays ahead in a rapidly evolving landscape.<\/p>\n        <\/div>\n        \n        <div class=\"service-card\">\n            <div class=\"service-icon\">\n                <lottie-player src=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Business-analyst.json\" background=\"transparent\" speed=\"1\" style=\"width: 150%; height: 100%;\" loop autoplay><\/lottie-player>\n            <\/div>\n            <h5>Training Provider<\/h5>\n            <p>A gamified social hub, adding a new dimension of play to social interaction for Web3 communities.<\/p>\n        <\/div>\n        \n        <div style=\"flex: 0 0 1px;\"><\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ typing effect thingy\n            const typingElement = document.getElementById('typing-text');\n            const wordToType = \"digital\";\n            let currentText = '';\n            let isDeleting = false;\n            \n            function typeWriter() {\n                if (isDeleting) {\n                    currentText = wordToType.substring(0, currentText.length - 1);\n                } else {\n                    currentText = wordToType.substring(0, currentText.length + 1);\n                }\n                \n                typingElement.innerHTML = currentText;\n                \n                let typeSpeed = isDeleting ? 100 : 200;\n                \n                if (!isDeleting && currentText === wordToType) {\n                    typeSpeed = 2500; \n                    isDeleting = true;\n                } else if (isDeleting && currentText === '') {\n                    isDeleting = false;\n                    typeSpeed = 1000; \n                }\n                \n                setTimeout(typeWriter, typeSpeed);\n            }\n            \n            if (typingElement) {\n                typeWriter();\n            }\n            \n            \/\/ slider stuff\n            const slider = document.getElementById('adsum-services-slider');\n            const cards = Array.from(slider.querySelectorAll('.service-card'));\n            let currentIndex = 0;\n            \n            const updateFocus = () => {\n                const sliderCenter = slider.getBoundingClientRect().left + (slider.offsetWidth \/ 2);\n                let closestCard = null;\n                let minDistance = Infinity;\n\n                cards.forEach((card, index) => {\n                    const cardCenter = card.getBoundingClientRect().left + (card.offsetWidth \/ 2);\n                    const distance = Math.abs(sliderCenter - cardCenter);\n                    \n                    if (distance < minDistance) {\n                        minDistance = distance;\n                        closestCard = card;\n                        currentIndex = index;\n                    }\n                });\n\n                cards.forEach(card => {\n                    if (card === closestCard) {\n                        card.classList.add('is-focused');\n                    } else {\n                        card.classList.remove('is-focused');\n                    }\n                });\n            };\n            \n            slider.addEventListener('scroll', updateFocus);\n            updateFocus();\n            \n            function moveNext() {\n                let nextIndex = currentIndex + 1;\n                \n                if (nextIndex >= cards.length) {\n                    nextIndex = 0;\n                }\n                \n                const gap = parseInt(window.getComputedStyle(slider).gap) || 30;\n                const cardWidth = cards[0].offsetWidth;\n                const scrollPos = nextIndex * (cardWidth + gap);\n                \n                slider.scrollTo({\n                    left: scrollPos,\n                    behavior: 'smooth'\n                });\n            }\n            \n            let autoScroll = setInterval(moveNext, 3500);\n\n            slider.addEventListener('mouseenter', () => clearInterval(autoScroll));\n            slider.addEventListener('mouseleave', () => autoScroll = setInterval(moveNext, 3500));\n            slider.addEventListener('touchstart', () => clearInterval(autoScroll));\n            slider.addEventListener('touchend', () => autoScroll = setInterval(moveNext, 3500));\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f496f24 e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f496f24\" data-element_type=\"container\" data-e-type=\"container\" id=\"products\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a51a665 elementor-widget elementor-widget-html\" data-id=\"a51a665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"adsum-products-widget\">\n    <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Knewave&family=Montserrat:wght@800&display=swap');\n    \n        #adsum-products-widget {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            padding: 25px;\n            color: #fff;\n        }\n\n        .products-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .products-header {\n            margin-bottom: 50px;\n        }\n\n        .products-header h2 {\n            font-size: clamp(36px, 5vw, 54px);\n            font-weight: 800;\n            margin: 0 0 10px 0;\n        }\n\n        .products-header .script-text {\n        font-family: 'Knewave', system-ui;\n            color: #ea5a29;\n            font-size: 1.2em;\n            font-weight: 400;\n            padding-bottom: 30px;\n            transform: rotate(-2deg);\n            display: inline-block;\n        }\n\n        .products-header p {\n            font-size: 18px;\n            color: #a0a0a0;\n            max-width: 600px;\n        }\n\n        .adsum-product-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .product-card-template {\n            background: #1a1a1a;\n            border-radius: 20px;\n            padding: 30px;\n            border: 1px solid #333;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .product-card-template.highlight-card {\n            background: linear-gradient(135deg, #ff7034, #ea5a29);\n            border: none;\n        }\n\n        .product-btn {\n            background: #fff;\n            color: #000;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            font-weight: bold;\n            cursor: pointer;\n            margin-top: 20px;\n            align-self: flex-start;\n        }\n        \n        .shortcode-wrapper {\n            margin-top: -30px;\n        }\n        \n    <\/style>\n\n    <div class=\"products-container\">\n        <div class=\"products-header\">\n            <h2>Explore our <span class=\"script-text\">products<\/span><\/h2>\n            <p>Powerful tools designed to help you connect, share, and grow \u2014 effortlessly.<\/p>\n        <\/div>\n\n        <div class=\"shortcode-wrapper\">\n            \r\n    <style>\r\n        .nc-slider-container {\r\n            width: 100%;\r\n            position: relative;\r\n            font-family: 'Inter', 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .nc-slider-controls {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            gap: 12px;\r\n            margin-bottom: 15px;\r\n            padding-right: 10px;\r\n        }\r\n\r\n        .nc-nav-btn {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 50%;\r\n            width: 44px;\r\n            height: 44px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            color: #ffffff;\r\n            transition: all 0.3s ease;\r\n            outline: none;\r\n        }\r\n\r\n        .nc-nav-btn:hover {\r\n            background: #ea5a29;\r\n            border-color: #ea5a29;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .nc-cards-wrapper {\r\n            display: flex;\r\n            gap: 20px;\r\n            overflow-x: auto; \r\n            padding: 10px 10px 30px 10px;\r\n            scroll-behavior: smooth;\r\n            scroll-snap-type: x mandatory;\r\n            -ms-overflow-style: none;\r\n            scrollbar-width: none;\r\n        }\r\n        \r\n        .nc-cards-wrapper::-webkit-scrollbar {\r\n            display: none; \r\n        }\r\n\r\n        .nc-card {\r\n            flex: 0 0 320px;\r\n            scroll-snap-align: start;\r\n            border-radius: 20px;\r\n            padding: 30px 24px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .nc-lottie-container {\r\n            height: 120px;\r\n            width: 100%;\r\n            margin-bottom: 20px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .nc-card:hover .nc-lottie-container {\r\n            transform: scale(1.05) rotate(2deg);\r\n        }\r\n\r\n        .nc-card h3 {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            margin: 0 0 12px 0;\r\n            line-height: 1.2;\r\n            position: relative;\r\n            z-index: 2;\r\n            color: #ffffff;\r\n        }\r\n        \r\n        .nc-card p {\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n            flex-grow: 1;\r\n            margin: 0 0 24px 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .nc-explore-btn {\r\n            display: inline-block;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            padding: 10px 24px;\r\n            border-radius: 8px;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            width: fit-content;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .nc-explore-btn:hover {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .nc-card:nth-child(odd) {\r\n            background: rgba(255, 255, 255, 0.02);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n        \r\n        .nc-card:nth-child(odd) p { color: #a0a0a5; }\r\n        \r\n        .nc-card:nth-child(odd) .nc-explore-btn {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: #ffffff;\r\n        }\r\n        .nc-card:nth-child(odd) .nc-explore-btn:hover {\r\n            background: #ea5a29;\r\n            border-color: #ea5a29;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .nc-card:nth-child(odd):hover {\r\n            transform: translateY(-6px);\r\n            background: rgba(234, 90, 41, 0.03);\r\n            border-color: rgba(234, 90, 41, 0.3);\r\n            box-shadow: 0 15px 35px rgba(234, 90, 41, 0.01);\r\n        }\r\n        .nc-card:nth-child(even) {\r\n            background: linear-gradient(135deg, rgba(234, 90, 41, 0.9) 0%, rgba(255, 112, 52, 0.9) 100%);\r\n            border: 1px solid rgba(255, 112, 52, 0.4);\r\n        }\r\n        \r\n        .nc-card:nth-child(even) p { color: rgba(255,255,255,0.9); }\r\n        \r\n        .nc-card:nth-child(even) .nc-explore-btn { \r\n            background: #ffffff; \r\n            color: #ea5a29; \r\n            border: 1px solid #ffffff;\r\n        }\r\n        \r\n        .nc-card:nth-child(even):hover { \r\n            transform: translateY(-6px);\r\n            background: linear-gradient(135deg, rgba(234, 90, 41, 1) 0%, rgba(255, 112, 52, 1) 100%);\r\n            box-shadow: 0 15px 35px rgba(255, 112, 52, 0.05);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nc-card {\r\n                flex: 0 0 82vw; \r\n                padding: 24px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"nc-slider-container\">\r\n        <div class=\"nc-slider-controls\">\r\n            <button class=\"nc-nav-btn\" id=\"nc-prev\" aria-label=\"Previous\">\r\n                <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"nc-nav-btn\" id=\"nc-next\" aria-label=\"Next\">\r\n                <i style=\"padding-top: 5px\" class=\"fi fi-rr-angle-small-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"nc-cards-wrapper\" id=\"nc-product-slider\">\r\n                            <div class=\"nc-card\">\r\n                    <div class=\"nc-lottie-container\" data-lottie-url=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Property-Division.json\"><\/div>\r\n                    <h3>Asset Tracking System<\/h3>\r\n                    <p>Fixed asset tracking with reliable data for operational and audit reporting.<\/p>\r\n                    \r\n                    \r\n                <\/div>\r\n                            <div class=\"nc-card\">\r\n                    <div class=\"nc-lottie-container\" data-lottie-url=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Business-analytics-animation.json\"><\/div>\r\n                    <h3>Scheduling and Planning System<\/h3>\r\n                    <p>Designed for easy transition between manual operation to digital.<\/p>\r\n                    \r\n                    \r\n                <\/div>\r\n                            <div class=\"nc-card\">\r\n                    <div class=\"nc-lottie-container\" data-lottie-url=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/Document-OCR-Scan.json\"><\/div>\r\n                    <h3>Document Management System<\/h3>\r\n                    <p>Document digitization, centralized storage, and workflow transparency.<\/p>\r\n                    \r\n                    \r\n                <\/div>\r\n                            <div class=\"nc-card\">\r\n                    <div class=\"nc-lottie-container\" data-lottie-url=\"https:\/\/adsum.com.my\/website\/wp-content\/uploads\/2026\/03\/CreditCard.json\"><\/div>\r\n                    <h3>NexCard<\/h3>\r\n                    <p>A single tap is all it takes to share your contact info, social profiles, and portfolio instantly.<\/p>\r\n                    \r\n                                            <a href=\"https:\/\/adsum.com.my\/website\/nexcard\/\" class=\"nc-explore-btn\">Explore<\/a>\r\n                    \r\n                <\/div>\r\n                        <div style=\"flex: 0 0 1px;\"><\/div> \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bodymovin\/5.12.2\/lottie.min.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const containers = document.querySelectorAll('.nc-lottie-container');\r\n            containers.forEach(container => {\r\n                const url = container.getAttribute('data-lottie-url');\r\n                if (url) {\r\n                    lottie.loadAnimation({\r\n                        container: container,\r\n                        renderer: 'svg',\r\n                        loop: true,\r\n                        autoplay: true,\r\n                        path: url\r\n                    });\r\n                }\r\n            });\r\n\r\n            const slider = document.getElementById('nc-product-slider');\r\n            const btnPrev = document.getElementById('nc-prev');\r\n            const btnNext = document.getElementById('nc-next');\r\n\r\n            if (slider && btnPrev && btnNext) {\r\n                const getScrollAmount = () => {\r\n                    const card = slider.querySelector('.nc-card');\r\n                    if (!card) return 0;\r\n                    const gap = parseInt(window.getComputedStyle(slider).gap) || 20;\r\n                    return card.offsetWidth + gap;\r\n                };\r\n\r\n                btnNext.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    e.stopPropagation(); \r\n                    slider.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n                });\r\n\r\n                btnPrev.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n                    slider.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n    \n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffdee69 e-con-full snap-child e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ffdee69\" data-element_type=\"container\" data-e-type=\"container\" id=\"whychooseus\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec119c2 elementor-widget elementor-widget-html\" data-id=\"ec119c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"adsum-wcu-widget\" class=\"snap-child\">\n    <style>\n        #adsum-wcu-widget {\n            font-family: 'Montserrat', sans-serif;\n            background: transparent;\n            color: #ffffff;\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 0; \n            overflow: hidden;\n        }\n\n        .wcu-header {\n            text-align: center;\n            margin-bottom: 20px;\n            padding: 0 20px; \n        }\n\n        .wcu-header h2 {\n            font-size: clamp(32px, 4vw, 48px);\n            font-weight: 800;\n            margin: 0 0 15px 0;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n        }\n\n        .wcu-header .glow-text { color: #ea5a29; }\n\n        .wcu-header p {\n            font-size: 18px;\n            color: #a0a0a0;\n            max-width: 600px;\n            margin: 0 auto 40px;\n            line-height: 1.6;\n        }\n\n        .wcu-grid {\n            display: flex;\n            gap: 30px;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scroll-behavior: smooth;\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n            padding: 40px calc(50% - 160px); \n            align-items: stretch;\n            margin-top: -50px;\n        }\n\n        .wcu-grid::-webkit-scrollbar { display: none; }\n\n        .wcu-card {\n            flex: 0 0 320px;\n            min-height: 380px;\n            scroll-snap-align: center;\n            background: rgba(255, 255, 255, 0.01);\n            border: 1px solid rgba(255, 255, 255, 0.03);\n            border-radius: 20px;\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            position: relative;\n            overflow: hidden;\n            \n            opacity: 0.35;\n            transform: scale(0.85);\n            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        .wcu-card.is-focused {\n            opacity: 1;\n            transform: scale(1);\n            background: rgba(234, 90, 41, 0.03); \n            border-color: rgba(234, 90, 41, 0.4);\n            box-shadow: 0 20px 40px rgba(234, 90, 41, 0.15);\n            z-index: 10;\n        }\n\n        .wcu-card.is-focused:hover {\n            transform: scale(1.02) translateY(-5px);\n            background: rgba(234, 90, 41, 0.06);\n        }\n\n        .wcu-icon {\n            font-size: 32px;\n            color: #ea5a29;\n            margin-bottom: 20px;\n            transition: transform 0.3s ease;\n        }\n\n        .wcu-card:hover .wcu-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .wcu-card h3 {\n            font-size: 20px;\n            font-weight: 800;\n            margin: 0 0 12px 0;\n            color: #ffffff;\n        }\n\n        .wcu-card p {\n            font-size: 14px;\n            color: #a0a0a0;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .wcu-header { text-align: left; }\n            .wcu-grid { padding: 40px calc(50% - 40vw); }\n            .wcu-card {\n                flex: 0 0 80vw;\n                min-height: 350px;\n            }\n        }\n    <\/style>\n\n    <div class=\"wcu-header\">\n        <h2>Why <span class=\"glow-text\">Choose<\/span> Us?<\/h2>\n        <p>We don't just deliver services; we build partnerships. Here is what sets us apart.<\/p>\n    <\/div>\n\n    <div class=\"wcu-grid\" id=\"adsum-wcu-slider\">\n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-handshake\"><\/i><\/div>\n            <h3>Compliance-Focused<\/h3>\n            <p>Strict adherence to government policies, procedures, and procurement standards.<\/p>\n        <\/div>\n\n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-box-open\"><\/i><\/div>\n            <h3>Accountable Delivery<\/h3>\n            <p>Transparent processes from proposal submission to final reporting.<\/p>\n        <\/div>\n\n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-shield-check\"><\/i><\/div>\n            <h3>Secure Systems<\/h3>\n            <p>Strong data protection and cybersecurity practices.<\/p>\n        <\/div>\n\n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-incognito\"><\/i><\/div>\n            <h3>Confidential Handling<\/h3>\n            <p>High standards of confidentiality in all government projects.<\/p>\n        <\/div>\n        \n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-comment-alt\"><\/i><\/div>\n            <h3>Clear Communication<\/h3>\n            <p>Consistent and effective engagement with stakeholders.<\/p>\n        <\/div>\n        \n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-headset\"><\/i><\/div>\n            <h3>Responsive Support<\/h3>\n            <p>Timely responses and solutions aligned with agency needs.<\/p>\n        <\/div>\n        \n        <div class=\"wcu-card\">\n            <div class=\"wcu-icon\"><i class=\"fi fi-rr-users-alt\"><\/i><\/div>\n            <h3>Expert-Driven Team<\/h3>\n            <p>A skilled and dedicated team that understands regulatory requirements, operational workflows, and digital transformation needs. Ensuring quality delivery with clarity and confidence.<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const slider = document.getElementById('adsum-wcu-slider');\n            const cards = Array.from(slider.querySelectorAll('.wcu-card'));\n            let currentIndex = 0;\n            \n            const updateFocus = () => {\n                const sliderCenter = slider.getBoundingClientRect().left + (slider.offsetWidth \/ 2);\n                let closestCard = null;\n                let minDistance = Infinity;\n\n                cards.forEach((card, index) => {\n                    const cardCenter = card.getBoundingClientRect().left + (card.offsetWidth \/ 2);\n                    const distance = Math.abs(sliderCenter - cardCenter);\n                    \n                    if (distance < minDistance) {\n                        minDistance = distance;\n                        closestCard = card;\n                        currentIndex = index;\n                    }\n                });\n\n                cards.forEach(card => {\n                    if (card === closestCard) {\n                        card.classList.add('is-focused');\n                    } else {\n                        card.classList.remove('is-focused');\n                    }\n                });\n            };\n            \n            slider.addEventListener('scroll', updateFocus);\n            updateFocus();\n            \n            function moveNext() {\n                let nextIndex = currentIndex + 1;\n                \n                if (nextIndex >= cards.length) {\n                    nextIndex = 0;\n                }\n                \n                const gap = parseInt(window.getComputedStyle(slider).gap) || 30;\n                const cardWidth = cards[0].offsetWidth;\n                const scrollPos = nextIndex * (cardWidth + gap);\n                \n                slider.scrollTo({\n                    left: scrollPos,\n                    behavior: 'smooth'\n                });\n            }\n            \n            let autoScroll = setInterval(moveNext, 3500);\n\n            slider.addEventListener('mouseenter', () => clearInterval(autoScroll));\n            slider.addEventListener('mouseleave', () => autoScroll = setInterval(moveNext, 3500));\n            slider.addEventListener('touchstart', () => clearInterval(autoScroll));\n            slider.addEventListener('touchend', () => autoScroll = setInterval(moveNext, 3500));\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51df256 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"51df256\" 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-89ba1aa elementor-widget elementor-widget-html\" data-id=\"89ba1aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    html {\n        scroll-snap-type: y mandatory; \n        -ms-overflow-style: none; \n        scrollbar-width: none; \n        height: 100%;\n    }\n    \n    html::-webkit-scrollbar, \n    body::-webkit-scrollbar { \n        display: none; \n    }\n    \n    body {\n        margin: 0 !important;\n        padding: 0 !important;\n        background-color: #0d0d0d;\n        height: 100%;\n    }\n\n    .elementor, \n    .elementor-inner, \n    .elementor-section-wrap {\n        overflow: visible !important;\n        display: block !important;\n        height: auto !important;\n    }\n\n    .elementor-page {\n        padding-top: 0 !important;\n        margin-top: 0 !important;\n    }\n\n    .snap-child, \n    .elementor-top-section {\n        scroll-snap-align: start;\n        scroll-snap-stop: always; \n        \n        min-height: 100svh !important; \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .snap-child:first-of-type,\n    .elementor-top-section:first-of-type {\n        margin-top: 0 !important;\n    }\n    \n    .snap-footer, \n    .elementor-location-footer, \n    .site-footer {\n        scroll-snap-align: start !important;\n        scroll-snap-stop: always !important;\n    }\n<\/style>\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>AGILE. CONCISE. PRESENT. Solutions tailored to your needs. Talk to us Learn more Trusted by great clients We extend a warm welcome to Adsum Solution Sdn Bhd. From Zero to Hero \u2014 Your Brand\u2019s Journey Begins A little message from us We are delighted to have the opportunity to welcome you to Adsum Solution, a company based in the heart of Kota Kinabalu, Sabah. As we embark on this exciting journey, we are committed to building lasting relationships with our clients. Here in Adsum Solution, it is our endeavor to offer you personalized and innovative solutions that meet your needs. Our Vision Rooted in integrating cutting-edge technology with a customer-centric approach. Our Mission Nurture Local Talent Build a strong and inclusive platform to identify, train, and uplift local talents in Sabah. Develop Industry Leaders Empower professionals with real-world skills, mentorship, and exposure to become future leaders and innovators. Foster a Tech Ecosystem Create an environment that encourages creativity, collaboration, and technological excellence. Build Skilled Professionals Invest in capability development through structured learning, real-world projects, and technical upskilling to produce competent and industry-ready talent. We offer a comprehensive suite of services designed to elevate your brand&#8217;s presence and impact in the landscape. Mobile &#038; Software Revolutionizes how you interact with your community, offering seamless access to all our services and features on the go. Web Hosting Ensure your online presence is fast, secure, and reliable, empowering your business to thrive in the digital world. Hardware Supplies One stop shop for all your hardware needs, providing top-quality products and accessories to enhance your digital experience. Consultancy Guide you through the complexities of digital transformation, ensuring your business stays ahead in a rapidly evolving landscape. Training Provider A gamified social hub, adding a new dimension of play to social interaction for Web3 communities. Explore our products Powerful tools designed to help you connect, share, and grow \u2014 effortlessly. Why Choose Us? We don&#8217;t just deliver services; we build partnerships. Here is what sets us apart. Compliance-Focused Strict adherence to government policies, procedures, and procurement standards. Accountable Delivery Transparent processes from proposal submission to final reporting. Secure Systems Strong data protection and cybersecurity practices. Confidential Handling High standards of confidentiality in all government projects. Clear Communication Consistent and effective engagement with stakeholders. Responsive Support Timely responses and solutions aligned with agency needs. Expert-Driven Team A skilled and dedicated team that understands regulatory requirements, operational workflows, and digital transformation needs. Ensuring quality delivery with clarity and confidence.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/pages\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":5,"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/pages\/996\/revisions\/2067"}],"wp:attachment":[{"href":"https:\/\/adsum.com.my\/website\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}