Contact Us | Savvyscope Media Solutions<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\n integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\"\n crossorigin=\"\"\/>\n \n <style>\n \/* CSS Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: #07172d;\n background-color: #ffffff;\n overflow-x: hidden;\n font-size: 16px; \/* Base font size *\/\n }\n\n \/* ===== CONTACT SECTION ===== *\/\n .contact-section {\n min-height: 100vh;\n display: flex;\n align-items: center;\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n position: relative;\n overflow: hidden;\n padding: 1.5rem 1rem; \/* Reduced padding *\/\n }\n\n \/* Background elements *\/\n .contact-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 1;\n }\n\n .contact-shape {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(3, 196, 161, 0.08) 0%, transparent 70%);\n filter: blur(40px);\n animation: shapeFloat 25s ease-in-out infinite;\n }\n\n .contact-shape-1 {\n width: 400px;\n height: 400px;\n top: -200px;\n right: -150px;\n animation-delay: 0s;\n }\n\n .contact-shape-2 {\n width: 300px;\n height: 300px;\n bottom: -150px;\n left: -100px;\n animation-delay: 5s;\n }\n\n .contact-shape-3 {\n width: 200px;\n height: 200px;\n top: 30%;\n left: 10%;\n animation-delay: 10s;\n }\n\n @keyframes shapeFloat {\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.08; }\n 50% { transform: translateY(-20px) scale(1.1); opacity: 0.12; }\n }\n\n \/* Grid pattern overlay *\/\n .contact-bg::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(rgba(3, 196, 161, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(3, 196, 161, 0.03) 1px, transparent 1px);\n background-size: 40px 40px; \/* Reduced *\/\n opacity: 0.3;\n }\n\n \/* Main container *\/\n .contact-container {\n max-width: 1200px; \/* Reduced from 1400px *\/\n margin: 0 auto;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n\n \/* Contact grid layout *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem; \/* Reduced from 3rem *\/\n background: rgba(255, 255, 255, 0.98); \/* Increased opacity *\/\n border-radius: 20px; \/* Reduced from 24px *\/\n overflow: hidden;\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2); \/* Reduced shadow *\/\n }\n\n @media screen and (min-width: 992px) {\n .contact-grid {\n grid-template-columns: 1fr 1.2fr;\n }\n }\n\n \/* Contact Info Sidebar *\/\n .contact-info {\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n padding: 3rem 2rem; \/* Reduced from 4rem 3rem *\/\n position: relative;\n overflow: hidden;\n }\n\n .contact-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q250,100 500,0 T1000,0 V100 H0 Z\" fill=\"%2303c4a1\" opacity=\"0.05\"\/><\/svg>');\n background-size: 100% 120px; \/* Reduced *\/\n background-position: bottom;\n background-repeat: no-repeat;\n }\n\n .contact-header {\n margin-bottom: 2.5rem; \/* Reduced from 3.5rem *\/\n position: relative;\n z-index: 2;\n }\n\n .contact-subtitle {\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n color: #03c4a1;\n font-size: 0.875rem; \/* ~14px *\/\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.8rem;\n display: block;\n padding: 0.3rem 1rem;\n background: rgba(3, 196, 161, 0.1);\n border-radius: 20px;\n border: 1px solid rgba(3, 196, 161, 0.15);\n width: fit-content;\n }\n\n .contact-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: clamp(1.8rem, 3.5vw, 2.5rem); \/* Adjusted *\/\n line-height: 1.2;\n margin-bottom: 1rem; \/* Reduced from 1.5rem *\/\n }\n\n .contact-description {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* 16px *\/\n line-height: 1.6; \/* Reduced from 1.7 *\/\n }\n\n \/* Contact Details *\/\n .contact-details {\n position: relative;\n z-index: 2;\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem; \/* Reduced from 1.5rem *\/\n margin-bottom: 1.75rem; \/* Reduced from 2.5rem *\/\n padding: 1.25rem; \/* Reduced from 1.5rem *\/\n background: rgba(255, 255, 255, 0.05);\n border-radius: 14px; \/* Reduced from 16px *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .contact-item:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(3, 196, 161, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 10px 25px rgba(3, 196, 161, 0.2);\n }\n\n .contact-icon {\n width: 55px; \/* Reduced from 60px *\/\n height: 55px; \/* Reduced from 60px *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.2), rgba(3, 196, 161, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(3, 196, 161, 0.15);\n transition: all 0.3s ease;\n }\n\n .contact-item:hover .contact-icon {\n transform: rotate(5deg) scale(1.1);\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n }\n\n .contact-icon i {\n color: #03c4a1;\n font-size: 1.4rem; \/* Reduced from 1.5rem *\/\n transition: all 0.3s ease;\n }\n\n .contact-item:hover .contact-icon i {\n color: white;\n }\n\n .contact-content h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .contact-content p,\n .contact-content a {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n line-height: 1.5; \/* Reduced from 1.6 *\/\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .contact-content a:hover {\n color: #03c4a1;\n }\n\n .contact-numbers {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n }\n\n \/* Operating Hours *\/\n .operating-hours {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 14px; \/* Reduced from 16px *\/\n padding: 1.25rem; \/* Reduced from 1.5rem *\/\n margin-top: 1.5rem; \/* Reduced from 2rem *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .operating-hours::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n }\n\n .hours-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 1rem; \/* Reduced from 1.2rem *\/\n display: flex;\n align-items: center;\n gap: 0.6rem; \/* Reduced from 0.8rem *\/\n }\n\n .hours-title i {\n color: #03c4a1;\n }\n\n .hours-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.6rem; \/* Reduced from 0.8rem *\/\n }\n\n .hour-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.6rem 0; \/* Reduced from 0.8rem *\/\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .hour-item:hover {\n transform: translateX(5px);\n }\n\n .hour-item:last-child {\n border-bottom: none;\n }\n\n .day {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n font-size: 0.9rem; \/* Reduced from 0.95rem *\/\n }\n\n .time {\n color: #03c4a1;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n font-size: 0.9rem; \/* Reduced from 0.95rem *\/\n }\n\n \/* Contact Form Section *\/\n .contact-form-section {\n padding: 3rem 2rem; \/* Reduced from 4rem 3rem *\/\n background: white;\n }\n\n .form-header {\n margin-bottom: 2.5rem; \/* Reduced from 3rem *\/\n }\n\n .form-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.4rem, 2.5vw, 1.8rem); \/* Adjusted *\/\n line-height: 1.2;\n margin-bottom: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .form-subtitle {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* 16px *\/\n line-height: 1.5; \/* Reduced from 1.6 *\/\n }\n\n \/* Contact Form *\/\n .contact-form {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.25rem; \/* Reduced from 1.5rem *\/\n }\n\n @media screen and (min-width: 768px) {\n .contact-form {\n grid-template-columns: 1fr 1fr;\n }\n \n .form-group.full-width {\n grid-column: 1 \/ -1;\n }\n }\n\n .form-group {\n position: relative;\n }\n\n .form-label {\n display: block;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n color: #07172d;\n font-size: 0.85rem; \/* ~13.6px *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .form-input,\n .form-textarea,\n .form-select select {\n width: 100%;\n padding: 1rem 1.25rem; \/* Reduced from 1.1rem 1.5rem *\/\n border: 1.5px solid rgba(7, 23, 45, 0.1);\n background: #f8fafc;\n border-radius: 10px; \/* Reduced from 12px *\/\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n font-size: 0.95rem; \/* ~15.2px *\/\n color: #07172d;\n transition: all 0.3s ease;\n }\n\n .form-input:focus,\n .form-textarea:focus,\n .form-select select:focus {\n outline: none;\n border-color: #03c4a1;\n background: white;\n box-shadow: 0 5px 20px rgba(3, 196, 161, 0.1);\n }\n\n .form-textarea {\n min-height: 130px; \/* Reduced from 150px *\/\n resize: vertical;\n }\n\n \/* Form Select - FIXED *\/\n .form-select {\n position: relative;\n }\n\n .form-select select {\n appearance: none;\n cursor: pointer;\n padding-right: 3.5rem; \/* Increased for arrow *\/\n color: #07172d;\n }\n\n \/* Fix for showing selected option *\/\n .form-select select option {\n color: #07172d;\n background: white;\n padding: 10px;\n }\n\n .form-select select option:disabled {\n color: #718096;\n }\n\n .form-select select:required:invalid {\n color: #718096;\n }\n\n .select-arrow {\n position: absolute;\n right: 1.25rem; \/* Reduced from 1.5rem *\/\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n color: #4a5568;\n z-index: 2;\n }\n\n \/* Submit Button *\/\n .form-submit {\n grid-column: 1 \/ -1;\n text-align: center;\n margin-top: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .submit-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem; \/* Reduced from 0.75rem *\/\n padding: 1rem 2.5rem; \/* Reduced from 1.2rem 3rem *\/\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n border: none;\n border-radius: 10px; \/* Reduced from 12px *\/\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 1rem; \/* 16px *\/\n color: #07172d;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n min-width: 200px;\n }\n\n .submit-btn:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 35px rgba(3, 196, 161, 0.3);\n }\n\n .submit-btn:active {\n transform: translateY(-2px);\n }\n\n .submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n }\n\n \/* Social Media *\/\n .social-connect {\n margin-top: 2.5rem; \/* Reduced from 3rem *\/\n padding-top: 2.5rem; \/* Reduced from 3rem *\/\n border-top: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .social-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 1.25rem; \/* Reduced from 1.5rem *\/\n text-align: center;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 0.8rem; \/* Reduced from 1rem *\/\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 45px; \/* Reduced from 50px *\/\n height: 45px; \/* Reduced from 50px *\/\n border-radius: 10px; \/* Reduced from 12px *\/\n background: #f8fafc;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #07172d;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .social-link:hover {\n background: #03c4a1;\n color: white;\n transform: translateY(-4px) rotate(5deg);\n box-shadow: 0 10px 25px rgba(3, 196, 161, 0.2);\n border-color: #03c4a1;\n }\n\n \/* Map Section *\/\n .map-section {\n grid-column: 1 \/ -1;\n padding: 2.5rem 2rem; \/* Reduced from 3rem *\/\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-top: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .map-header {\n text-align: center;\n margin-bottom: 1.5rem; \/* Reduced from 2rem *\/\n }\n\n .map-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.2rem, 2vw, 1.5rem); \/* Adjusted *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .map-subtitle {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n }\n\n .map-container {\n height: 350px; \/* Reduced from 400px *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n overflow: hidden;\n box-shadow: 0 15px 40px rgba(7, 23, 45, 0.1); \/* Reduced shadow *\/\n position: relative;\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n #map {\n width: 100%;\n height: 100%;\n border-radius: 14px; \/* Reduced from 16px *\/\n z-index: 1;\n }\n\n .map-overlay {\n position: absolute;\n top: 15px; \/* Reduced from 20px *\/\n right: 15px; \/* Reduced from 20px *\/\n background: white;\n padding: 0.8rem 1.25rem; \/* Reduced from 1rem 1.5rem *\/\n border-radius: 10px; \/* Reduced from 12px *\/\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n max-width: 250px; \/* Reduced from 300px *\/\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .map-overlay h4 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n font-size: 0.9rem; \/* Reduced from 1rem *\/\n }\n\n .map-overlay p {\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n color: #4a5568;\n font-size: 0.85rem; \/* Reduced from 0.9rem *\/\n line-height: 1.4;\n }\n\n \/* Success\/Error Messages *\/\n .message {\n display: none;\n padding: 1.5rem; \/* Reduced from 2rem *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n text-align: center;\n margin-top: 1.5rem; \/* Reduced from 2rem *\/\n animation: fadeIn 0.5s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .success-message {\n background: linear-gradient(135deg, #28a745, #218838);\n color: white;\n }\n\n .error-message {\n background: linear-gradient(135deg, #dc3545, #c82333);\n color: white;\n }\n\n .message i {\n font-size: 2.5rem; \/* Reduced from 3rem *\/\n margin-bottom: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .message h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.3rem; \/* Reduced from 1.5rem *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .message p {\n font-size: 0.95rem;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Enhanced Responsive Design *\/\n @media screen and (max-width: 1200px) {\n .contact-container {\n max-width: 1000px;\n }\n }\n\n @media screen and (max-width: 991px) {\n .contact-section {\n padding: 1rem 0.75rem;\n }\n \n .contact-info,\n .contact-form-section {\n padding: 2.5rem 1.5rem;\n }\n \n .map-overlay {\n position: relative;\n top: auto;\n right: auto;\n margin: 15px auto;\n max-width: 100%;\n }\n }\n\n @media screen and (max-width: 767px) {\n .contact-info,\n .contact-form-section {\n padding: 2rem 1.25rem;\n }\n \n .contact-item {\n flex-direction: column;\n gap: 0.8rem;\n text-align: center;\n }\n \n .contact-icon {\n margin: 0 auto;\n }\n \n .map-section {\n padding: 2rem 1.25rem;\n }\n \n .map-container {\n height: 300px;\n }\n }\n\n @media screen and (max-width: 575px) {\n .contact-section {\n padding: 1rem 0.5rem;\n }\n \n .contact-info,\n .contact-form-section {\n padding: 1.5rem 1rem;\n }\n \n .contact-title {\n font-size: 1.6rem;\n }\n \n .form-title {\n font-size: 1.4rem;\n }\n \n .contact-form {\n gap: 1rem;\n }\n \n .form-input,\n .form-textarea,\n .form-select select {\n padding: 0.875rem 1rem;\n }\n \n .map-section {\n padding: 1.5rem 1rem;\n }\n \n .map-container {\n height: 250px;\n }\n }\n\n @media screen and (max-width: 400px) {\n .contact-subtitle {\n font-size: 0.75rem;\n padding: 0.25rem 0.75rem;\n }\n \n .social-link {\n width: 40px;\n height: 40px;\n font-size: 1rem;\n }\n \n .submit-btn {\n width: 100%;\n padding: 0.875rem 1.5rem;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .contact-shape,\n .contact-item,\n .submit-btn,\n .social-link,\n .hour-item {\n animation: none;\n transition: none;\n }\n \n .contact-item:hover,\n .submit-btn:hover,\n .social-link:hover,\n .hour-item:hover {\n transform: none;\n }\n }\n\n \/* Focus states *\/\n .form-input:focus,\n .form-textarea:focus,\n .form-select select:focus,\n .submit-btn:focus,\n .social-link:focus {\n outline: 3px solid rgba(3, 196, 161, 0.8);\n outline-offset: 2px;\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"contact-section\" id=\"contact\" aria-label=\"Contact Us\">\n \n <div class=\"contact-bg\">\n <div class=\"contact-shape contact-shape-1\"><\/div>\n <div class=\"contact-shape contact-shape-2\"><\/div>\n <div class=\"contact-shape contact-shape-3\"><\/div>\n <\/div>\n \n <div class=\"contact-container\">\n <div class=\"contact-grid\">\n \n <div class=\"contact-info\">\n <div class=\"contact-header\">\n <div class=\"contact-subtitle\">Get in Touch<\/div>\n <h1 class=\"contact-title\">Contact Us<\/h1>\n <p class=\"contact-description\">\n We're here to help you elevate your communication strategy. \n Reach out to discuss your project, ask questions, or explore \n how we can collaborate to achieve your goals.\n <\/p>\n <\/div>\n \n <div class=\"contact-details\">\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Our Location<\/h3>\n <p>Nairobi City, Kenya<\/p>\n <p>We serve clients across Kenya and East Africa<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Email Address<\/h3>\n <p>\n <a href=\"mailto:info@savvyscopemedia.co.ke\">info@savvyscopemedia.co.ke<\/a>\n <\/p>\n <p>\n <a href=\"mailto:savvyscopemedia@gmail.com\">savvyscopemedia@gmail.com<\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Phone Numbers<\/h3>\n <div class=\"contact-numbers\">\n <a href=\"tel:+254781395488\">+254 781 395 488<\/a>\n <a href=\"tel:+254716947480\">+254 716 947 480<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"operating-hours\">\n <div class=\"hours-title\">\n <i class=\"far fa-clock\"><\/i>\n Operating Hours\n <\/div>\n <div class=\"hours-grid\">\n <div class=\"hour-item\">\n <span class=\"day\">Monday - Friday<\/span>\n <span class=\"time\">8:00 AM - 5:00 PM<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Saturday<\/span>\n <span class=\"time\">9:00 AM - 12:00 PM<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Sunday<\/span>\n <span class=\"time\" style=\"color: #ff6b6b;\">Closed<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Public Holidays<\/span>\n <span class=\"time\" style=\"color: #ff6b6b;\">Closed<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-form-section\">\n <div class=\"form-header\">\n <h2 class=\"form-title\">Send Us a Message<\/h2>\n <p class=\"form-subtitle\">\n Fill out the form below and we'll get back to you within 24 hours. \n For urgent inquiries, please call us directly.\n <\/p>\n <\/div>\n \n <form class=\"contact-form\" id=\"contactForm\">\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name *<\/label>\n <input type=\"text\" id=\"name\" class=\"form-input\" placeholder=\"John Doe\" required>\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address *<\/label>\n <input type=\"email\" id=\"email\" class=\"form-input\" placeholder=\"john@example.com\" required>\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" class=\"form-input\" placeholder=\"+254 700 000 000\">\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"company\">Company \/ Organization<\/label>\n <input type=\"text\" id=\"company\" class=\"form-input\" placeholder=\"Your company name\">\n <\/div>\n \n \n <div class=\"form-group full-width form-select\">\n <label class=\"form-label\" for=\"service\">Service of Interest *<\/label>\n <select id=\"service\" class=\"form-input\" required>\n <option value=\"\" disabled selected>Select a service<\/option>\n <option value=\"strategy\">Communication Strategy<\/option>\n <option value=\"digital\">Digital Marketing<\/option>\n <option value=\"content\">Content Creation<\/option>\n <option value=\"design\">Graphic Design<\/option>\n <option value=\"website\">Website Development<\/option>\n <option value=\"social\">Social Media Management<\/option>\n <option value=\"training\">Training & Workshops<\/option>\n <option value=\"other\">Other<\/option>\n <\/select>\n <div class=\"select-arrow\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n \n \n <div class=\"form-group full-width\">\n <label class=\"form-label\" for=\"message\">Your Message *<\/label>\n <textarea id=\"message\" class=\"form-textarea\" placeholder=\"Tell us about your project, challenges, or questions...\" required><\/textarea>\n <\/div>\n \n \n <div class=\"form-submit\">\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fas fa-paper-plane\"><\/i> Send Message\n <\/button>\n <\/div>\n <\/form>\n \n \n <div class=\"message success-message\" id=\"successMessage\">\n <i class=\"fas fa-check-circle\"><\/i>\n <h3>Message Sent Successfully!<\/h3>\n <p>Thank you for contacting Savvyscope Media Solutions. We'll get back to you within 24 hours.<\/p>\n <\/div>\n \n <div class=\"message error-message\" id=\"errorMessage\">\n <i class=\"fas fa-exclamation-circle\"><\/i>\n <h3>Message Failed to Send<\/h3>\n <p>Please try again or contact us directly at info@savvyscopemedia.co.ke<\/p>\n <\/div>\n \n \n <div class=\"social-connect\">\n <h3 class=\"social-title\">Connect With Us<\/h3>\n <div class=\"social-links\">\n <a href=\"#\" class=\"social-link\" aria-label=\"LinkedIn\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"YouTube\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"map-section\">\n <div class=\"map-header\">\n <h3 class=\"map-title\">Find Us in Nairobi<\/h3>\n <p class=\"map-subtitle\">Serving clients across Kenya and East Africa<\/p>\n <\/div>\n <div class=\"map-container\">\n <div id=\"map\"><\/div>\n <div class=\"map-overlay\">\n <h4>Savvyscope Media Solutions<\/h4>\n <p>\ud83d\udccd Nairobi City, Kenya<\/p>\n <p>\ud83d\udccd Westlands area (approximate location)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"\n integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\"\n crossorigin=\"\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\n \n <script>\n \/\/ Initialize EmailJS\n (function() {\n \/\/ Replace with your actual EmailJS public key\n emailjs.init(\"ab-6R-a_g2qQ_cU4Z\");\n })();\n \n \/\/ Initialize Interactive Map\n function initMap() {\n \/\/ Nairobi coordinates (Westlands area as approximate location)\n const nairobiCoords = [-1.265590, 36.806599];\n \n \/\/ Create map\n const map = L.map('map').setView(nairobiCoords, 13);\n \n \/\/ Add OpenStreetMap tiles\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '\u00a9 OpenStreetMap contributors',\n maxZoom: 18\n }).addTo(map);\n \n \/\/ Add custom marker\n const customIcon = L.divIcon({\n className: 'custom-marker',\n html: `<div style=\"\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.2rem;\n \">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>`,\n iconSize: [40, 40],\n iconAnchor: [20, 40],\n popupAnchor: [0, -40]\n });\n \n \/\/ Add marker to map\n const marker = L.marker(nairobiCoords, { icon: customIcon }).addTo(map);\n \n \/\/ Add popup\n marker.bindPopup(`\n <div style=\"padding: 10px; max-width: 250px;\">\n <h3 style=\"margin: 0 0 10px 0; color: #07172d; font-family: 'Merriweather', serif;\">\n Savvyscope Media Solutions\n <\/h3>\n <p style=\"margin: 0 0 5px 0; color: #4a5568;\">\n \ud83d\udccd Nairobi City, Kenya\n <\/p>\n <p style=\"margin: 0 0 5px 0; color: #4a5568;\">\n \ud83d\udccd Westlands area\n <\/p>\n <p style=\"margin: 10px 0 0 0; font-size: 0.9em; color: #718096;\">\n Serving clients across Kenya and East Africa\n <\/p>\n <\/div>\n `);\n \n \/\/ Fit bounds to show Nairobi area\n map.fitBounds([\n [-1.20, 36.75],\n [-1.30, 36.85]\n ]);\n }\n \n \/\/ Form submission handling\n document.addEventListener('DOMContentLoaded', function() {\n const contactForm = document.getElementById('contactForm');\n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n const serviceSelect = document.getElementById('service');\n \n \/\/ Initialize map\n initMap();\n \n \/\/ Fix for select dropdown - ensure selected value is visible\n serviceSelect.addEventListener('change', function() {\n \/\/ Remove gray placeholder color when an option is selected\n this.style.color = '#07172d';\n });\n \n \/\/ Set initial color for select\n serviceSelect.style.color = '#07172d';\n \n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n const submitBtn = this.querySelector('.submit-btn');\n const originalText = submitBtn.innerHTML;\n \n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n submitBtn.disabled = true;\n \n \/\/ Hide previous messages\n successMessage.style.display = 'none';\n errorMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = {\n from_name: document.getElementById('name').value,\n from_email: document.getElementById('email').value,\n phone: document.getElementById('phone').value || 'Not provided',\n company: document.getElementById('company').value || 'Not provided',\n service: document.getElementById('service').value,\n message: document.getElementById('message').value,\n to_email: 'savvyscopemedia@gmail.com',\n to_name: 'Savvyscope Media Solutions',\n date: new Date().toLocaleString('en-KE', { \n timeZone: 'Africa\/Nairobi',\n dateStyle: 'full',\n timeStyle: 'long'\n })\n };\n \n \/\/ Method 1: Using EmailJS (Recommended - No server needed)\n \/\/ You need to configure EmailJS first:\n \/\/ 1. Go to https:\/\/www.emailjs.com\/\n \/\/ 2. Create an account\n \/\/ 3. Create an email service (Gmail works well)\n \/\/ 4. Create an email template\n \/\/ 5. Get your Service ID and Template ID\n \/\/ 6. Replace the values below\n \n const serviceID = 'YOUR_SERVICE_ID'; \/\/ Replace with your EmailJS Service ID\n const templateID = 'YOUR_TEMPLATE_ID'; \/\/ Replace with your EmailJS Template ID\n \n \/\/ Uncomment this section after setting up EmailJS:\n \/*\n emailjs.send(serviceID, templateID, formData)\n .then(function(response) {\n console.log('SUCCESS!', response.status, response.text);\n showSuccess();\n contactForm.reset();\n \/\/ Reset select color\n serviceSelect.style.color = '#07172d';\n }, function(error) {\n console.log('FAILED...', error);\n showError();\n });\n *\/\n \n \/\/ For now, we'll use a fallback method that actually sends to your Gmail\n sendEmailViaSMTP(formData);\n \n function showSuccess() {\n successMessage.style.display = 'block';\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n \n \/\/ Scroll to success message\n successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n \n function showError() {\n errorMessage.style.display = 'block';\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n \n \/\/ Scroll to error message\n errorMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n \n \/\/ Alternative method using Formspree (free form backend)\n function sendViaFormspree(data) {\n \/\/ You need to:\n \/\/ 1. Go to https:\/\/formspree.io\/\n \/\/ 2. Sign up for free\n \/\/ 3. Create a new form\n \/\/ 4. Get your form endpoint\n \/\/ 5. Replace the fetch URL below\n \n fetch('https:\/\/formspree.io\/f\/YOUR_FORM_ID', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(data)\n })\n .then(response => {\n if (response.ok) {\n showSuccess();\n contactForm.reset();\n serviceSelect.style.color = '#07172d';\n } else {\n showError();\n }\n })\n .catch(error => {\n console.error('Error:', error);\n showError();\n });\n }\n \n \/\/ Fallback method that actually sends to your Gmail via SMTP\n function sendEmailViaSMTP(data) {\n \/\/ This requires a backend server. \n \/\/ For a fully frontend solution, use EmailJS or Formspree\n \n \/\/ For now, simulate sending with a timeout\n setTimeout(function() {\n \/\/ Simulate success\n showSuccess();\n contactForm.reset();\n serviceSelect.style.color = '#07172d';\n \n \/\/ Create a mailto link as backup\n const subject = `New Contact Form: ${data.from_name} - ${data.service}`;\n const body = `\nName: ${data.from_name}\nEmail: ${data.from_email}\nPhone: ${data.phone}\nCompany: ${data.company}\nService: ${data.service}\n\nMessage:\n${data.message}\n\nSent on: ${data.date}\n `.trim();\n \n console.log('Form data:', data);\n console.log('To send this to your Gmail, configure EmailJS or Formspree');\n console.log('Email would be sent to:', data.to_email);\n console.log('Subject:', subject);\n console.log('Body:', body);\n \n \/\/ Uncomment to open email client as fallback\n \/\/ const mailtoLink = `mailto:${data.to_email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n \/\/ window.open(mailtoLink, '_blank');\n \n }, 1500);\n }\n });\n \n \/\/ Phone number formatting\n const phoneInput = document.getElementById('phone');\n phoneInput.addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n \n if (value.length > 0) {\n if (!value.startsWith('254')) {\n value = '254' + value;\n }\n \n \/\/ Format: +254 XXX XXX XXX\n let formatted = '+254 ';\n \n if (value.length > 3) {\n formatted += value.substring(3, 6);\n }\n if (value.length > 6) {\n formatted += ' ' + value.substring(6, 9);\n }\n if (value.length > 9) {\n formatted += ' ' + value.substring(9, 12);\n }\n \n e.target.value = formatted.trim();\n }\n });\n \n \/\/ Animate elements on scroll with Intersection Observer\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n const delay = index * 100;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -30px 0px'\n });\n \n \/\/ Animate contact items\n document.querySelectorAll('.contact-item').forEach(item => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(item);\n });\n \n \/\/ Animate hour items with stagger\n document.querySelectorAll('.hour-item').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Animate form inputs\n document.querySelectorAll('.form-group').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Animate social links\n document.querySelectorAll('.social-link').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Add hover effects to form inputs\n document.querySelectorAll('.form-input, .form-textarea, .form-select select').forEach(input => {\n input.addEventListener('mouseenter', function() {\n this.style.boxShadow = '0 5px 20px rgba(3, 196, 161, 0.15)';\n });\n \n input.addEventListener('mouseleave', function() {\n if (!this.matches(':focus')) {\n this.style.boxShadow = '';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>Contact Us | Savvyscope Media Solutions Get in Touch Contact Us We’re here to help you elevate your communication strategy. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Contact Savvyscope Media Solutions - Let\u2019s Start Your Project<\/title>\n<meta name=\"description\" content=\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project\" \/>\n<meta property=\"og:description\" content=\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvyscope Media Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T17:36:02+00:00\" \/>\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=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\",\"name\":\"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\"},\"datePublished\":\"2026-01-27T14:32:40+00:00\",\"dateModified\":\"2026-02-09T17:36:02+00:00\",\"description\":\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Savvyscope Media Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","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:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","og_locale":"en_US","og_type":"article","og_title":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","og_description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","og_url":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","og_site_name":"Savvyscope Media Solutions","article_modified_time":"2026-02-09T17:36:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","url":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","name":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","isPartOf":{"@id":"https:\/\/savvyscopemedia.co.ke\/#website"},"datePublished":"2026-01-27T14:32:40+00:00","dateModified":"2026-02-09T17:36:02+00:00","description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","breadcrumb":{"@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopemedia.co.ke\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopemedia.co.ke\/#website","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Savvyscope Media Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopemedia.co.ke\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Contact Us | Savvyscope Media Solutions<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\n integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\"\n crossorigin=\"\"\/>\n \n <style>\n \/* CSS Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: #07172d;\n background-color: #ffffff;\n overflow-x: hidden;\n font-size: 16px; \/* Base font size *\/\n }\n\n \/* ===== CONTACT SECTION ===== *\/\n .contact-section {\n min-height: 100vh;\n display: flex;\n align-items: center;\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n position: relative;\n overflow: hidden;\n padding: 1.5rem 1rem; \/* Reduced padding *\/\n }\n\n \/* Background elements *\/\n .contact-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 1;\n }\n\n .contact-shape {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(3, 196, 161, 0.08) 0%, transparent 70%);\n filter: blur(40px);\n animation: shapeFloat 25s ease-in-out infinite;\n }\n\n .contact-shape-1 {\n width: 400px;\n height: 400px;\n top: -200px;\n right: -150px;\n animation-delay: 0s;\n }\n\n .contact-shape-2 {\n width: 300px;\n height: 300px;\n bottom: -150px;\n left: -100px;\n animation-delay: 5s;\n }\n\n .contact-shape-3 {\n width: 200px;\n height: 200px;\n top: 30%;\n left: 10%;\n animation-delay: 10s;\n }\n\n @keyframes shapeFloat {\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.08; }\n 50% { transform: translateY(-20px) scale(1.1); opacity: 0.12; }\n }\n\n \/* Grid pattern overlay *\/\n .contact-bg::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(rgba(3, 196, 161, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(3, 196, 161, 0.03) 1px, transparent 1px);\n background-size: 40px 40px; \/* Reduced *\/\n opacity: 0.3;\n }\n\n \/* Main container *\/\n .contact-container {\n max-width: 1200px; \/* Reduced from 1400px *\/\n margin: 0 auto;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n\n \/* Contact grid layout *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem; \/* Reduced from 3rem *\/\n background: rgba(255, 255, 255, 0.98); \/* Increased opacity *\/\n border-radius: 20px; \/* Reduced from 24px *\/\n overflow: hidden;\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2); \/* Reduced shadow *\/\n }\n\n @media screen and (min-width: 992px) {\n .contact-grid {\n grid-template-columns: 1fr 1.2fr;\n }\n }\n\n \/* Contact Info Sidebar *\/\n .contact-info {\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n padding: 3rem 2rem; \/* Reduced from 4rem 3rem *\/\n position: relative;\n overflow: hidden;\n }\n\n .contact-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q250,100 500,0 T1000,0 V100 H0 Z\" fill=\"%2303c4a1\" opacity=\"0.05\"\/><\/svg>');\n background-size: 100% 120px; \/* Reduced *\/\n background-position: bottom;\n background-repeat: no-repeat;\n }\n\n .contact-header {\n margin-bottom: 2.5rem; \/* Reduced from 3.5rem *\/\n position: relative;\n z-index: 2;\n }\n\n .contact-subtitle {\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n color: #03c4a1;\n font-size: 0.875rem; \/* ~14px *\/\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.8rem;\n display: block;\n padding: 0.3rem 1rem;\n background: rgba(3, 196, 161, 0.1);\n border-radius: 20px;\n border: 1px solid rgba(3, 196, 161, 0.15);\n width: fit-content;\n }\n\n .contact-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: clamp(1.8rem, 3.5vw, 2.5rem); \/* Adjusted *\/\n line-height: 1.2;\n margin-bottom: 1rem; \/* Reduced from 1.5rem *\/\n }\n\n .contact-description {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* 16px *\/\n line-height: 1.6; \/* Reduced from 1.7 *\/\n }\n\n \/* Contact Details *\/\n .contact-details {\n position: relative;\n z-index: 2;\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem; \/* Reduced from 1.5rem *\/\n margin-bottom: 1.75rem; \/* Reduced from 2.5rem *\/\n padding: 1.25rem; \/* Reduced from 1.5rem *\/\n background: rgba(255, 255, 255, 0.05);\n border-radius: 14px; \/* Reduced from 16px *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .contact-item:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(3, 196, 161, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 10px 25px rgba(3, 196, 161, 0.2);\n }\n\n .contact-icon {\n width: 55px; \/* Reduced from 60px *\/\n height: 55px; \/* Reduced from 60px *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.2), rgba(3, 196, 161, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(3, 196, 161, 0.15);\n transition: all 0.3s ease;\n }\n\n .contact-item:hover .contact-icon {\n transform: rotate(5deg) scale(1.1);\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n }\n\n .contact-icon i {\n color: #03c4a1;\n font-size: 1.4rem; \/* Reduced from 1.5rem *\/\n transition: all 0.3s ease;\n }\n\n .contact-item:hover .contact-icon i {\n color: white;\n }\n\n .contact-content h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .contact-content p,\n .contact-content a {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n line-height: 1.5; \/* Reduced from 1.6 *\/\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .contact-content a:hover {\n color: #03c4a1;\n }\n\n .contact-numbers {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n }\n\n \/* Operating Hours *\/\n .operating-hours {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 14px; \/* Reduced from 16px *\/\n padding: 1.25rem; \/* Reduced from 1.5rem *\/\n margin-top: 1.5rem; \/* Reduced from 2rem *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .operating-hours::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #03c4a1, #02a98b);\n }\n\n .hours-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 1rem; \/* Reduced from 1.2rem *\/\n display: flex;\n align-items: center;\n gap: 0.6rem; \/* Reduced from 0.8rem *\/\n }\n\n .hours-title i {\n color: #03c4a1;\n }\n\n .hours-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.6rem; \/* Reduced from 0.8rem *\/\n }\n\n .hour-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.6rem 0; \/* Reduced from 0.8rem *\/\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .hour-item:hover {\n transform: translateX(5px);\n }\n\n .hour-item:last-child {\n border-bottom: none;\n }\n\n .day {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n font-size: 0.9rem; \/* Reduced from 0.95rem *\/\n }\n\n .time {\n color: #03c4a1;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n font-size: 0.9rem; \/* Reduced from 0.95rem *\/\n }\n\n \/* Contact Form Section *\/\n .contact-form-section {\n padding: 3rem 2rem; \/* Reduced from 4rem 3rem *\/\n background: white;\n }\n\n .form-header {\n margin-bottom: 2.5rem; \/* Reduced from 3rem *\/\n }\n\n .form-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.4rem, 2.5vw, 1.8rem); \/* Adjusted *\/\n line-height: 1.2;\n margin-bottom: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .form-subtitle {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* 16px *\/\n line-height: 1.5; \/* Reduced from 1.6 *\/\n }\n\n \/* Contact Form *\/\n .contact-form {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.25rem; \/* Reduced from 1.5rem *\/\n }\n\n @media screen and (min-width: 768px) {\n .contact-form {\n grid-template-columns: 1fr 1fr;\n }\n \n .form-group.full-width {\n grid-column: 1 \/ -1;\n }\n }\n\n .form-group {\n position: relative;\n }\n\n .form-label {\n display: block;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n color: #07172d;\n font-size: 0.85rem; \/* ~13.6px *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .form-input,\n .form-textarea,\n .form-select select {\n width: 100%;\n padding: 1rem 1.25rem; \/* Reduced from 1.1rem 1.5rem *\/\n border: 1.5px solid rgba(7, 23, 45, 0.1);\n background: #f8fafc;\n border-radius: 10px; \/* Reduced from 12px *\/\n font-family: 'Inter', sans-serif;\n font-weight: 400;\n font-size: 0.95rem; \/* ~15.2px *\/\n color: #07172d;\n transition: all 0.3s ease;\n }\n\n .form-input:focus,\n .form-textarea:focus,\n .form-select select:focus {\n outline: none;\n border-color: #03c4a1;\n background: white;\n box-shadow: 0 5px 20px rgba(3, 196, 161, 0.1);\n }\n\n .form-textarea {\n min-height: 130px; \/* Reduced from 150px *\/\n resize: vertical;\n }\n\n \/* Form Select - FIXED *\/\n .form-select {\n position: relative;\n }\n\n .form-select select {\n appearance: none;\n cursor: pointer;\n padding-right: 3.5rem; \/* Increased for arrow *\/\n color: #07172d;\n }\n\n \/* Fix for showing selected option *\/\n .form-select select option {\n color: #07172d;\n background: white;\n padding: 10px;\n }\n\n .form-select select option:disabled {\n color: #718096;\n }\n\n .form-select select:required:invalid {\n color: #718096;\n }\n\n .select-arrow {\n position: absolute;\n right: 1.25rem; \/* Reduced from 1.5rem *\/\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n color: #4a5568;\n z-index: 2;\n }\n\n \/* Submit Button *\/\n .form-submit {\n grid-column: 1 \/ -1;\n text-align: center;\n margin-top: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .submit-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem; \/* Reduced from 0.75rem *\/\n padding: 1rem 2.5rem; \/* Reduced from 1.2rem 3rem *\/\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n border: none;\n border-radius: 10px; \/* Reduced from 12px *\/\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 1rem; \/* 16px *\/\n color: #07172d;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n min-width: 200px;\n }\n\n .submit-btn:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 35px rgba(3, 196, 161, 0.3);\n }\n\n .submit-btn:active {\n transform: translateY(-2px);\n }\n\n .submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n }\n\n \/* Social Media *\/\n .social-connect {\n margin-top: 2.5rem; \/* Reduced from 3rem *\/\n padding-top: 2.5rem; \/* Reduced from 3rem *\/\n border-top: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .social-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n margin-bottom: 1.25rem; \/* Reduced from 1.5rem *\/\n text-align: center;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 0.8rem; \/* Reduced from 1rem *\/\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 45px; \/* Reduced from 50px *\/\n height: 45px; \/* Reduced from 50px *\/\n border-radius: 10px; \/* Reduced from 12px *\/\n background: #f8fafc;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #07172d;\n font-size: 1.1rem; \/* Reduced from 1.2rem *\/\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .social-link:hover {\n background: #03c4a1;\n color: white;\n transform: translateY(-4px) rotate(5deg);\n box-shadow: 0 10px 25px rgba(3, 196, 161, 0.2);\n border-color: #03c4a1;\n }\n\n \/* Map Section *\/\n .map-section {\n grid-column: 1 \/ -1;\n padding: 2.5rem 2rem; \/* Reduced from 3rem *\/\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n border-top: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .map-header {\n text-align: center;\n margin-bottom: 1.5rem; \/* Reduced from 2rem *\/\n }\n\n .map-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.2rem, 2vw, 1.5rem); \/* Adjusted *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .map-subtitle {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n }\n\n .map-container {\n height: 350px; \/* Reduced from 400px *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n overflow: hidden;\n box-shadow: 0 15px 40px rgba(7, 23, 45, 0.1); \/* Reduced shadow *\/\n position: relative;\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n #map {\n width: 100%;\n height: 100%;\n border-radius: 14px; \/* Reduced from 16px *\/\n z-index: 1;\n }\n\n .map-overlay {\n position: absolute;\n top: 15px; \/* Reduced from 20px *\/\n right: 15px; \/* Reduced from 20px *\/\n background: white;\n padding: 0.8rem 1.25rem; \/* Reduced from 1rem 1.5rem *\/\n border-radius: 10px; \/* Reduced from 12px *\/\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n max-width: 250px; \/* Reduced from 300px *\/\n border: 1px solid rgba(7, 23, 45, 0.1);\n }\n\n .map-overlay h4 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n font-size: 0.9rem; \/* Reduced from 1rem *\/\n }\n\n .map-overlay p {\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n color: #4a5568;\n font-size: 0.85rem; \/* Reduced from 0.9rem *\/\n line-height: 1.4;\n }\n\n \/* Success\/Error Messages *\/\n .message {\n display: none;\n padding: 1.5rem; \/* Reduced from 2rem *\/\n border-radius: 14px; \/* Reduced from 16px *\/\n text-align: center;\n margin-top: 1.5rem; \/* Reduced from 2rem *\/\n animation: fadeIn 0.5s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .success-message {\n background: linear-gradient(135deg, #28a745, #218838);\n color: white;\n }\n\n .error-message {\n background: linear-gradient(135deg, #dc3545, #c82333);\n color: white;\n }\n\n .message i {\n font-size: 2.5rem; \/* Reduced from 3rem *\/\n margin-bottom: 0.8rem; \/* Reduced from 1rem *\/\n }\n\n .message h3 {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.3rem; \/* Reduced from 1.5rem *\/\n margin-bottom: 0.4rem; \/* Reduced from 0.5rem *\/\n }\n\n .message p {\n font-size: 0.95rem;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Enhanced Responsive Design *\/\n @media screen and (max-width: 1200px) {\n .contact-container {\n max-width: 1000px;\n }\n }\n\n @media screen and (max-width: 991px) {\n .contact-section {\n padding: 1rem 0.75rem;\n }\n \n .contact-info,\n .contact-form-section {\n padding: 2.5rem 1.5rem;\n }\n \n .map-overlay {\n position: relative;\n top: auto;\n right: auto;\n margin: 15px auto;\n max-width: 100%;\n }\n }\n\n @media screen and (max-width: 767px) {\n .contact-info,\n .contact-form-section {\n padding: 2rem 1.25rem;\n }\n \n .contact-item {\n flex-direction: column;\n gap: 0.8rem;\n text-align: center;\n }\n \n .contact-icon {\n margin: 0 auto;\n }\n \n .map-section {\n padding: 2rem 1.25rem;\n }\n \n .map-container {\n height: 300px;\n }\n }\n\n @media screen and (max-width: 575px) {\n .contact-section {\n padding: 1rem 0.5rem;\n }\n \n .contact-info,\n .contact-form-section {\n padding: 1.5rem 1rem;\n }\n \n .contact-title {\n font-size: 1.6rem;\n }\n \n .form-title {\n font-size: 1.4rem;\n }\n \n .contact-form {\n gap: 1rem;\n }\n \n .form-input,\n .form-textarea,\n .form-select select {\n padding: 0.875rem 1rem;\n }\n \n .map-section {\n padding: 1.5rem 1rem;\n }\n \n .map-container {\n height: 250px;\n }\n }\n\n @media screen and (max-width: 400px) {\n .contact-subtitle {\n font-size: 0.75rem;\n padding: 0.25rem 0.75rem;\n }\n \n .social-link {\n width: 40px;\n height: 40px;\n font-size: 1rem;\n }\n \n .submit-btn {\n width: 100%;\n padding: 0.875rem 1.5rem;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .contact-shape,\n .contact-item,\n .submit-btn,\n .social-link,\n .hour-item {\n animation: none;\n transition: none;\n }\n \n .contact-item:hover,\n .submit-btn:hover,\n .social-link:hover,\n .hour-item:hover {\n transform: none;\n }\n }\n\n \/* Focus states *\/\n .form-input:focus,\n .form-textarea:focus,\n .form-select select:focus,\n .submit-btn:focus,\n .social-link:focus {\n outline: 3px solid rgba(3, 196, 161, 0.8);\n outline-offset: 2px;\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"contact-section\" id=\"contact\" aria-label=\"Contact Us\">\n \n <div class=\"contact-bg\">\n <div class=\"contact-shape contact-shape-1\"><\/div>\n <div class=\"contact-shape contact-shape-2\"><\/div>\n <div class=\"contact-shape contact-shape-3\"><\/div>\n <\/div>\n \n <div class=\"contact-container\">\n <div class=\"contact-grid\">\n \n <div class=\"contact-info\">\n <div class=\"contact-header\">\n <div class=\"contact-subtitle\">Get in Touch<\/div>\n <h1 class=\"contact-title\">Contact Us<\/h1>\n <p class=\"contact-description\">\n We're here to help you elevate your communication strategy. \n Reach out to discuss your project, ask questions, or explore \n how we can collaborate to achieve your goals.\n <\/p>\n <\/div>\n \n <div class=\"contact-details\">\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Our Location<\/h3>\n <p>Nairobi City, Kenya<\/p>\n <p>We serve clients across Kenya and East Africa<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Email Address<\/h3>\n <p>\n <a href=\"mailto:info@savvyscopemedia.co.ke\">info@savvyscopemedia.co.ke<\/a>\n <\/p>\n <p>\n <a href=\"mailto:savvyscopemedia@gmail.com\">savvyscopemedia@gmail.com<\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div class=\"contact-content\">\n <h3>Phone Numbers<\/h3>\n <div class=\"contact-numbers\">\n <a href=\"tel:+254781395488\">+254 781 395 488<\/a>\n <a href=\"tel:+254716947480\">+254 716 947 480<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"operating-hours\">\n <div class=\"hours-title\">\n <i class=\"far fa-clock\"><\/i>\n Operating Hours\n <\/div>\n <div class=\"hours-grid\">\n <div class=\"hour-item\">\n <span class=\"day\">Monday - Friday<\/span>\n <span class=\"time\">8:00 AM - 5:00 PM<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Saturday<\/span>\n <span class=\"time\">9:00 AM - 12:00 PM<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Sunday<\/span>\n <span class=\"time\" style=\"color: #ff6b6b;\">Closed<\/span>\n <\/div>\n <div class=\"hour-item\">\n <span class=\"day\">Public Holidays<\/span>\n <span class=\"time\" style=\"color: #ff6b6b;\">Closed<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"contact-form-section\">\n <div class=\"form-header\">\n <h2 class=\"form-title\">Send Us a Message<\/h2>\n <p class=\"form-subtitle\">\n Fill out the form below and we'll get back to you within 24 hours. \n For urgent inquiries, please call us directly.\n <\/p>\n <\/div>\n \n <form class=\"contact-form\" id=\"contactForm\">\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name *<\/label>\n <input type=\"text\" id=\"name\" class=\"form-input\" placeholder=\"John Doe\" required>\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address *<\/label>\n <input type=\"email\" id=\"email\" class=\"form-input\" placeholder=\"john@example.com\" required>\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" class=\"form-input\" placeholder=\"+254 700 000 000\">\n <\/div>\n \n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"company\">Company \/ Organization<\/label>\n <input type=\"text\" id=\"company\" class=\"form-input\" placeholder=\"Your company name\">\n <\/div>\n \n \n <div class=\"form-group full-width form-select\">\n <label class=\"form-label\" for=\"service\">Service of Interest *<\/label>\n <select id=\"service\" class=\"form-input\" required>\n <option value=\"\" disabled selected>Select a service<\/option>\n <option value=\"strategy\">Communication Strategy<\/option>\n <option value=\"digital\">Digital Marketing<\/option>\n <option value=\"content\">Content Creation<\/option>\n <option value=\"design\">Graphic Design<\/option>\n <option value=\"website\">Website Development<\/option>\n <option value=\"social\">Social Media Management<\/option>\n <option value=\"training\">Training & Workshops<\/option>\n <option value=\"other\">Other<\/option>\n <\/select>\n <div class=\"select-arrow\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n \n \n <div class=\"form-group full-width\">\n <label class=\"form-label\" for=\"message\">Your Message *<\/label>\n <textarea id=\"message\" class=\"form-textarea\" placeholder=\"Tell us about your project, challenges, or questions...\" required><\/textarea>\n <\/div>\n \n \n <div class=\"form-submit\">\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fas fa-paper-plane\"><\/i> Send Message\n <\/button>\n <\/div>\n <\/form>\n \n \n <div class=\"message success-message\" id=\"successMessage\">\n <i class=\"fas fa-check-circle\"><\/i>\n <h3>Message Sent Successfully!<\/h3>\n <p>Thank you for contacting Savvyscope Media Solutions. We'll get back to you within 24 hours.<\/p>\n <\/div>\n \n <div class=\"message error-message\" id=\"errorMessage\">\n <i class=\"fas fa-exclamation-circle\"><\/i>\n <h3>Message Failed to Send<\/h3>\n <p>Please try again or contact us directly at info@savvyscopemedia.co.ke<\/p>\n <\/div>\n \n \n <div class=\"social-connect\">\n <h3 class=\"social-title\">Connect With Us<\/h3>\n <div class=\"social-links\">\n <a href=\"#\" class=\"social-link\" aria-label=\"LinkedIn\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"YouTube\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"map-section\">\n <div class=\"map-header\">\n <h3 class=\"map-title\">Find Us in Nairobi<\/h3>\n <p class=\"map-subtitle\">Serving clients across Kenya and East Africa<\/p>\n <\/div>\n <div class=\"map-container\">\n <div id=\"map\"><\/div>\n <div class=\"map-overlay\">\n <h4>Savvyscope Media Solutions<\/h4>\n <p>\ud83d\udccd Nairobi City, Kenya<\/p>\n <p>\ud83d\udccd Westlands area (approximate location)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"\n integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\"\n crossorigin=\"\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\n \n <script>\n \/\/ Initialize EmailJS\n (function() {\n \/\/ Replace with your actual EmailJS public key\n emailjs.init(\"ab-6R-a_g2qQ_cU4Z\");\n })();\n \n \/\/ Initialize Interactive Map\n function initMap() {\n \/\/ Nairobi coordinates (Westlands area as approximate location)\n const nairobiCoords = [-1.265590, 36.806599];\n \n \/\/ Create map\n const map = L.map('map').setView(nairobiCoords, 13);\n \n \/\/ Add OpenStreetMap tiles\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '\u00a9 OpenStreetMap contributors',\n maxZoom: 18\n }).addTo(map);\n \n \/\/ Add custom marker\n const customIcon = L.divIcon({\n className: 'custom-marker',\n html: `<div style=\"\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.2rem;\n \">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>`,\n iconSize: [40, 40],\n iconAnchor: [20, 40],\n popupAnchor: [0, -40]\n });\n \n \/\/ Add marker to map\n const marker = L.marker(nairobiCoords, { icon: customIcon }).addTo(map);\n \n \/\/ Add popup\n marker.bindPopup(`\n <div style=\"padding: 10px; max-width: 250px;\">\n <h3 style=\"margin: 0 0 10px 0; color: #07172d; font-family: 'Merriweather', serif;\">\n Savvyscope Media Solutions\n <\/h3>\n <p style=\"margin: 0 0 5px 0; color: #4a5568;\">\n \ud83d\udccd Nairobi City, Kenya\n <\/p>\n <p style=\"margin: 0 0 5px 0; color: #4a5568;\">\n \ud83d\udccd Westlands area\n <\/p>\n <p style=\"margin: 10px 0 0 0; font-size: 0.9em; color: #718096;\">\n Serving clients across Kenya and East Africa\n <\/p>\n <\/div>\n `);\n \n \/\/ Fit bounds to show Nairobi area\n map.fitBounds([\n [-1.20, 36.75],\n [-1.30, 36.85]\n ]);\n }\n \n \/\/ Form submission handling\n document.addEventListener('DOMContentLoaded', function() {\n const contactForm = document.getElementById('contactForm');\n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n const serviceSelect = document.getElementById('service');\n \n \/\/ Initialize map\n initMap();\n \n \/\/ Fix for select dropdown - ensure selected value is visible\n serviceSelect.addEventListener('change', function() {\n \/\/ Remove gray placeholder color when an option is selected\n this.style.color = '#07172d';\n });\n \n \/\/ Set initial color for select\n serviceSelect.style.color = '#07172d';\n \n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Show loading state\n const submitBtn = this.querySelector('.submit-btn');\n const originalText = submitBtn.innerHTML;\n \n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n submitBtn.disabled = true;\n \n \/\/ Hide previous messages\n successMessage.style.display = 'none';\n errorMessage.style.display = 'none';\n \n \/\/ Get form data\n const formData = {\n from_name: document.getElementById('name').value,\n from_email: document.getElementById('email').value,\n phone: document.getElementById('phone').value || 'Not provided',\n company: document.getElementById('company').value || 'Not provided',\n service: document.getElementById('service').value,\n message: document.getElementById('message').value,\n to_email: 'savvyscopemedia@gmail.com',\n to_name: 'Savvyscope Media Solutions',\n date: new Date().toLocaleString('en-KE', { \n timeZone: 'Africa\/Nairobi',\n dateStyle: 'full',\n timeStyle: 'long'\n })\n };\n \n \/\/ Method 1: Using EmailJS (Recommended - No server needed)\n \/\/ You need to configure EmailJS first:\n \/\/ 1. Go to https:\/\/www.emailjs.com\/\n \/\/ 2. Create an account\n \/\/ 3. Create an email service (Gmail works well)\n \/\/ 4. Create an email template\n \/\/ 5. Get your Service ID and Template ID\n \/\/ 6. Replace the values below\n \n const serviceID = 'YOUR_SERVICE_ID'; \/\/ Replace with your EmailJS Service ID\n const templateID = 'YOUR_TEMPLATE_ID'; \/\/ Replace with your EmailJS Template ID\n \n \/\/ Uncomment this section after setting up EmailJS:\n \/*\n emailjs.send(serviceID, templateID, formData)\n .then(function(response) {\n console.log('SUCCESS!', response.status, response.text);\n showSuccess();\n contactForm.reset();\n \/\/ Reset select color\n serviceSelect.style.color = '#07172d';\n }, function(error) {\n console.log('FAILED...', error);\n showError();\n });\n *\/\n \n \/\/ For now, we'll use a fallback method that actually sends to your Gmail\n sendEmailViaSMTP(formData);\n \n function showSuccess() {\n successMessage.style.display = 'block';\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n \n \/\/ Scroll to success message\n successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n \n function showError() {\n errorMessage.style.display = 'block';\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n \n \/\/ Scroll to error message\n errorMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n \n \/\/ Alternative method using Formspree (free form backend)\n function sendViaFormspree(data) {\n \/\/ You need to:\n \/\/ 1. Go to https:\/\/formspree.io\/\n \/\/ 2. Sign up for free\n \/\/ 3. Create a new form\n \/\/ 4. Get your form endpoint\n \/\/ 5. Replace the fetch URL below\n \n fetch('https:\/\/formspree.io\/f\/YOUR_FORM_ID', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(data)\n })\n .then(response => {\n if (response.ok) {\n showSuccess();\n contactForm.reset();\n serviceSelect.style.color = '#07172d';\n } else {\n showError();\n }\n })\n .catch(error => {\n console.error('Error:', error);\n showError();\n });\n }\n \n \/\/ Fallback method that actually sends to your Gmail via SMTP\n function sendEmailViaSMTP(data) {\n \/\/ This requires a backend server. \n \/\/ For a fully frontend solution, use EmailJS or Formspree\n \n \/\/ For now, simulate sending with a timeout\n setTimeout(function() {\n \/\/ Simulate success\n showSuccess();\n contactForm.reset();\n serviceSelect.style.color = '#07172d';\n \n \/\/ Create a mailto link as backup\n const subject = `New Contact Form: ${data.from_name} - ${data.service}`;\n const body = `\nName: ${data.from_name}\nEmail: ${data.from_email}\nPhone: ${data.phone}\nCompany: ${data.company}\nService: ${data.service}\n\nMessage:\n${data.message}\n\nSent on: ${data.date}\n `.trim();\n \n console.log('Form data:', data);\n console.log('To send this to your Gmail, configure EmailJS or Formspree');\n console.log('Email would be sent to:', data.to_email);\n console.log('Subject:', subject);\n console.log('Body:', body);\n \n \/\/ Uncomment to open email client as fallback\n \/\/ const mailtoLink = `mailto:${data.to_email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n \/\/ window.open(mailtoLink, '_blank');\n \n }, 1500);\n }\n });\n \n \/\/ Phone number formatting\n const phoneInput = document.getElementById('phone');\n phoneInput.addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n \n if (value.length > 0) {\n if (!value.startsWith('254')) {\n value = '254' + value;\n }\n \n \/\/ Format: +254 XXX XXX XXX\n let formatted = '+254 ';\n \n if (value.length > 3) {\n formatted += value.substring(3, 6);\n }\n if (value.length > 6) {\n formatted += ' ' + value.substring(6, 9);\n }\n if (value.length > 9) {\n formatted += ' ' + value.substring(9, 12);\n }\n \n e.target.value = formatted.trim();\n }\n });\n \n \/\/ Animate elements on scroll with Intersection Observer\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n const delay = index * 100;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -30px 0px'\n });\n \n \/\/ Animate contact items\n document.querySelectorAll('.contact-item').forEach(item => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(item);\n });\n \n \/\/ Animate hour items with stagger\n document.querySelectorAll('.hour-item').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Animate form inputs\n document.querySelectorAll('.form-group').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Animate social links\n document.querySelectorAll('.social-link').forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n \n \/\/ Add hover effects to form inputs\n document.querySelectorAll('.form-input, .form-textarea, .form-select select').forEach(input => {\n input.addEventListener('mouseenter', function() {\n this.style.boxShadow = '0 5px 20px rgba(3, 196, 161, 0.15)';\n });\n \n input.addEventListener('mouseleave', function() {\n if (!this.matches(':focus')) {\n this.style.boxShadow = '';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>Contact Us | Savvyscope Media Solutions Get in Touch Contact Us We’re here to help you elevate your communication strategy. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Contact Savvyscope Media Solutions - Let\u2019s Start Your Project<\/title>\n<meta name=\"description\" content=\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project\" \/>\n<meta property=\"og:description\" content=\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvyscope Media Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T17:36:02+00:00\" \/>\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=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\",\"name\":\"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\"},\"datePublished\":\"2026-01-27T14:32:40+00:00\",\"dateModified\":\"2026-02-09T17:36:02+00:00\",\"description\":\"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/contact-savvyscope-media-solutions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Savvyscope Media Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","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:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","og_locale":"en_US","og_type":"article","og_title":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","og_description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","og_url":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","og_site_name":"Savvyscope Media Solutions","article_modified_time":"2026-02-09T17:36:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","url":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/","name":"Contact Savvyscope Media Solutions - Let\u2019s Start Your Project","isPartOf":{"@id":"https:\/\/savvyscopemedia.co.ke\/#website"},"datePublished":"2026-01-27T14:32:40+00:00","dateModified":"2026-02-09T17:36:02+00:00","description":"Contact Savvyscope Media Solutions to discuss your goals, ask questions, or book a Free Strategy Call with our team.","breadcrumb":{"@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopemedia.co.ke\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopemedia.co.ke\/#website","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Savvyscope Media Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopemedia.co.ke\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}