.elementor-kit-19{--e-global-color-secondary:#E4E4E4;--e-global-color-primary:#CBCBCB;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-d49ac81:#FFB774;--e-global-color-332724a:#445196;--e-global-color-4d462f5:#E6E6E6;--e-global-color-cfa1f76:#F8F8F8;--e-global-color-7fbea4f:#FBFBFB;--e-global-color-c94d9ab:#333335;--e-global-color-044b931:#111111;--e-global-color-638d055:#151620;--e-global-color-ec3c7a7:#FFB774;--e-global-color-3ee16e7:#F68DFF;--e-global-color-cfd5506:#7087FF;--e-global-color-806c085:#888888;--e-global-color-5fd4462:#F0F9FC;--e-global-color-6b6997c:#F8FAFC;--e-global-color-0281d35:#0F172A;--e-global-color-c2b878f:#0F172A;--e-global-color-d8be459:#1D1D1D;--e-global-color-18d9cb9:#030712;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:144px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:0.85em;--e-global-typography-primary-letter-spacing:-2px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:72px;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-1.5px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:3px;--e-global-typography-bdae201-font-family:"Plus Jakarta Sans";--e-global-typography-bdae201-font-size:14px;--e-global-typography-bdae201-font-weight:800;--e-global-typography-bdae201-text-transform:uppercase;--e-global-typography-bdae201-letter-spacing:0.6px;--e-global-typography-5fcee64-font-family:"Exo 2";--e-global-typography-5fcee64-font-size:13px;--e-global-typography-5fcee64-font-weight:800;--e-global-typography-5fcee64-text-transform:uppercase;--e-global-typography-5fcee64-letter-spacing:0.6px;background-color:var( --e-global-color-text );color:var( --e-global-color-c94d9ab );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{background-color:var( --e-global-color-d8be459 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-text );border-style:none;border-radius:30px 30px 30px 30px;padding:1em 1.75em 1em 1.75em;}.elementor-kit-19 button:hover,.elementor-kit-19 button:focus,.elementor-kit-19 input[type="button"]:hover,.elementor-kit-19 input[type="button"]:focus,.elementor-kit-19 input[type="submit"]:hover,.elementor-kit-19 input[type="submit"]:focus,.elementor-kit-19 .elementor-button:hover,.elementor-kit-19 .elementor-button:focus{background-color:var( --e-global-color-cfd5506 );color:var( --e-global-color-text );border-style:none;}.elementor-kit-19 a{color:var( --e-global-color-primary );}.elementor-kit-19 a:hover{color:var( --e-global-color-332724a );}.elementor-kit-19 h1{color:var( --e-global-color-d8be459 );}.elementor-kit-19 h2{color:var( --e-global-color-d8be459 );}.elementor-kit-19 h3{color:var( --e-global-color-d8be459 );}.elementor-kit-19 h4{color:var( --e-global-color-d8be459 );font-family:var( --e-global-typography-5fcee64-font-family ), Sans-serif;font-size:var( --e-global-typography-5fcee64-font-size );font-weight:var( --e-global-typography-5fcee64-font-weight );text-transform:var( --e-global-typography-5fcee64-text-transform );line-height:var( --e-global-typography-5fcee64-line-height );letter-spacing:var( --e-global-typography-5fcee64-letter-spacing );}.elementor-kit-19 h5{color:var( --e-global-color-d8be459 );}.elementor-kit-19 h6{color:var( --e-global-color-cfd5506 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-19 label{color:var( --e-global-color-secondary );}.elementor-kit-19 input:not([type="button"]):not([type="submit"]),.elementor-kit-19 textarea,.elementor-kit-19 .elementor-field-textual{color:var( --e-global-color-secondary );background-color:var( --e-global-color-text );box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4d462f5 );border-radius:5px 5px 5px 5px;}.elementor-kit-19 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-19 textarea:focus,.elementor-kit-19 .elementor-field-textual:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-332724a );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-19{--e-global-typography-primary-font-size:96px;--e-global-typography-primary-line-height:0.85em;--e-global-typography-primary-letter-spacing:-2px;--e-global-typography-secondary-font-size:60px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-1.5px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-bdae201-font-size:13px;--e-global-typography-5fcee64-font-size:13px;}.elementor-kit-19 h4{font-size:var( --e-global-typography-5fcee64-font-size );line-height:var( --e-global-typography-5fcee64-line-height );letter-spacing:var( --e-global-typography-5fcee64-letter-spacing );}.elementor-kit-19 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-kit-19{--e-global-typography-primary-font-size:60px;--e-global-typography-primary-line-height:0.85em;--e-global-typography-primary-letter-spacing:-2px;--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-1.5px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:1.5px;--e-global-typography-bdae201-font-size:12px;--e-global-typography-5fcee64-font-size:12px;}.elementor-kit-19 h4{font-size:var( --e-global-typography-5fcee64-font-size );line-height:var( --e-global-typography-5fcee64-line-height );letter-spacing:var( --e-global-typography-5fcee64-letter-spacing );}.elementor-kit-19 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS *//* ========================================================================== ANY% Global Dynamic Category & Tag Colors ========================================================================== */ /* -------------------------------------------------------------------------- Hide Elementor's Default Commas between tags -------------------------------------------------------------------------- */ .elementor-post-info__terms-list { font-size: 0 !important; /* Hides the raw comma text nodes */ color: transparent !important; /* Extra safeguard */ display: flex; /* Aligns tags nicely */ flex-wrap: wrap; /* Allows tags to wrap to next line if needed */ } /* -------------------------------------------------------------------------- Base Style (Applies to ALL tags by default, e.g., "E-commerce", "SaaS") Matches: bg-slate-100, text-slate-700 -------------------------------------------------------------------------- */ .elementor-post-info__terms-list-item { font-size: 0.75rem !important; font-weight: 700 !important; padding: 0.25rem 0.6rem !important; border-radius: 0.25rem !important; text-decoration: none !important; transition: opacity 0.2s, background-color 0.2s, color 0.2s; background-color: #f1f5f9 !important; color: #334155 !important; display: inline-block; line-height: 1.2; margin-right: 0.5rem !important; /* Adds space between tags horizontally */ margin-bottom: 0.5rem !important; /* Adds space between tags vertically if they wrap */ } /* -------------------------------------------------------------------------- Inactive Taxonomy Filter Base Style -------------------------------------------------------------------------- */ .e-filter-item { background-color: #f1f5f9 !important; color: #334155 !important; transition: all 0.3s ease !important; } .elementor-post-info__terms-list-item:hover { opacity: 0.8; } /* Active State Default (Applies cleanly to the "All" Filter Button) */ .e-filter-item[aria-pressed="true"], .e-filter-item.e-active { background-color: #0f172a !important; /* Dark Slate / Navy */ color: #ffffff !important; } /* -------------------------------------------------------------------------- Service Colors (Triggered by Exact Category URL Slug or Data Filter) Applies to Post Info Tags AND ACTIVE/HOVER Taxonomy Filter Widget -------------------------------------------------------------------------- */ /* 1. UI/UX Design (Purple) */ .elementor-post-info__terms-list-item[href*="uiux-design"], .e-filter-item[aria-pressed="true"][data-filter*="uiux-design"], .e-filter-item.e-active[data-filter*="uiux-design"], .e-filter-item[data-filter*="uiux-design"]:hover { background-color: #f3e8ff !important; color: #7e22ce !important; } /* 2. Animation (Pink) */ .elementor-post-info__terms-list-item[href*="animation"], .e-filter-item[aria-pressed="true"][data-filter*="animation"], .e-filter-item.e-active[data-filter*="animation"], .e-filter-item[data-filter*="animation"]:hover { background-color: #fce7f3 !important; color: #be185d !important; } /* 3. Video Production & Photography (Orange) */ .elementor-post-info__terms-list-item[href*="video-production"], .elementor-post-info__terms-list-item[href*="photography"], .e-filter-item[aria-pressed="true"][data-filter*="video-production"], .e-filter-item.e-active[data-filter*="video-production"], .e-filter-item[data-filter*="video-production"]:hover, .e-filter-item[aria-pressed="true"][data-filter*="photography"], .e-filter-item.e-active[data-filter*="photography"], .e-filter-item[data-filter*="photography"]:hover { background-color: #ffedd5 !important; color: #c2410c !important; } /* 4. Graphic Design & Illustration (Blue) */ .elementor-post-info__terms-list-item[href*="graphic-design"], .elementor-post-info__terms-list-item[href*="illustration"], .e-filter-item[aria-pressed="true"][data-filter*="graphic-design"], .e-filter-item.e-active[data-filter*="graphic-design"], .e-filter-item[data-filter*="graphic-design"]:hover, .e-filter-item[aria-pressed="true"][data-filter*="illustration"], .e-filter-item.e-active[data-filter*="illustration"], .e-filter-item[data-filter*="illustration"]:hover { background-color: #dbeafe !important; color: #1d4ed8 !important; } /* 5. Social Media (Emerald) */ .elementor-post-info__terms-list-item[href*="social-media"], .e-filter-item[aria-pressed="true"][data-filter*="social-media"], .e-filter-item.e-active[data-filter*="social-media"], .e-filter-item[data-filter*="social-media"]:hover { background-color: #d1fae5 !important; color: #047857 !important; } /* 6. Brand Strategy & Consulting (Indigo) */ .elementor-post-info__terms-list-item[href*="brand-strategy"], .elementor-post-info__terms-list-item[href*="consulting"], .e-filter-item[aria-pressed="true"][data-filter*="brand-strategy"], .e-filter-item.e-active[data-filter*="brand-strategy"], .e-filter-item[data-filter*="brand-strategy"]:hover, .e-filter-item[aria-pressed="true"][data-filter*="consulting"], .e-filter-item.e-active[data-filter*="consulting"], .e-filter-item[data-filter*="consulting"]:hover { background-color: #e0e7ff !important; color: #4338ca !important; } /* 7. 3D Modelling (Teal) */ .elementor-post-info__terms-list-item[href*="3d-modelling"], .e-filter-item[aria-pressed="true"][data-filter*="3d-modelling"], .e-filter-item.e-active[data-filter*="3d-modelling"], .e-filter-item[data-filter*="3d-modelling"]:hover { background-color: #ccfbf1 !important; color: #0f766e !important; }/* End custom CSS */