{"id":3930,"date":"2026-04-21T04:51:26","date_gmt":"2026-04-21T04:51:26","guid":{"rendered":"https:\/\/kb.rockeye.com\/vehicle-tracking\/?page_id=3930"},"modified":"2026-04-21T04:52:02","modified_gmt":"2026-04-21T04:52:02","slug":"videos","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/vehicle-tracking\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"        <!-- Video Tutorials Section -->\n        <section\n            class=\"kb-video-tutorials border-0 p-0 m-0 kb-playlist-3923\">\n            <div\n                class=\"mb-4\">\n                <div class=\"\">\n                    <h2 class=\"kb-section-heading mb-2\">\n                        ROCKEYE &#8211; Vehicle Tracking System<\/h2>\n                                                        <\/div>\n                            <\/div>\n\n            <!-- Video Container -->\n            <div\n                class=\"row kb-gap-44\">\n                                                            <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"-4BZ20PjiFQ\"\n                                data-video-title=\"Customer Management System for Fleet Operations Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/-4BZ20PjiFQ\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Customer Management<br>System for Fleet<br>Operations Explained                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"ziVmtIuZ7A8\"\n                                data-video-title=\"User Management System for Fleet Access Control Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ziVmtIuZ7A8\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        User Management System<br>for Fleet Access Control<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"y1dCFeDpJKI\"\n                                data-video-title=\"SMS Alert Configuration &amp; External Notification System Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/y1dCFeDpJKI\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        SMS Alert Configuration<br>&amp; External<br>Notification System Guide                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"_DBZWNpcRcM\"\n                                data-video-title=\"Vehicle Group Management &amp; Fleet Categorization Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/_DBZWNpcRcM\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Vehicle Group Management<br>&amp; Fleet<br>Categorization Explained                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"dKFmjn0FCgY\"\n                                data-video-title=\"Fleet Management Reports Explained | GPS Tracking Insights\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dKFmjn0FCgY\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management Reports<br>Explained | GPS Tracking<br>Insights                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"IidD7iOQi8U\"\n                                data-video-title=\"Configure Smart Fleet Tracking Rules &amp; Alerts with ROCKEYE VTS | Setup Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/IidD7iOQi8U\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Configure Smart Fleet<br>Tracking Rules &amp;<br>Alerts with ROCKEYE VTS |<br>Setup Guide                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"Ulxai9XhOJ8\"\n                                data-video-title=\"Fleet Management, Redefined\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Ulxai9XhOJ8\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management,<br>Redefined                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"yMtoiMjSLyY\"\n                                data-video-title=\"Role Based Access Control in VTS Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/yMtoiMjSLyY\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Role Based Access Control<br>in VTS Explained                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"mWbOqqRrh5w\"\n                                data-video-title=\"Fleet Management System with Smart Geofence Controls\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/mWbOqqRrh5w\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management System<br>with Smart Geofence<br>Controls                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"Iz3inb6lOvw\"\n                                data-video-title=\"Vehicle Tracking System for Secure SIM &amp; Device Control\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Iz3inb6lOvw\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Vehicle Tracking System<br>for Secure SIM &amp;<br>Device Control                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"STd7jhsliNQ\"\n                                data-video-title=\"Fleet Management System with Driver &amp; Geo Monitoring\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/STd7jhsliNQ\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management System<br>with Driver &amp; Geo<br>Monitoring                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"3JKz8Y1QY48\"\n                                data-video-title=\"Fleet Management System for Smart Route Planning &amp; Optimization\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/3JKz8Y1QY48\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management System<br>for Smart Route Planning<br>&amp; Optimization                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"nRka8P7xfjc\"\n                                data-video-title=\"Fleet Performance Management Software for Trip &amp; Fuel Analysis\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/nRka8P7xfjc\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Performance<br>Management Software for<br>Trip &amp; Fuel Analysis                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"pDI41CwhnT4\"\n                                data-video-title=\"Fleet Management System: With Real Time Vehicle Tracking &amp; Geofencing\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/pDI41CwhnT4\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Fleet Management System:<br>With Real Time Vehicle<br>Tracking &amp; Geofencing                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"imdocbSkXh4\"\n                                data-video-title=\"ROCKEYE Vehicle Tracking System | Full Walkthrough for AI-Powered Fleet Efficiency.\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/imdocbSkXh4\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        ROCKEYE Vehicle Tracking<br>System | Full Walkthrough<br>for AI-Powered Fleet<br>Efficiency.                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"YSljKZSWteo\"\n                                data-video-title=\"ROCKEYE ERP: Vehicle Tracking Solution!\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/YSljKZSWteo\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        ROCKEYE ERP: Vehicle<br>Tracking Solution!                                    <\/h4>\n                        <\/div>\n                                    <\/div>\n        <\/section>\n\n        <!-- Global Video Popup Modal -->\n                    <div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n                aria-hidden=\"true\">\n                <div class=\"modal-dialog modal-lg modal-dialog-centered\">\n                    <div class=\"modal-content bg-dark border-0\">\n                        <div class=\"modal-header border-bottom-0 pb-0\">\n                            <h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n                            <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                                aria-label=\"Close\"><\/button>\n                        <\/div>\n                        <div class=\"modal-body p-0\">\n                            <div class=\"ratio ratio-16x9\">\n                                <iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n                                    style=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    \n        <style>\n            \/* Micro-interactions & styling for video cards *\/\n            .kb-video-card-3923:hover img {\n                transform: scale(1.05);\n            }\n\n            .kb-video-card-3923:hover .kb-video-play-icon {\n                color: #fff !important;\n                transform: scale(1.1);\n            }\n\n            .kb-video-card-3923 .transition-base {\n                transition: all 0.3s ease;\n            }\n        <\/style>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-video-tutorial.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/pages\/3930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/comments?post=3930"}],"version-history":[{"count":2,"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/pages\/3930\/revisions"}],"predecessor-version":[{"id":3932,"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/pages\/3930\/revisions\/3932"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/vehicle-tracking\/wp-json\/wp\/v2\/media?parent=3930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}