.elementor-1026 .elementor-element.elementor-element-75222548{--display:flex;--min-height:0em;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1026 .elementor-element.elementor-element-75222548:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-75222548 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aixperia.screamedout.com/wp-content/uploads/2026/06/content-page-banner02.webp");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-75222548::before, .elementor-1026 .elementor-element.elementor-element-75222548 > .elementor-background-video-container::before, .elementor-1026 .elementor-element.elementor-element-75222548 > .e-con-inner > .elementor-background-video-container::before, .elementor-1026 .elementor-element.elementor-element-75222548 > .elementor-background-slideshow::before, .elementor-1026 .elementor-element.elementor-element-75222548 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1026 .elementor-element.elementor-element-75222548 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1026 .elementor-element.elementor-element-74cd303f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-42ff3155{width:100%;max-width:100%;text-align:center;}.elementor-1026 .elementor-element.elementor-element-42ff3155.elementor-element{--align-self:flex-end;}.elementor-1026 .elementor-element.elementor-element-42ff3155 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:3em;font-weight:800;mix-blend-mode:overlay;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-3feeb48d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:05%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1026 .elementor-element.elementor-element-45a19b8a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1026 .elementor-element.elementor-element-5a4a9ad9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1026 .elementor-element.elementor-element-71df3eda{padding:2% 0% 0% 0%;}.elementor-1026 .elementor-element.elementor-element-71df3eda .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2em;font-weight:300;color:#6EC1E4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1026 .elementor-element.elementor-element-1aa8d37b{padding:2% 0% 0% 0%;font-family:"Inter Tight", Sans-serif;font-size:1.3em;font-weight:300;}.elementor-1026 .elementor-element.elementor-element-78dd67ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1026 .elementor-element.elementor-element-0962736{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-1026 .elementor-element.elementor-element-cb48689{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:1%;--padding-left:0%;--padding-right:0%;}.elementor-1026 .elementor-element.elementor-element-fa4fb9b{padding:2% 0% 0% 0%;text-align:center;}.elementor-1026 .elementor-element.elementor-element-fa4fb9b .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:3em;font-weight:300;color:#6EC1E4;}.elementor-1026 .elementor-element.elementor-element-0dbe316{padding:2% 0% 0% 0%;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:1.3em;font-weight:300;}.elementor-1026 .elementor-element.elementor-element-89d044c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-0544ca6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-542ad80{--display:flex;}.elementor-1026 .elementor-element.elementor-element-84bb9b8.elementor-element{--align-self:center;}.elementor-1026 .elementor-element.elementor-element-4b3522a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1026 .elementor-element.elementor-element-c95b96c{--display:flex;}.elementor-1026 .elementor-element.elementor-element-649c9dd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-ec5f7fd{--display:flex;}.elementor-1026 .elementor-element.elementor-element-27498e5{--spacer-size:10em;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1026 .elementor-element.elementor-element-cb48689{--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:2%;}.elementor-1026 .elementor-element.elementor-element-fa4fb9b{text-align:start;}.elementor-1026 .elementor-element.elementor-element-fa4fb9b .elementor-heading-title{font-size:2em;}.elementor-1026 .elementor-element.elementor-element-0dbe316{text-align:start;}.elementor-1026 .elementor-element.elementor-element-27498e5{--spacer-size:3em;}}@media(min-width:768px){.elementor-1026 .elementor-element.elementor-element-75222548{--width:100%;}.elementor-1026 .elementor-element.elementor-element-74cd303f{--width:80%;}.elementor-1026 .elementor-element.elementor-element-3feeb48d{--width:100%;}.elementor-1026 .elementor-element.elementor-element-45a19b8a{--width:80%;}.elementor-1026 .elementor-element.elementor-element-5a4a9ad9{--width:50%;}.elementor-1026 .elementor-element.elementor-element-78dd67ea{--width:50%;}.elementor-1026 .elementor-element.elementor-element-0962736{--width:100%;}.elementor-1026 .elementor-element.elementor-element-cb48689{--width:80%;}.elementor-1026 .elementor-element.elementor-element-89d044c{--width:100%;}.elementor-1026 .elementor-element.elementor-element-0544ca6{--width:100%;}.elementor-1026 .elementor-element.elementor-element-542ad80{--width:100%;}.elementor-1026 .elementor-element.elementor-element-4b3522a{--width:100%;}.elementor-1026 .elementor-element.elementor-element-c95b96c{--width:80%;}.elementor-1026 .elementor-element.elementor-element-649c9dd5{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-74cd303f */.aixperia-maxwidth-global{ max-width: 1400px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-75222548 */.aixperia-ai-bg { position: relative; overflow: hidden; background: transparent; min-height: 300px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-89983f9 *//* === LIQUID GLASS BUTTON === */ .studio-aixp-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 18px 44px; font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 15px; font-weight: 500; color: #ffffff; text-decoration: none; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.25); background: #22C1C3; background: linear-gradient(90deg,rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%); backdrop-filter: blur(24px) saturate(200%); -webkit-backdrop-filter: blur(24px) saturate(200%); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05); cursor: pointer; overflow: hidden; letter-spacing: 0.02em; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); outline: none; -webkit-tap-highlight-color: transparent; } /* Shimmer sweep animation */ .studio-aixp-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; } .studio-aixp-button:hover::before { left: 100%; } /* Inner glow ring */ .studio-aixp-button::after { content: ''; position: absolute; inset: 1px; border-radius: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 50%); pointer-events: none; } /* Hover state */ .studio-aixp-button:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.4); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(135, 206, 235, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05); } /* Active/pressed state */ .studio-aixp-button:active { transform: translateY(-1px) scale(0.98); transition: all 0.2s; } /* Focus state for accessibility */ .studio-aixp-button:focus-visible { box-shadow: 0 0 0 3px rgba(135, 206, 235, 0.3), 0 4px 24px rgba(0, 0, 0, 0.08); } /* Button text - keeps text above shimmer */ .studio-aixp-button span, .studio-aixp-button-text { position: relative; z-index: 2; } /* Optional icon inside button */ .studio-aixp-button-icon { width: 16px; height: 16px; margin-left: 12px; position: relative; z-index: 2; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .studio-aixp-button:hover .studio-aixp-button-icon { transform: translateX(5px); } /* Dark variant for light backgrounds */ .studio-aixp-button--dark { background: rgba(10, 15, 30, 0.4); border-color: rgba(10, 15, 30, 0.15); color: #0a0f1e; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.1); } .studio-aixp-button--dark::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%); } .studio-aixp-button--dark:hover { background: rgba(10, 15, 30, 0.5); border-color: rgba(10, 15, 30, 0.25); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(102, 126, 234, 0.15); } /* Small size variant */ .studio-aixp-button--sm { padding: 14px 32px; font-size: 13px; } /* Large size variant */ .studio-aixp-button--lg { padding: 22px 56px; font-size: 17px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fa4fb9b */.content-text-gradient-animation { display: inline-block; font-weight: 600; background: linear-gradient( 90deg, #2563eb, #7c3aed, #db2777, #ea580c, #db2777, #7c3aed, #2563eb ); background-size: 300% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; animation: gradientShift 4s ease infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-89d044c */.aixperia-content-maxwidth{ max-width: 1400px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-84bb9b8 *//* === STUDIO AIXP LIQUID GLASS BUTTON === */ .studio-aixp-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 18px 44px; font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 15px; font-weight: 500; color: #ffffff; text-decoration: none; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.25); background: #6EC1E4; backdrop-filter: blur(24px) saturate(200%); -webkit-backdrop-filter: blur(24px) saturate(200%); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05); cursor: pointer; overflow: hidden; letter-spacing: 0.02em; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); outline: none; -webkit-tap-highlight-color: transparent; } /* Shimmer sweep animation */ .studio-aixp-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; } .studio-aixp-button:hover::before { left: 100%; } /* Inner glow ring */ .studio-aixp-button::after { content: ''; position: absolute; inset: 1px; border-radius: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 50%); pointer-events: none; } /* Hover state */ .studio-aixp-button:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.4); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(135, 206, 235, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05); } /* Active/pressed state */ .studio-aixp-button:active { transform: translateY(-1px) scale(0.98); transition: all 0.2s; } /* Focus state for accessibility */ .studio-aixp-button:focus-visible { box-shadow: 0 0 0 3px rgba(135, 206, 235, 0.3), 0 4px 24px rgba(0, 0, 0, 0.08); } /* Button text - keeps text above shimmer */ .studio-aixp-button span, .studio-aixp-button-text { position: relative; z-index: 2; } /* Optional icon inside button */ .studio-aixp-button-icon { width: 16px; height: 16px; margin-left: 12px; position: relative; z-index: 2; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .studio-aixp-button:hover .studio-aixp-button-icon { transform: translateX(5px); } /* Dark variant for light backgrounds */ .studio-aixp-button--dark { background: rgba(10, 15, 30, 0.4); border-color: rgba(10, 15, 30, 0.15); color: #0a0f1e; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.1); } .studio-aixp-button--dark::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%); } .studio-aixp-button--dark:hover { background: rgba(10, 15, 30, 0.5); border-color: rgba(10, 15, 30, 0.25); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(102, 126, 234, 0.15); } /* Small size variant */ .studio-aixp-button--sm { padding: 14px 32px; font-size: 13px; } /* Large size variant */ .studio-aixp-button--lg { padding: 22px 56px; font-size: 17px; }/* End custom CSS */