{"id":183,"date":"2026-08-24T02:02:41","date_gmt":"2026-08-24T02:02:41","guid":{"rendered":"https:\/\/skyrocket.ph\/events\/?page_id=183"},"modified":"2026-09-12T02:59:48","modified_gmt":"2026-09-12T02:59:48","slug":"services","status":"publish","type":"page","link":"https:\/\/skyrocket.ph\/events\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"183\" class=\"elementor elementor-183\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d2148aa e-con-full hero-section e-flex e-con e-parent\" data-id=\"d2148aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/BG-Loop-Speed.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-2edf68b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2edf68b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>OUR EXPERTISE<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82117da elementor-widget elementor-widget-heading\" data-id=\"82117da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CRAFTING <br> <span class=\"gradient-text\">STELLAR EXPERIENCES<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29c99be elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"29c99be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our Event Planning and Management Expertise<br \/>End-to-End Solutions for Your Corporate Needs<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e560a68 e-flex e-con-boxed e-con e-parent\" data-id=\"e560a68\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4e82347 e-con-full e-flex e-con e-child\" data-id=\"4e82347\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:120,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c949289 elementor-widget elementor-widget-heading\" data-id=\"c949289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Skyrocket Studios supports <span class=\"gradient-text\" style=\"font-weight: 700\">brand launches, corporate events, conventions, and activations<\/span> with careful planning and coordinated event management.<\/h3>\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a41a015 e-con-full e-flex e-con e-child\" data-id=\"a41a015\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0f769 elementor-widget elementor-widget-html\" data-id=\"7e0f769\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"deckWrapper\" class=\"card-deck-wrapper\">\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-1.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-2.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-3.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-4.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-5.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-6.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-7.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-8.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-9.webp\" class=\"card\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services-img-10.webp\" class=\"card\" \/>\r\n<\/div>\r\n\r\n<style>\r\n\/* Elevate Outer Elementor Widget Container *\/\r\n.elementor-widget-html:has(#deckWrapper) {\r\n    position: relative !important;\r\n    z-index: 20 !important;\r\n}\r\n\r\n\/* 1. Base Desktop Style *\/\r\n.card-deck-wrapper {\r\n    position: relative !important;\r\n    z-index: 20 !important;\r\n    width: 420px; \r\n    height: 280px;\r\n    margin: 20px auto 20px 0;\r\n    transform: translateX(-20px);\r\n    cursor: pointer;\r\n    touch-action: manipulation;\r\n}\r\n\r\n\/* 2. Base Card Styling *\/\r\n.card-deck-wrapper .card {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border: 6px solid #F4F1ED; \r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.25);\r\n    \r\n    will-change: transform, opacity;\r\n    backface-visibility: hidden;\r\n    transform-style: preserve-3d;\r\n    \r\n    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.5s ease;\r\n    \r\n    opacity: 0;\r\n    transform: scale(0.85) translate(40px, 40px);\r\n}\r\n\r\n\/* 3. The 3 Visible Layers *\/\r\n.card-deck-wrapper .card[data-depth=\"0\"] { opacity: 1; transform: scale(1) translate(0px, 0px) rotate(-2deg); }\r\n.card-deck-wrapper .card[data-depth=\"1\"] { opacity: 1; transform: scale(0.95) translate(12px, 12px) rotate(2deg); }\r\n.card-deck-wrapper .card[data-depth=\"2\"] { opacity: 1; transform: scale(0.90) translate(24px, 24px) rotate(-1deg); }\r\n\r\n\/* 4. Flip Animation Curve *\/\r\n@keyframes smoothSwing {\r\n    0%   { transform: scale(1) translate(0px, 0px) rotate(-2deg); }\r\n    50%  { transform: translate(85%, -10%) rotate(10deg); }\r\n    100% { transform: scale(0.85) translate(40px, 40px) rotate(0deg); }\r\n}\r\n\r\n.card-deck-wrapper .card.flip-cycle {\r\n    animation: smoothSwing 0.7s ease-in-out forwards;\r\n    opacity: 1 !important; \r\n}\r\n\r\n\/* =========================================================\r\n   A. TABLET RESPONSIVE STYLES (768px - 1024px)\r\n   ========================================================= *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .card-deck-wrapper {\r\n        width: 260px !important; \r\n        height: 175px !important;\r\n        margin: 20px auto !important;\r\n        transform: translateX(-15px) !important; \/* Retained Tablet Nudge *\/\r\n    }\r\n\r\n    .card-deck-wrapper .card {\r\n        border-width: 4px !important;\r\n    }\r\n\r\n    .card-deck-wrapper .card[data-depth=\"1\"] { transform: scale(0.95) translate(8px, 8px) rotate(2deg) !important; }\r\n    .card-deck-wrapper .card[data-depth=\"2\"] { transform: scale(0.90) translate(16px, 16px) rotate(-1deg) !important; }\r\n}\r\n\r\n\/* =========================================================\r\n   B. MOBILE RESPONSIVE STYLES (< 767px) - PERFECTLY CENTERED\r\n   ========================================================= *\/\r\n@media (max-width: 767px) {\r\n    .card-deck-wrapper {\r\n        width: 290px !important;\r\n        height: 190px !important;\r\n        max-width: calc(100% - 32px) !important;\r\n        margin: 25px auto !important;\r\n        transform: none !important; \/* Removed translateX offset to center the stack dead-on *\/\r\n    }\r\n\r\n    .card-deck-wrapper .card {\r\n        border-width: 4px !important;\r\n    }\r\n\r\n    .card-deck-wrapper .card[data-depth=\"1\"] { transform: scale(0.95) translate(8px, 8px) rotate(2deg) !important; }\r\n    .card-deck-wrapper .card[data-depth=\"2\"] { transform: scale(0.90) translate(16px, 16px) rotate(-1deg) !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const deck = document.getElementById('deckWrapper');\r\n    if (!deck) return;\r\n\r\n    const cards = Array.from(deck.querySelectorAll('.card'));\r\n    let currentTopIndex = 0; \r\n    let isAnimating = false; \r\n    \r\n    function updateCards() {\r\n        cards.forEach((card, i) => {\r\n            let depth = (i - currentTopIndex + cards.length) % cards.length;\r\n            card.setAttribute('data-depth', depth);\r\n            card.style.zIndex = cards.length - depth; \r\n        });\r\n    }\r\n    \r\n    updateCards();\r\n\r\n    function cycleCard() {\r\n        if (isAnimating) return; \r\n        isAnimating = true; \r\n        \r\n        let topCard = cards[currentTopIndex];\r\n        \r\n        topCard.style.zIndex = 99; \r\n        topCard.classList.add('flip-cycle');\r\n        \r\n        setTimeout(() => {\r\n            currentTopIndex = (currentTopIndex + 1) % cards.length;\r\n            updateCards(); \r\n        }, 350); \r\n        \r\n        setTimeout(() => {\r\n            topCard.classList.remove('flip-cycle');\r\n            isAnimating = false; \r\n        }, 700); \r\n    }\r\n\r\n    deck.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        cycleCard();\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b1a1a03 e-con-full e-flex e-con e-child\" data-id=\"b1a1a03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6fba4d elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"a6fba4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"gradient-text\">Our comprehensive suite of services \nincludes:<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aed25b3 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"aed25b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Events Planning and Management<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a439c7 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"8a439c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Destination Event Planning<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdaf4d8 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"bdaf4d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Venue Selection and Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a6445 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"e3a6445\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technical Production<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c72241 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"2c72241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Event Technology Integration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-747d488 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"747d488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">On-Site Coordination and Management<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41b71c0 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"41b71c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Event Branding and Marketing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4f10d skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"ec4f10d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brand Activations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7651eb6 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"7651eb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Talent Sourcing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8265b8 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"d8265b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Entertainment Coordination<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f01bd13 skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"f01bd13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Catering and Culinary Delights<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b67730a skyrocket-hover elementor-widget elementor-widget-heading\" data-id=\"b67730a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Post-Event Evaluation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71be75f sr-btn-primary elementor-widget elementor-widget-button\" data-id=\"71be75f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/skyrocket.ph\/events\/?page_id=457\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6c75aa3 e-con-full e-flex e-con e-parent\" data-id=\"6c75aa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20f0c03 elementor-widget elementor-widget-html\" data-id=\"20f0c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"skyrocket-marquee-wrapper\">\r\n    <div class=\"marquee-track\">\r\n        \r\n        <!-- GROUP 1 -->\r\n        <div class=\"marquee-content\">\r\n            <span>Strategic Event Planning and Coordination<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Venue & Technical Production<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Live Events Management<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Post-Event Analysis<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <!-- GROUP 2 (Exact Duplicate for the seamless loop) -->\r\n        <div class=\"marquee-content\">\r\n            <span>Strategic Event Planning and Coordination<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Venue & Technical Production<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Live Events Management<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n            \r\n            <span>Post-Event Analysis<\/span>\r\n            <svg class=\"marquee-star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0L14.59 9.41L24 12L14.59 14.59L12 24L9.41 14.59L0 12L9.41 9.41L12 0Z\"\/><\/svg>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. The main container with the gradient background *\/\r\n.skyrocket-marquee-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: linear-gradient(90deg, #7A0076, #CB234A, #F78C00);\r\n    padding: 30px 0; \/* Adjust this to make the banner taller\/shorter *\/\r\n    display: flex;\r\n}\r\n\r\n\/* 2. The track that slides left *\/\r\n.marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    \/* Change '30s' to make it scroll faster or slower *\/\r\n    animation: scrollMarquee 20s linear infinite; \r\n}\r\n\r\n\/* 3. The inner groups *\/\r\n.marquee-content {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* 4. The Text Styling *\/\r\n.marquee-content span {\r\n    font-family: radikal; \/* Inherits your global Elementor font *\/\r\n    font-size: 20px;      \/* Adjust size to match Figma *\/\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    padding: 0 40px;      \/* Spacing between text and stars *\/\r\n    white-space: nowrap;\r\n    line-height: 0px;\r\n}\r\n\r\n\/* 5. The Star Styling *\/\r\n.marquee-star {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #ffffff;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* 6. The Animation Engine *\/\r\n@keyframes scrollMarquee {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); } \r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f077df0 e-con-full e-flex e-con e-parent\" data-id=\"f077df0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49102c sr-folder-widget elementor-widget elementor-widget-html\" data-id=\"b49102c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"srFolderAccordion\" class=\"sr-folders-container\">\r\n    \r\n    <!-- FOLDER 1 (Strategic Event Planning) -->\r\n    <div class=\"sr-folder active\" style=\"--bg-color: #9b288c; z-index: 1;\">\r\n        <div class=\"sr-folder-header\">\r\n            <div class=\"sr-folder-tab\">STRATEGIC EVENT PLANNING AND COORDINATION<\/div>\r\n            <div class=\"sr-folder-bar\">\r\n                <span class=\"sr-read-more\">READ MORE <i class=\"sr-arrow\"><\/i><\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sr-folder-body\">\r\n            <div class=\"sr-folder-content\">\r\n                Concept development, budgeting, and event planning that guide each event or activation with a clear direction.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- FOLDER 2 (Venue & Technical Production) -->\r\n    <div class=\"sr-folder\" style=\"--bg-color: #4b1669; z-index: 2;\">\r\n        <div class=\"sr-folder-header\">\r\n            <div class=\"sr-folder-tab\">VENUE & TECHNICAL PRODUCTION<\/div>\r\n            <div class=\"sr-folder-bar\">\r\n                <span class=\"sr-read-more\">READ MORE <i class=\"sr-arrow\"><\/i><\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sr-folder-body\">\r\n            <div class=\"sr-folder-content\">\r\n                Venue selection and space design supported by event technology and audiovisual production.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FOLDER 3 (Live Events Management) -->\r\n    <div class=\"sr-folder\" style=\"--bg-color: #e08e36; z-index: 3;\">\r\n        <div class=\"sr-folder-header\">\r\n            <div class=\"sr-folder-tab\">LIVE EVENTS MANAGEMENT<\/div>\r\n            <div class=\"sr-folder-bar\">\r\n                <span class=\"sr-read-more\">READ MORE <i class=\"sr-arrow\"><\/i><\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sr-folder-body\">\r\n            <div class=\"sr-folder-content\">\r\n                On-site coordination and vendor management that support smooth event and activation operations.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FOLDER 4 (Post-Event Analysis) -->\r\n    <div class=\"sr-folder\" style=\"--bg-color: #00878a; z-index: 4;\">\r\n        <div class=\"sr-folder-header\">\r\n            <div class=\"sr-folder-tab\">POST-EVENT ANALYSIS<\/div>\r\n            <div class=\"sr-folder-bar\">\r\n                <span class=\"sr-read-more\">READ MORE <i class=\"sr-arrow\"><\/i><\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sr-folder-body\">\r\n            <div class=\"sr-folder-content\">\r\n                Event branding and marketing that support attendance, followed by post-event evaluation to review results and insights.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@500;700&display=swap');\r\n\r\n\/* Unclamp Elementor HTML Widget Outer Container *\/\r\n.sr-folder-widget.elementor-widget-html,\r\n.sr-folder-widget .elementor-widget-container {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n}\r\n\r\n\/* 1. Main Accordion Container *\/\r\n#srFolderAccordion,\r\n#srFolderAccordion.sr-folders-container {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n    max-width: 1240px !important;\r\n    margin: 0 auto !important;\r\n    padding: 56px 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* 2. Base Folder Stack Overlap *\/\r\n.sr-folder {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n    margin-top: -21px !important; \r\n    position: relative !important;\r\n}\r\n\r\n.sr-folder:first-child { \r\n    margin-top: 0 !important; \r\n}\r\n\r\n\/* 3. Anti-Seam \/ Border Reset Overrides *\/\r\n.sr-folder-header,\r\n.sr-folder-tab,\r\n.sr-folder-bar,\r\n.sr-folder-body {\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    -webkit-backface-visibility: hidden !important;\r\n    backface-visibility: hidden !important;\r\n}\r\n\r\n\/* 4. Folder Header Container *\/\r\n.sr-folder-header {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    align-items: flex-end !important;\r\n    width: 100% !important;\r\n    cursor: pointer !important;\r\n    background-color: transparent !important;\r\n    position: relative !important;\r\n}\r\n\r\n\/* SOLID COLOR UNDERLAY *\/\r\n.sr-folder-header::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    height: 48px !important; \r\n    background-color: var(--bg-color) !important;\r\n    z-index: 0 !important;\r\n}\r\n\r\n.sr-folder:first-child .sr-folder-header::before {\r\n    border-top-right-radius: 14px !important;\r\n}\r\n\r\n\/* 5. Protruding Left Folder Tab Notch *\/\r\n.sr-folder-tab {\r\n    background-color: var(--bg-color) !important;\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    text-transform: uppercase !important;\r\n    \r\n    height: 68px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    padding: 0 45px 0 28px !important; \r\n    \r\n    border-radius: 14px 0 0 0 !important;\r\n    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 100%, 0 100%) !important;\r\n    \r\n    flex: 0 1 auto !important;\r\n    max-width: 75% !important;\r\n    margin-right: -24px !important; \r\n    z-index: 2 !important;\r\n\r\n    font-size: 21px !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* 6. Right Folder Bar *\/\r\n.sr-folder-bar {\r\n    background-color: var(--bg-color) !important;\r\n    height: 48px !important;\r\n    flex: 1 1 auto !important; \r\n    \r\n    display: flex !important;\r\n    justify-content: flex-end !important;\r\n    align-items: center !important;\r\n    padding: 0 28px !important; \r\n    border-radius: 0 !important;\r\n    z-index: 1 !important;\r\n    margin-left: -2px !important;\r\n}\r\n\r\n.sr-folder:first-child .sr-folder-bar {\r\n    border-top-right-radius: 14px !important;\r\n}\r\n\r\n\/* 7. Read More Label & Arrow *\/\r\n.sr-read-more {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 2px !important;\r\n    color: #ffffff !important;\r\n    text-transform: uppercase !important;\r\n    \r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n}\r\n\r\n.sr-arrow {\r\n    display: inline-block !important;\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    border-right: 2.5px solid #ffffff !important;\r\n    border-bottom: 2.5px solid #ffffff !important;\r\n    transform: rotate(-45deg) !important;\r\n    transition: transform 0.35s ease !important;\r\n    margin-bottom: 2px !important;\r\n}\r\n\r\n.sr-folder.active .sr-arrow { \r\n    transform: rotate(45deg) !important; \r\n}\r\n\r\n\/* 8. Expanding Body Container *\/\r\n.sr-folder-body {\r\n    background-color: var(--bg-color) !important;\r\n    border-radius: 0 !important;\r\n    max-height: 0px; \r\n    overflow: hidden !important; \r\n    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    margin-top: -1px !important;\r\n}\r\n\r\n.sr-folder:last-child {\r\n    border-bottom-left-radius: 14px !important;\r\n    border-bottom-right-radius: 14px !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.sr-folder:last-child .sr-folder-body {\r\n    border-radius: 0 0 14px 14px !important;\r\n}\r\n\r\n.sr-folder-content {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 22px !important;\r\n    line-height: 30px !important;\r\n    letter-spacing: 1.5px !important;\r\n    color: #ffffff !important;\r\n    max-width: 750px !important;\r\n    padding: 8px 40px 40px 28px !important; \r\n    margin-top: -4px !important;\r\n}\r\n\r\n\/* --- TABLET RESPONSIVE ADAPTATION (768px - 1024px) --- *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    #srFolderAccordion,\r\n    #srFolderAccordion.sr-folders-container {\r\n        padding: 56px 20px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .sr-folder {\r\n        margin-top: -21px !important;\r\n    }\r\n\r\n    .sr-folder-header::before {\r\n        height: 52px !important;\r\n    }\r\n\r\n    .sr-folder-tab {\r\n        height: 72px !important;\r\n        font-size: 16px !important;\r\n        padding: 0 36px 0 20px !important;\r\n        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%) !important;\r\n        margin-right: -20px !important;\r\n        max-width: 82% !important;\r\n    }\r\n\r\n    .sr-folder-bar {\r\n        height: 52px !important;\r\n        padding: 0 24px !important;\r\n    }\r\n\r\n    .sr-folder-content {\r\n        font-size: 19px !important;\r\n        line-height: 1.4 !important;\r\n        padding: 4px 30px 32px 20px !important;\r\n        margin-top: -6px !important;\r\n    }\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE ADAPTATION (< 767px) --- *\/\r\n@media (max-width: 767px) {\r\n    \r\n    .elementor-element:has(#srFolderAccordion),\r\n    .elementor-widget-html:has(#srFolderAccordion),\r\n    .elementor-widget-container:has(#srFolderAccordion),\r\n    .sr-folder-widget {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n        padding-left: 0 !important;\r\n        padding-right: 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    #srFolderAccordion,\r\n    #srFolderAccordion.sr-folders-container {\r\n        width: 100% !important;\r\n        max-width: 400px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 0 !important;\r\n        padding-top: 30px !important;\r\n        padding-bottom: 20px !important;\r\n        padding-left: 16px !important;\r\n        padding-right: 16px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .sr-folder {\r\n        width: 100% !important;\r\n        margin-top: -23px !important;\r\n    }\r\n\r\n    .sr-folder-header {\r\n        width: 100% !important;\r\n        align-items: flex-end !important;\r\n    }\r\n\r\n    .sr-folder-header::before {\r\n        height: 46px !important;\r\n    }\r\n\r\n    .sr-folder-tab {\r\n        height: 68px !important; \r\n        font-size: 13px !important;\r\n        line-height: 1.15 !important;\r\n        letter-spacing: 0.3px !important;\r\n        padding: 8px 26px 8px 14px !important;\r\n        clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 100%, 0 100%) !important;\r\n        margin-right: -18px !important;\r\n        max-width: 88% !important;\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n    }\r\n\r\n    .sr-folder-bar {\r\n        height: 46px !important;\r\n        padding: 0 12px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .sr-read-more {\r\n        font-size: 0 !important;\r\n    }\r\n\r\n    .sr-arrow {\r\n        width: 8px !important;\r\n        height: 8px !important;\r\n    }\r\n\r\n    \/* Pulled description text higher up on mobile *\/\r\n    .sr-folder-content {\r\n        font-size: 16px !important;\r\n        line-height: 1.35 !important;\r\n        letter-spacing: 0.3px !important;\r\n        padding: 4px 16px 28px 16px !important; \/* Zeroed top padding *\/\r\n        margin-top: -6px !important;            \/* Negative margin lifts text directly under header *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const folders = document.querySelectorAll('#srFolderAccordion .sr-folder');\r\n    \r\n    function updateStack() {\r\n        folders.forEach(folder => {\r\n            const body = folder.querySelector('.sr-folder-body');\r\n            const content = folder.querySelector('.sr-folder-content');\r\n            if (folder.classList.contains('active')) {\r\n                body.style.maxHeight = content.scrollHeight + \"px\";\r\n            } else {\r\n                body.style.maxHeight = \"0px\";\r\n            }\r\n        });\r\n    }\r\n\r\n    updateStack();\r\n    setTimeout(updateStack, 300); \r\n\r\n    folders.forEach(folder => {\r\n        const header = folder.querySelector('.sr-folder-header');\r\n        \r\n        header.addEventListener('click', () => {\r\n            if (folder.classList.contains('active')) return; \r\n            \r\n            folders.forEach(f => f.classList.remove('active'));\r\n            folder.classList.add('active');\r\n            updateStack();\r\n        });\r\n    });\r\n    \r\n    if (window.ResizeObserver) {\r\n        const ro = new ResizeObserver(() => updateStack());\r\n        folders.forEach(f => ro.observe(f.querySelector('.sr-folder-content')));\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-392b5a7 e-con-full e-flex e-con e-parent\" data-id=\"392b5a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1dbb8 elementor-widget elementor-widget-html\" data-id=\"5c1dbb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sr-reel-container\" id=\"srReelContainer\">\r\n    \r\n    <!-- Camera Viewfinder Top Bar -->\r\n    <div class=\"sr-reel-topbar\">\r\n        <div class=\"sr-reel-left\">\r\n            <span class=\"sr-rec-dot\"><\/span>\r\n            <span class=\"sr-rec-text\">REC ON<\/span>\r\n            <span class=\"sr-divider\">|<\/span>\r\n            <span class=\"sr-reel-title\">SR EVENTS DEMO REEL V1<\/span>\r\n            <span class=\"sr-reel-tech-playing\">[ FPS: 23.976 &middot; SHUTTER: 180&deg; ]<\/span>\r\n        <\/div>\r\n        <div class=\"sr-reel-right\">\r\n            <span class=\"sr-reel-tech-idle\">[ FPS: 23.976 &middot; SHUTTER: 180&deg; ]<\/span>\r\n            <button class=\"sr-close-btn\" id=\"srCloseBtn\" aria-label=\"Close Video\">&times;<\/button>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Viewfinder Screen Area -->\r\n    <div class=\"sr-reel-screen\">\r\n        \r\n        <!-- 1. Cover Overlay State -->\r\n        <div class=\"sr-reel-content\" id=\"srReelCover\">\r\n            <h2 class=\"sr-reel-heading\">\r\n                SEE THE<br>\r\n                <span class=\"sr-gradient-text\">MAGIC IN MOTION<\/span>\r\n            <\/h2>\r\n            <p class=\"sr-reel-subheading\">A reel of our recent productions, from load-in to the final moment.<\/p>\r\n            \r\n            <!-- GLOBAL SR-BTN-PRIMARY STRUCTURE -->\r\n            <div class=\"sr-btn-primary\">\r\n                <button class=\"elementor-button\" id=\"srPlayBtn\" type=\"button\">\r\n                    <span class=\"elementor-button-text\">Watch Our Reel<\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Embedded Video Frame -->\r\n        <div class=\"sr-video-wrapper\" id=\"srVideoWrapper\">\r\n            <iframe id=\"srVideoIframe\" \r\n                    src=\"\" \r\n                    data-src=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/08\/Services_Demo-Reel_Optimized.mp4\" \r\n                    title=\"Demo Reel\" \r\n                    frameborder=\"0\" \r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n                    allowfullscreen>\r\n            <\/iframe>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. Import Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@500;700;800&family=Geist+Mono:wght@400&display=swap');\r\n\r\n\/* 2. Main Outer Container *\/\r\n.sr-reel-container {\r\n    width: 100% !important;\r\n    max-width: 900px !important;\r\n    margin: 0 auto !important;\r\n    border-radius: 15px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.4) !important;\r\n    background-color: #121318 !important;\r\n}\r\n\r\n\/* 3. Top Bar (Idle State) *\/\r\n.sr-reel-topbar {\r\n    background: linear-gradient(90deg, #7A0076, #CB234A, #F78C00) !important;\r\n    padding: 15px 30px !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    color: #ffffff !important;\r\n    text-transform: uppercase !important;\r\n    transition: background 0.4s ease !important;\r\n}\r\n\r\n.sr-reel-left, .sr-reel-right {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n.sr-rec-dot {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    background-color: #ff3333 !important;\r\n    border-radius: 50% !important;\r\n    display: inline-block !important;\r\n    box-shadow: 0 0 8px rgba(255, 51, 51, 0.8) !important;\r\n    animation: pulseBlink 1.5s infinite !important;\r\n}\r\n\r\n@keyframes pulseBlink {\r\n    0% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n    100% { opacity: 1; }\r\n}\r\n\r\n.sr-divider { color: rgba(255,255,255,0.5) !important; }\r\n\r\n\/* Base Desktop Top Bar Typography *\/\r\n.sr-rec-text {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 11px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.15em !important;\r\n}\r\n\r\n.sr-reel-title {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 11px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.1em !important;\r\n}\r\n\r\n.sr-reel-tech-idle, .sr-reel-tech-playing {\r\n    font-family: 'Geist Mono', monospace !important;\r\n    font-weight: 400 !important;\r\n    font-size: 11px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0px !important;\r\n}\r\n\r\n.sr-reel-tech-playing {\r\n    display: none !important;\r\n    color: rgba(255, 255, 255, 0.4) !important;\r\n}\r\n\r\n\/* Close (X) Button *\/\r\n.sr-close-btn {\r\n    display: none !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: #ffffff !important;\r\n    font-size: 26px !important;\r\n    line-height: 1 !important;\r\n    cursor: pointer !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    transition: transform 0.2s ease, opacity 0.2s ease !important;\r\n}\r\n\r\n.sr-close-btn:hover {\r\n    transform: scale(1.2) !important;\r\n    opacity: 0.8 !important;\r\n}\r\n\r\n\/* 4. Screen Area & IDLE Gradient *\/\r\n.sr-reel-screen {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-height: 480px !important;\r\n    background: linear-gradient(-90deg, #140816 0%, #350933 50%, #012428 100%) !important;\r\n    transition: background 0.5s ease !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n\/* 5. Base Desktop Cover Content *\/\r\n.sr-reel-content {\r\n    padding: 60px 40px !important;\r\n    text-align: center !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    transition: opacity 0.5s ease !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.sr-reel-heading {\r\n    font-family: 'Radikal', 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 800 !important;\r\n    font-size: 55px !important;\r\n    line-height: 1.1 !important;\r\n    color: #ffffff !important;\r\n    text-transform: uppercase !important;\r\n    margin: 0 0 20px 0 !important;\r\n}\r\n\r\n.sr-gradient-text {\r\n    background: linear-gradient(90deg, #7A0076 10%, #CB234A 50%, #F78C00 90%) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n}\r\n\r\n.sr-reel-subheading {\r\n    font-family: 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 24px !important;\r\n    color: #f4f1ed !important;\r\n    margin: 0 0 40px 0 !important;\r\n}\r\n\r\n\/* Font typography override for inner button text *\/\r\n.sr-btn-primary .elementor-button .elementor-button-text {\r\n    font-family: 'Radikal', 'Darker Grotesque', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 16px !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* 6. Video Frame *\/\r\n.sr-video-wrapper {\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    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition: opacity 0.5s ease !important;\r\n    z-index: 1 !important;\r\n    background: #000000 !important;\r\n}\r\n\r\n.sr-video-wrapper iframe {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: none !important;\r\n}\r\n\r\n\/* --- 7. ACTIVE PLAYING STATE TRANSITIONS --- *\/\r\n.sr-reel-container.playing .sr-reel-topbar {\r\n    background: #121318 !important;\r\n}\r\n\r\n.sr-reel-container.playing .sr-reel-screen {\r\n    background: #000000 !important;\r\n}\r\n\r\n.sr-reel-container.playing .sr-reel-title { display: none !important; }\r\n.sr-reel-container.playing .sr-reel-tech-idle { display: none !important; }\r\n.sr-reel-container.playing .sr-reel-tech-playing { display: inline-block !important; }\r\n.sr-reel-container.playing .sr-close-btn { display: flex !important; }\r\n\r\n.sr-reel-container.playing .sr-reel-content {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.sr-reel-container.playing .sr-video-wrapper {\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n\/* --- 8. DYNAMIC PARENT SECTION GRADIENT --- *\/\r\n.sr-parent-active-gradient {\r\n    background: linear-gradient(180deg, #140816 0%, #350933 50%, #012428 100%) !important;\r\n    transition: background 0.6s ease !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   A. TABLET RESPONSIVE STYLES (768px - 1024px)\r\n   ========================================================= *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .sr-reel-topbar {\r\n        padding: 12px 24px !important;\r\n    }\r\n\r\n    .sr-rec-text,\r\n    .sr-reel-title {\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .sr-reel-tech-idle, \r\n    .sr-reel-tech-playing {\r\n        font-size: 10px !important;\r\n    }\r\n\r\n    .sr-reel-screen {\r\n        min-height: 420px !important;\r\n    }\r\n\r\n    .sr-reel-content {\r\n        padding: 50px 30px !important;\r\n    }\r\n\r\n    .sr-reel-heading {\r\n        font-size: 48px !important;      \r\n        line-height: 1.1 !important;\r\n        margin-bottom: 18px !important;\r\n    }\r\n\r\n    .sr-reel-subheading {\r\n        font-size: 20px !important;      \r\n        line-height: 1.35 !important;\r\n        margin-bottom: 32px !important;\r\n    }\r\n\r\n    .sr-btn-primary .elementor-button .elementor-button-text {\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   B. MOBILE RESPONSIVE STYLES (< 767px) - SINGLE LINE WITH FPS SPECS\r\n   ========================================================= *\/\r\n@media (max-width: 767px) {\r\n\r\n    .elementor-widget-html:has(#srReelContainer) {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* Outer Container Sizing & Centering *\/\r\n    #srReelContainer,\r\n    .sr-reel-container {\r\n        width: 88% !important;\r\n        max-width: 320px !important;\r\n        margin-top: 56px !important;\r\n        margin-bottom: 56px !important;\r\n        margin-left: 12px !important;\r\n        margin-right: 12px !important;\r\n        border-radius: 14px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Single Row Flex Layout for Topbar *\/\r\n    .sr-reel-topbar {\r\n        padding: 8px 10px !important;\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .sr-reel-left {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: flex-start !important;\r\n        gap: 3px !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    .sr-reel-right {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: flex-end !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    \/* Left Side Elements (REC ON + Title) *\/\r\n    .sr-rec-dot {\r\n        width: 6px !important;\r\n        height: 6px !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n\r\n    .sr-rec-text {\r\n        font-size: 8px !important;\r\n        letter-spacing: 0.02em !important;\r\n        line-height: 1 !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    .sr-reel-topbar .sr-divider {\r\n        font-size: 8px !important;\r\n        opacity: 0.4 !important;\r\n        margin: 0 1px !important;\r\n    }\r\n\r\n    .sr-reel-title {\r\n        font-size: 8px !important;\r\n        letter-spacing: 0px !important;\r\n        line-height: 1 !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    \/* Right Side Technical Specs (FPS \/ Shutter) *\/\r\n    .sr-reel-tech-idle {\r\n        display: inline-block !important;\r\n        font-size: 7.5px !important;\r\n        letter-spacing: -0.2px !important;\r\n        line-height: 1 !important;\r\n        opacity: 0.85 !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    \/* Active Playing Topbar State *\/\r\n    .sr-reel-tech-playing {\r\n        font-size: 7.5px !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    .sr-reel-container.playing .sr-close-btn {\r\n        font-size: 22px !important;\r\n        padding: 0 !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    \/* Video Screen & Heading Overlay *\/\r\n    .sr-reel-screen {\r\n        min-height: 320px !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .sr-reel-content {\r\n        padding: 28px 12px !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .sr-reel-heading {\r\n        font-size: 22px !important;\r\n        line-height: 1.15 !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n    .sr-reel-subheading {\r\n        font-size: 13px !important;\r\n        line-height: 1.35 !important;\r\n        margin-bottom: 18px !important;\r\n        max-width: 240px !important;\r\n    }\r\n\r\n    \/* Button Styling - Scaled Down *\/\r\n    .sr-reel-content .sr-btn-primary,\r\n    .sr-reel-content .elementor-button {\r\n        width: 100% !important;\r\n        max-width: 150px !important; \/* Reduced from 200px *\/\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Force smaller padding to reduce button height *\/\r\n    .sr-reel-content .elementor-button {\r\n        padding: 10px 18px !important; \r\n    }\r\n\r\n    .sr-btn-primary .elementor-button .elementor-button-text {\r\n        font-size: 11.5px !important; \/* Reduced from 13px *\/\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n}\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const playBtn = document.getElementById('srPlayBtn');\r\n    const closeBtn = document.getElementById('srCloseBtn');\r\n    const container = document.getElementById('srReelContainer');\r\n    const iframe = document.getElementById('srVideoIframe');\r\n\r\n    if (playBtn && closeBtn && container && iframe) {\r\n        \r\n        function getParentSection() {\r\n            return container.closest('.elementor-section') || \r\n                   container.closest('.elementor-container') || \r\n                   container.closest('.e-con') || \r\n                   container.parentElement;\r\n        }\r\n\r\n        playBtn.addEventListener('click', function() {\r\n            const videoSrc = iframe.getAttribute('data-src');\r\n            if (videoSrc) {\r\n                iframe.setAttribute('src', videoSrc);\r\n            }\r\n            \r\n            container.classList.add('playing');\r\n            \r\n            const parent = getParentSection();\r\n            if (parent) {\r\n                parent.classList.add('sr-parent-active-gradient');\r\n            }\r\n        });\r\n\r\n        closeBtn.addEventListener('click', function() {\r\n            container.classList.remove('playing');\r\n            iframe.setAttribute('src', '');\r\n            \r\n            const parent = getParentSection();\r\n            if (parent) {\r\n                parent.classList.remove('sr-parent-active-gradient');\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR EXPERTISE CRAFTING STELLAR EXPERIENCES Our Event Planning and Management Expertise End-to-End Solutions for Your Corporate Needs Skyrocket Studios supports brand launches, corporate events, conventions, and activations with careful planning and coordinated event management. Our comprehensive suite of services includes: Events Planning and Management Destination Event Planning Venue Selection and Design Technical Production Event Technology [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1835,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-183","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Services - Skyrocket Events<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skyrocket.ph\/events\/services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services - Skyrocket Events\" \/>\n<meta property=\"og:description\" content=\"OUR EXPERTISE CRAFTING STELLAR EXPERIENCES Our Event Planning and Management Expertise End-to-End Solutions for Your Corporate Needs Skyrocket Studios supports brand launches, corporate events, conventions, and activations with careful planning and coordinated event management. Our comprehensive suite of services includes: Events Planning and Management Destination Event Planning Venue Selection and Design Technical Production Event Technology [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skyrocket.ph\/events\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"Skyrocket Events\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-12T02:59:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/\",\"name\":\"Services - Skyrocket Events\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"datePublished\":\"2026-08-24T02:02:41+00:00\",\"dateModified\":\"2026-09-12T02:59:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"contentUrl\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Featured-Image.webp\",\"width\":2400,\"height\":1256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/#website\",\"url\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/\",\"name\":\"Skyrocket Events\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/skyrocket.ph\\\/events\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Services - Skyrocket Events","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/skyrocket.ph\/events\/services\/","og_locale":"en_US","og_type":"article","og_title":"Services - Skyrocket Events","og_description":"OUR EXPERTISE CRAFTING STELLAR EXPERIENCES Our Event Planning and Management Expertise End-to-End Solutions for Your Corporate Needs Skyrocket Studios supports brand launches, corporate events, conventions, and activations with careful planning and coordinated event management. Our comprehensive suite of services includes: Events Planning and Management Destination Event Planning Venue Selection and Design Technical Production Event Technology [&hellip;]","og_url":"https:\/\/skyrocket.ph\/events\/services\/","og_site_name":"Skyrocket Events","article_modified_time":"2026-09-12T02:59:48+00:00","og_image":[{"width":2400,"height":1256,"url":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/skyrocket.ph\/events\/services\/","url":"https:\/\/skyrocket.ph\/events\/services\/","name":"Services - Skyrocket Events","isPartOf":{"@id":"https:\/\/skyrocket.ph\/events\/#website"},"primaryImageOfPage":{"@id":"https:\/\/skyrocket.ph\/events\/services\/#primaryimage"},"image":{"@id":"https:\/\/skyrocket.ph\/events\/services\/#primaryimage"},"thumbnailUrl":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","datePublished":"2026-08-24T02:02:41+00:00","dateModified":"2026-09-12T02:59:48+00:00","breadcrumb":{"@id":"https:\/\/skyrocket.ph\/events\/services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skyrocket.ph\/events\/services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/skyrocket.ph\/events\/services\/#primaryimage","url":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","contentUrl":"https:\/\/skyrocket.ph\/events\/wp-content\/uploads\/2026\/09\/Featured-Image.webp","width":2400,"height":1256},{"@type":"BreadcrumbList","@id":"https:\/\/skyrocket.ph\/events\/services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/skyrocket.ph\/events\/"},{"@type":"ListItem","position":2,"name":"Services"}]},{"@type":"WebSite","@id":"https:\/\/skyrocket.ph\/events\/#website","url":"https:\/\/skyrocket.ph\/events\/","name":"Skyrocket Events","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skyrocket.ph\/events\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":422,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/pages\/183\/revisions\/1852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/media\/1835"}],"wp:attachment":[{"href":"https:\/\/skyrocket.ph\/events\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}