.elementor-7827 .elementor-element.elementor-element-55d9aef{--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;--flex-wrap:wrap;}.elementor-7827 .elementor-element.elementor-element-55d9aef:not(.elementor-motion-effects-element-type-background), .elementor-7827 .elementor-element.elementor-element-55d9aef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tedxmavilisquare.com/wp-content/uploads/2026/03/polyxromo.png");background-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-7827 .elementor-element.elementor-element-51f7268{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-7827 .elementor-element.elementor-element-51f7268 > .elementor-widget-container{margin:110px 0px 0px 0px;}.elementor-7827 .elementor-element.elementor-element-51f7268.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7827 .elementor-element.elementor-element-ca3dc1c{--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-7827 .elementor-element.elementor-element-ca3dc1c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );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-7827 .elementor-element.elementor-element-11acc24{width:var( --container-widget-width, 99.243% );max-width:99.243%;--container-widget-width:99.243%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:none;color:#111111;}.elementor-7827 .elementor-element.elementor-element-11acc24 > .elementor-widget-container{margin:5px 14px 5px 5px;padding:5px 5px 5px 5px;}.elementor-7827 .elementor-element.elementor-element-11acc24.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-7827 .elementor-element.elementor-element-11acc24 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );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 );}.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-7827 .elementor-element.elementor-element-c9425f8 > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-7827 .elementor-element.elementor-element-b8dae65{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );}.elementor-7827 .elementor-element.elementor-element-6c54f23{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-7827 .elementor-element.elementor-element-6c54f23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7827 .elementor-element.elementor-element-6c54f23 img{width:100%;height:100%;}.elementor-7827 .elementor-element.elementor-element-e0456a1{--display:flex;}.elementor-7827 .elementor-element.elementor-element-e0456a1.e-con{--align-self:center;}.elementor-7827 .elementor-element.elementor-element-a630a66{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );color:var( --e-global-color-text );}.elementor-7827 .elementor-element.elementor-element-588c029 .elementor-icon-box-wrapper{gap:15px;}.elementor-7827 .elementor-element.elementor-element-fd2411e .elementor-icon-box-wrapper{gap:15px;}.elementor-7827 .elementor-element.elementor-element-6ecd374{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7827 .elementor-element.elementor-element-09efd3d{--display:flex;--margin-top:132px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7827 .elementor-element.elementor-element-9b4fa2e{--display:flex;}.elementor-7827 .elementor-element.elementor-element-9358a25 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-7827 .elementor-element.elementor-element-9358a25{text-align:center;}.elementor-7827 .elementor-element.elementor-element-5f52796{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7827 .elementor-element.elementor-element-8ebf011{--divider-border-style:solid;--divider-color:#000;--divider-border-width:9.5px;}.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider-separator{width:100%;}.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7827 .elementor-element.elementor-element-0b29fc1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-439b30f{text-align:center;}.elementor-7827 .elementor-element.elementor-element-1669ce6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:9.5px;}.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider-separator{width:100%;}.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7827 .elementor-element.elementor-element-ea883b1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-8806383{text-align:center;}.elementor-7827 .elementor-element.elementor-element-67cb756{--divider-border-style:solid;--divider-color:#000;--divider-border-width:9.5px;}.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider-separator{width:100%;}.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7827 .elementor-element.elementor-element-c98a899{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-383d920.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7827 .elementor-element.elementor-element-383d920{text-align:center;}.elementor-7827 .elementor-element.elementor-element-383d920 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:1px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:50px 50px 50px rgba(0,0,0,0.3);}.elementor-7827 .elementor-element.elementor-element-c74c4ae{--divider-border-style:solid;--divider-color:#000;--divider-border-width:9.5px;}.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider-separator{width:100%;}.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7827 .elementor-element.elementor-element-9fd8d80{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}body.elementor-page-7827:not(.elementor-motion-effects-element-type-background), body.elementor-page-7827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1919;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-7827 .elementor-element.elementor-element-ca3dc1c{--width:48.154%;}.elementor-7827 .elementor-element.elementor-element-b8dae65{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7827 .elementor-element.elementor-element-a630a66{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-7827 .elementor-element.elementor-element-0b29fc1{--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-ea883b1{--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-c98a899{--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-9fd8d80{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7827 .elementor-element.elementor-element-a630a66{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-7827 .elementor-element.elementor-element-0b29fc1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-ea883b1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-c98a899{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7827 .elementor-element.elementor-element-9fd8d80{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-51f7268 *//* =========================================
   THE QUAD-PHASE SPECIMEN (OVERFLOW)
   ========================================= */

/* 1. The Container Shard */
.elementor-7827 .elementor-element.elementor-element-51f7268 {
    padding: 160px 0 !important;
    text-align: center;
    perspective: 2000px;
    overflow: visible !important;
    width: 100%;
    position: relative;
}

/* 2. THE GLASS SLAB (Pseudo-Background) */
.elementor-7827 .elementor-element.elementor-element-51f7268::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-1.5deg);
    width: 95%; 
    height: 55%; /* Tighter height to force more overflow */
    
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(25px) saturate(140%);
    -webkit-backdrop-filter: blur(25px) saturate(140%);
    
    /* SHARPER POLYGON */
    clip-path: polygon(0% 20%, 100% 0%, 97% 80%, 3% 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 1;
}

/* 3. THE TITANIC HEADER TEXT */
.elementor-7827 .elementor-element.elementor-element-51f7268 .elementor-heading-title {
    display: block !important;
    width: 100%;
    font-size: clamp(60px, 12vw, 260px) !important;
    white-space: nowrap;
    position: relative;
    z-index: 10;
    
    /* Quad-cycle Animation (Updated to 4 Stages) */
    animation: titanicQuadCycle 8s infinite steps(1); 
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 1 !important;
}

/* 4. THE FOUR-STAGE MORPHING KEYFRAMES */
@keyframes titanicQuadCycle {
    0%, 100% {
        /* STAGE 1: PEACH ELEGANCE */
        font-family: "Didot", "Bodoni MT", serif;
        color: rgba(255, 170, 100, 1);
        transform: scale(1);
        letter-spacing: 2px;
        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
    }
    25% {
        /* STAGE 2: MINT BRUTALIST */
        font-family: "Impact", sans-serif;
        color: rgba(168, 228, 160, 1);
        transform: skewX(-12deg) scaleY(1.3); /* Major Overflow */
        letter-spacing: 10px;
        filter: drop-shadow(0 0 20px rgba(168, 228, 160, 0.6));
    }
    50% {
        /* STAGE 3: CYBER YELLOW (New!) */
        /* High-contrast condensed font for 'Warning' vibe */
        font-family: "Franklin Gothic Bold", "Arial Narrow", sans-serif;
        color: #f3ff00; 
        transform: skewY(2deg) scaleX(1.1);
        text-transform: uppercase;
        letter-spacing: -2px;
        filter: drop-shadow(0 0 25px rgba(243, 255, 0, 0.5));
    }
    75% {
        /* STAGE 4: LILAC TECH */
        font-family: "Courier New", monospace;
        color: rgba(220, 150, 220, 1);
        transform: skewX(8deg) scaleX(1.15);
        letter-spacing: -6px;
        filter: drop-shadow(0 0 20px rgba(220, 150, 220, 0.6));
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11acc24 *//* =========================================
   THE IRREGULAR "PUNK SHARD" (STAYS ASKEW)
   ========================================= */

.elementor-7827 .elementor-element.elementor-element-11acc24 {
    padding: 60px 50px;
    position: relative;
    overflow: hidden;

    /* 1. GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.45); 
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* 2. THE EDGY SHAPE: 6-Point Irregular Shard */
    /* This shape now stays consistent on hover */
    clip-path: polygon(5% 0%, 100% 8%, 94% 45%, 100% 92%, 10% 100%, 0% 50%);
    border-radius: 25px; 

    /* 3. BORDERS & ACCENTS */
    border: 1px solid rgba(255, 255, 255, 0.7);
   
    
    /* 4. SHADOW: Blocky Zine Shadow */
    box-shadow: 15px 15px 0px rgba(200, 162, 200, 0.1);
    
    /* 5. THE ASKEW TILT */
    transform: rotate(-5deg);
    
    /* ANIMATION: Smooth rotation snap */
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 6. SUBTLE HALFTONE OVERLAY */
.elementor-7827 .elementor-element.elementor-element-11acc24::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(rgba(0,0,0,0.04) 1.5px, transparent 0);
    background-size: 8px 8px;
    pointer-events: none;
    z-index: 1;
}

/* =========================================
   HOVER: ALIGNMENT & GLOW (SHAPE PERSISTS)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-11acc24:hover {
    /* 1. Rotates to 0 but keeps the irregular clip-path */
    transform: rotate(0deg) scale(1.02);
    
    /* 2. Deepens the glass opacity */
    background: rgba(255, 255, 255, 0.6);
    
    /* 3. Accent shifts to Peach */
    border-left-color: #FFC8A2; 
    
    /* 4. Shadow becomes a neon-like glow following the shard's edges */
    filter: drop-shadow(0 10px 20px rgba(255, 200, 162, 0.4));
    box-shadow: 0px 0px 0px transparent; /* Hide the blocky shadow on hover */
}

/* =========================================
   TYPOGRAPHY
   ========================================= */

.elementor-7827 .elementor-element.elementor-element-11acc24 h1, .elementor-7827 .elementor-element.elementor-element-11acc24 h2, .elementor-7827 .elementor-element.elementor-element-11acc24 h3 {
    color: #1a1a1a !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: -1.5px;
    transform: skewX(-6deg); 
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
}

.elementor-7827 .elementor-element.elementor-element-11acc24 p {
    color: #2a2a2a !important;
    font-weight: 600;
    line-height: 1.6;
    z-index: 2;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c9425f8 *//* =========================================
   THE HIGH-VIBRANCY NEON SHARD
   ========================================= */

.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button {
    position: relative;
    overflow: visible !important; 
    z-index: 1;
    
    padding: 22px 50px !important;
    min-width: 260px;
    
    background: rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    clip-path: polygon(10% 0%, 100% 0%, 95% 70%, 100% 100%, 0% 100%, 5% 30%);
    border-radius: 8px !important;
    border: none !important; 
    
    color: #1a1a1a !important;
    font-weight: 900 !important;
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: rotate(-2deg);
    
    /* --- VIBRANT STACKED GLOW --- */
    /* This animation now handles the high-intensity layering */
    animation: intenseNeonPulse 5s infinite linear;
    
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* 2. THE HALFTONE TEXTURE */
.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.2px, transparent 0);
    background-size: 6px 6px;
    z-index: -1;
    opacity: 0.6;
}

/* 3. THE SHARP LIGHT STREAK */
.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button::after {
    content: '';
    position: absolute;
    top: -50%; left: -100%; width: 50%; height: 200%;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.9) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(30deg);
    z-index: 0;
    animation: punkSheen 3.5s infinite linear;
}

/* =========================================
   HOVER: MAXIMUM VIBRANCY
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button:hover {
    transform: rotate(0deg) scale(1.06) translateY(-5px);
    background: rgba(255, 255, 255, 0.6) !important;
    
    /* Extreme Glow Boost on Hover */
    filter: 
        drop-shadow(0 0 5px #fff)
        drop-shadow(0 0 15px currentColor)
        drop-shadow(0 0 30px currentColor) !important;
    
    color: #000 !important;
    letter-spacing: 2.5px;
}

/* =========================================
   ANIMATIONS: THE VIBRANT STACK
   ========================================= */

@keyframes intenseNeonPulse {
    0%, 100% {
        /* MINT STACK */
        filter: 
            drop-shadow(0 0 2px #fff)
            drop-shadow(0 0 10px rgba(168, 228, 160, 1))
            drop-shadow(0 0 25px rgba(168, 228, 160, 0.6));
        color: #1a1a1a;
    }
    33% {
        /* PEACH STACK */
        filter: 
            drop-shadow(0 0 2px #fff)
            drop-shadow(0 0 12px rgba(255, 170, 100, 1))
            drop-shadow(0 0 30px rgba(255, 170, 100, 0.7));
    }
    66% {
        /* LILAC STACK */
        filter: 
            drop-shadow(0 0 2px #fff)
            drop-shadow(0 0 12px rgba(220, 150, 220, 1))
            drop-shadow(0 0 30px rgba(220, 150, 220, 0.7));
    }
}

@keyframes punkSheen {
    0% { left: -100%; }
    15% { left: 150%; } /* Faster sweep for more "energy" */
    100% { left: 150%; }
}

/* =========================================
   CLICK ACTION
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c9425f8 .elementor-button:active {
    transform: scale(0.94);
    filter: brightness(1.5) contrast(1.2); /* White-out flash on click */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c54f23 *//* =========================================
   THE OVERFLOWING BLADE SHARD (PUNK VIBE)
   ========================================= */

.elementor-7827 .elementor-element.elementor-element-6c54f23 {
    /* SIZE & POSITION */
    width: 100%; 
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    position: relative;
    /* --- CRITICAL CHANGE --- */
    overflow: visible !important; /* Allow the image to spill out */
    
    /* THE ASKEW TILT */
    transform: rotate(3deg); 
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 1. THE GLASS BACKGROUND (Moving the shape here) */
.elementor-7827 .elementor-element.elementor-element-6c54f23::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1; /* Sits behind the image */
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.4); 
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    
    /* UNIQUE BLADE SHAPE */
    clip-path: polygon(25% 0%, 100% 0%, 88% 40%, 100% 75%, 85% 100%, 0% 100%, 5% 45%);
    border-radius: 20px; 
    border: 1px solid rgba(255, 255, 255, 0.6);
    
    /* SHADOW */
    box-shadow: -12px 12px 0px rgba(200, 162, 200, 0.15);
    transition: all 0.5s ease;
}

/* 2. THE OVERFLOWING IMAGE */
.elementor-7827 .elementor-element.elementor-element-6c54f23 img {
    width: 110%; /* Makes it larger than the "glass" area */
    height: auto;
    max-width: none !important; /* Prevents Elementor from squishing it */
    aspect-ratio: 1/1;
    object-fit: cover;
    
    border-radius: 12px; 
    filter: grayscale(20%) contrast(110%);
    
    /* Z-index 2 puts it on top of the glass and the halftone */
    position: relative;
    z-index: 5; 
    
    transform: rotate(-5deg); /* Heavy counter-tilt for that edgy look */
    transition: all 0.5s ease;
}

/* 3. HALFTONE OVERLAY (Stays inside the glass) */
.elementor-7827 .elementor-element.elementor-element-6c54f23::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(rgba(0,0,0,0.05) 1.2px, transparent 0);
    background-size: 7px 7px;
    pointer-events: none;
    z-index: 2; /* Sits on glass, but under image */
    
    /* Matches the glass shape */
    clip-path: polygon(25% 0%, 100% 0%, 88% 40%, 100% 75%, 85% 100%, 0% 100%, 5% 45%);
}

/* =========================================
   HOVER EFFECTS
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-6c54f23:hover {
    transform: rotate(0deg) scale(1.02);
}

.elementor-7827 .elementor-element.elementor-element-6c54f23:hover::after {
    background: rgba(255, 255, 255, 0.55);
    filter: drop-shadow(0 15px 30px rgba(255, 200, 162, 0.4));
}

.elementor-7827 .elementor-element.elementor-element-6c54f23:hover img {
    transform: rotate(0deg) scale(1.1); /* Image pops out even more */
    filter: grayscale(0%) contrast(100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a630a66 *//* =========================================
   THE SPECIMEN SHARD (ENARGEIA ICON BOX)
   ========================================= */

/* 1. The Shard Container */
.elementor-7827 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box {
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.35); 
    backdrop-filter: blur(18px); 
    -webkit-backdrop-filter: blur(18px); 
    
    /* THE PUNK SHAPE: Asymmetric 6-point shard */
    clip-path: polygon(0% 15%, 15% 0%, 100% 10%, 90% 85%, 100% 100%, 10% 95%);
    border-radius: 12px; 
    
    /* LAYOUT */
    padding: 50px 35px; 
    height: 100%; 
    text-align: center;
    position: relative;
    overflow: visible !important; /* Allow the high-vibrancy glow to bleed out */
    
    /* VIBRANT CONTINUOUS PULSE */
    animation: intenseShardPulse 6s infinite linear;
    
    /* PHYSICS: The "Snap" */
    transform: rotate(-3deg);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); 
}

/* 2. HALFTONE OVERLAY */
.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.06) 1.2px, transparent 0);
    background-size: 8px 8px;
    pointer-events: none;
    z-index: 0;
}

/* 3. The Icon Shard (Centered) */
.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon {
    margin: 0 auto 25px auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Mini Sharp Shard for Icon */
    background: rgba(255, 255, 255, 0.6); 
    width: 70px;
    height: 70px;
    clip-path: polygon(20% 0%, 100% 20%, 80% 100%, 0% 80%);
    
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon i, 
.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon svg {
    color: #1a1a1a !important; 
    fill: #1a1a1a !important;
    font-size: 28px; 
}

/* 4. The Text Styling (Brutalist Lite) */
.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-icon-box-title {
    color: #1a1a1a !important;
    text-transform: uppercase;
    font-weight: 900 !important; 
    letter-spacing: -1px;
    transform: skewX(-5deg); /* Punk slant */
    margin-bottom: 12px !important;
}

.elementor-7827 .elementor-element.elementor-element-a630a66 .elementor-icon-box-description {
    color: #2a2a2a !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    transform: skewX(0); /* Keep readable */
}

/* =========================================
   HOVER: THE SNAP & MAXIMUM VIBRANCY
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box:hover {
    transform: rotate(0deg) scale(1.05) translateY(-10px); 
    background: rgba(255, 255, 255, 0.55); 
    
    /* Intense Triple-Stacked Glow */
    filter: 
        drop-shadow(0 0 5px #fff)
        drop-shadow(0 0 15px currentColor)
        drop-shadow(0 0 40px currentColor) !important;
}

.elementor-7827 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box:hover .elementor-icon-box-icon {
    transform: scale(1.2) rotate(-15deg);
    background: #fff;
}

/* =========================================
   ANIMATION: VIBRANT STACKED PULSE
   ========================================= */
@keyframes intenseShardPulse {
    0%, 100% {
        /* MINT GLOW */
        filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px rgba(168, 228, 160, 0.8));
        color: rgba(168, 228, 160, 1); /* For currentColor hover use */
    }
    33% {
        /* PEACH GLOW */
        filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 15px rgba(255, 170, 100, 0.8));
        color: rgba(255, 170, 100, 1);
    }
    66% {
        /* LILAC GLOW */
        filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 15px rgba(220, 150, 220, 0.8));
        color: rgba(220, 150, 220, 1);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ecd374 *//* =========================================
   THE FRACTURED COMMAND CENTER (ENARGEIA)
   ========================================= */

/* 1. The Main Wrapper (Brutalist Glass Shard) */
.elementor-7827 .elementor-element.elementor-element-6ecd374 {
    padding: 60px; 
    position: relative;
    overflow: visible !important;
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.35); 
    backdrop-filter: blur(25px); 
    -webkit-backdrop-filter: blur(25px);
    
    /* THE SHAPE */
    clip-path: polygon(2% 0%, 100% 3%, 98% 95%, 45% 100%, 0% 90%);
    border-radius: 15px; 
    border: 1px solid rgba(255, 255, 255, 0.5);
  
    /* THE ASKEW TILT */
    transform: rotate(-1.5deg);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* 2. HALFTONE GRID */
.elementor-7827 .elementor-element.elementor-element-6ecd374::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.07) 1.5px, transparent 0);
    background-size: 10px 10px;
    pointer-events: none;
    z-index: 0;
}

/* 3. Hover Effect */
.elementor-7827 .elementor-element.elementor-element-6ecd374:hover {
    transform: rotate(0deg) scale(1.01);
    background: rgba(255, 255, 255, 0.5);
    filter: drop-shadow(0 0 30px currentColor);
}

/* =========================================
   INNER WIDGETS
   ========================================= */

/* A. NEWS TICKER / HEADLINES */
.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-headline {
    color: #fff !important;
    background: #1a1a1a !important;
    padding: 8px 20px !important;
    clip-path: polygon(0% 0%, 100% 5%, 98% 100%, 2% 95%);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* B. GOOGLE MAPS (FIXED: NO CROPPING) */
/* We target the widget container for the shape and add padding */
.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-widget-google_maps {
    padding: 15px !important; /* The "Safe Zone" for buttons */
    background: rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    /* Move the clip-path here instead of the iframe */
    clip-path: polygon(4% 0%, 100% 1%, 97% 100%, 0% 97%);
    border: 2px solid #1a1a1a;
}

.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-widget-google_maps iframe {
    /* Reset the iframe so it's a perfect rectangle inside our safe zone */
    clip-path: none !important; 
    border-radius: 5px;
    filter: grayscale(0.4) contrast(1.2) brightness(1.1);
}

/* C. TIMELINE */
.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-timeline-line { 
    background: currentColor !important;
    width: 3px !important;
    box-shadow: 0 0 15px currentColor;
}

.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-timeline-icon {
    background-color: #1a1a1a !important;
    border: 2px solid currentColor !important;
    box-shadow: 0 0 10px currentColor;
    border-radius: 4px;
    transform: rotate(45deg);
}

.elementor-7827 .elementor-element.elementor-element-6ecd374 .elementor-timeline-item-content {
    background: rgba(255,255,255,0.2) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.4) !important;
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%);
    padding: 25px !important;
}

/* =========================================
   ANIMATION: HIGH-VIBRANCY NEON STACK
   ========================================= */
@keyframes intenseDashboardPulse {
    0%, 100% {
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(168, 228, 160, 0.7));
        color: rgba(168, 228, 160, 1);
    }
    33% {
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(255, 170, 100, 0.7));
        color: rgba(255, 170, 100, 1);
    }
    66% {
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(220, 150, 220, 0.7));
        color: rgba(220, 150, 220, 1);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9358a25 *//* =========================================
   1. FIX: RESET WIDGET WRAPPER
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9358a25,
.elementor-7827 .elementor-element.elementor-element-9358a25 .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 20px !important; /* Increased padding for glow breathing room */
}

/* =========================================
   2. THE SERRATED SHARD HEADING
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9358a25 .elementor-heading-title {
    /* --- SHARD LAYOUT --- */
    display: inline-block !important;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    
    /* --- GLASS TEXTURE --- */
    background: rgba(255, 255, 255, 0.3) !important; 
    backdrop-filter: blur(15px);           
    -webkit-backdrop-filter: blur(15px);
    
    /* --- UNIQUE SHAPE: The Serrated Cut --- */
    /* A sharp, 6-point industrial shard shape */
    clip-path: polygon(5% 0%, 100% 0%, 95% 50%, 100% 100%, 0% 100%, 5% 50%);
    border-radius: 4px !important; /* Sharp edges, minimal rounding */
    
    /* --- SPACING & BRUTALIST SHADOW --- */
    padding: 18px 60px !important;
    /* Blocky lilac shadow to match the dashboard shards */
    box-shadow: 8px 8px 0px rgba(200, 162, 200, 0.2);
    
    /* --- TEXT STYLING (KEPT AS REQUESTED) --- */
    color: #1a1a1a !important; 
    font-weight: 900 !important; 
    letter-spacing: 2px; /* Slightly wider for industrial feel */
    text-transform: uppercase;
    text-align: center;
    line-height: 1 !important;
    
    /* --- THE ASKEW TILT --- */
    transform: rotate(-1.5deg);
    
    /* --- ANIMATION & INTERACTION --- */
    animation: glowShift 5s infinite linear; 
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
    cursor: default;
}

/* --- HALFTONE OVERLAY FOR HEADING --- */
.elementor-7827 .elementor-element.elementor-element-9358a25 .elementor-heading-title::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.2px, transparent 0);
    background-size: 6px 6px;
    z-index: -1;
    opacity: 0.4;
}

/* =========================================
   3. HOVER: THE ALIGNMENT SNAP
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9358a25 .elementor-heading-title:hover {
    transform: rotate(0deg) scale(1.05);
    background: rgba(255, 255, 255, 0.5) !important;
    letter-spacing: 4px; /* Text expands into the shard */
    box-shadow: 0px 0px 0px transparent;
    /* Adds the neon bloom to the whole shard on hover */
    filter: drop-shadow(0 0 15px currentColor); 
}

/* =========================================
   4. THE GLOW ANIMATION (KEPT AS REQUESTED)
   ========================================= */
@keyframes glowShift {
    0%, 100% {
        text-shadow: 
            0 0 15px rgba(168, 228, 160, 1),  
            0 0 30px rgba(168, 228, 160, 0.8);
        color: rgba(168, 228, 160, 1); /* Bridges color to the hover filter */
    }
    33% {
        text-shadow: 
            0 0 15px rgba(255, 170, 100, 1),  
            0 0 30px rgba(255, 170, 100, 0.8);
        color: rgba(255, 170, 100, 1);
    }
    66% {
        text-shadow: 
            0 0 15px rgba(220, 150, 220, 1),  
            0 0 30px rgba(220, 150, 220, 0.8);
        color: rgba(220, 150, 220, 1);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f52796 *//* =========================================
   1. FIX: REMOVE OUTER WHITE BOX
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-5f52796,
.elementor-7827 .elementor-element.elementor-element-5f52796 .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. THE PILL CONTAINER (Strategic Growth Text)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-5f52796 p, 
.elementor-7827 .elementor-element.elementor-element-5f52796 h1, .elementor-7827 .elementor-element.elementor-element-5f52796 h2, .elementor-7827 .elementor-element.elementor-element-5f52796 h3, .elementor-7827 .elementor-element.elementor-element-5f52796 h4, .elementor-7827 .elementor-element.elementor-element-5f52796 h5, .elementor-7827 .elementor-element.elementor-element-5f52796 h6,
.elementor-7827 .elementor-element.elementor-element-5f52796 span {
    /* --- LAYOUT --- */
    display: table; 
    margin: 0 auto;
    width: fit-content;

    /* --- TACTICAL NAVY TO EMERALD GREEN --- */
    /* Deep blue base that peaks into a sharp, forward-thinking electric green */
    background: linear-gradient(110deg, #0A2342 0%, #0B9A8D 25%, #00E676 50%, #0B9A8D 75%, #0A2342 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important; 
    
    font-weight: 800; 
    letter-spacing: 2px; 
    text-transform: uppercase;
    line-height: 2 !important; 
    
    /* THE PRECISION SCAN ANIMATION */
    animation: growthScan 4s infinite linear; 
    
    /* Interaction */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}

/* =========================================
   3. THE GROWTH SCAN ANIMATION
   ========================================= */
@keyframes growthScan {
    /* Stage 1: Deep Analytical Teal Ambient */
    0% {
        background-position: 0% center;
        filter: drop-shadow(0 0 8px rgba(11, 154, 141, 0.4));
    }
    /* Stage 2: Sharp Emerald Processing Flash */
    50% {
        background-position: 100% center;
        filter: drop-shadow(0 0 15px rgba(0, 230, 118, 0.8)) drop-shadow(0 0 5px rgba(11, 154, 141, 0.6));
    }
    /* Stage 3: Back to Analytical */
    100% {
        background-position: 0% center;
        filter: drop-shadow(0 0 8px rgba(11, 154, 141, 0.4));
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-8ebf011 *//* =========================================
   THE JAGGED GLASS RESISTOR (ENARGEIA)
   ========================================= */

/* 1. Reset & Spacing */
.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    overflow: visible !important;
}

/* 2. The Jagged Glass Tube */
.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider-separator {
    border: none !important; 
    width: 100% !important;
    height: 50px !important; /* Thick glass bar */
    margin: 0 auto;
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* THE ZIGZAG SHAPE: Industrial Serrated Shard */
    /* This creates 3 large sharp peaks across the length */
    clip-path: polygon(
        0% 50%, 15% 50%, 25% 0%, 40% 100%, 55% 0%, 70% 100%, 80% 50%, 100% 50%,
        100% 65%, 80% 65%, 70% 115%, 55% 15%, 40% 115%, 25% 15%, 15% 65%, 0% 65%
    );
    
    /* THE NEON VIBRANCY PULSE */
    animation: intenseGlassPulse 6s 
    
    position: relative;
    overflow: hidden; 
}

/* 3. THE INTERNAL HALFTONE (The "Technical" Detail) */
.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.5px, transparent 0);
    background-size: 10px 10px;
    z-index: 1;
    opacity: 0.4;
}

/* 4. THE LIGHT BEAM (Sweeping through the glass) */
.elementor-7827 .elementor-element.elementor-element-8ebf011 .elementor-divider-separator::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%; 
    height: 200%;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(20deg);
    animation: crystalSweep 4s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes crystalSweep {
    0% { left: -120%; }
    25% { left: 150%; } /* Snappy movement */
    100% { left: 150%; }
}

@keyframes intenseGlassPulse {
    0%, 100% {
        /* Mint Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px rgba(168, 228, 160, 0.8));
        background: rgba(168, 228, 160, 0.2) !important;
    }
    33% {
        /* Peach Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(255, 170, 100, 0.8));
        background: rgba(255, 170, 100, 0.2) !important;
    }
    66% {
        /* Lilac Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(220, 150, 220, 0.8));
        background: rgba(220, 150, 220, 0.2) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b29fc1 *//* =========================================
   1. THE BRUTALIST GRID
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; 
    gap: 60px 40px !important; /* Increased vertical gap for overflow room */
    padding: 60px !important;
    perspective: 1000px;
}

/* =========================================
   2. THE SHARD BASE (Pseudo-Background)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > .e-con, 
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > .elementor-widget, 
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > .e-loop-item,
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > .elementor-container > * {
    position: relative;
    background: transparent !important; /* Real background is now the pseudo-element */
    padding: 40px 25px !important;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
    z-index: 1;
    overflow: visible !important; /* CRITICAL: Allows image overflow */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* ASKEW PHYSICS */
    transform: rotate(calc(var(--item-rotation, -2deg)));
}

/* THE JAGGED GLASS ELEMENT */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px) saturate(110%);
    -webkit-backdrop-filter: blur(20px) saturate(110%);
    
    /* THE SHAPE */
    clip-path: polygon(5% 0%, 100% 10%, 90% 90%, 100% 100%, 0% 95%, 10% 50%);
    z-index: -1; /* Sits behind the image */
    transition: all 0.4s ease;
}

/* RANDOM ROTATION */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *:nth-child(even) { --item-rotation: 2.5deg; }
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *:nth-child(3n) { --item-rotation: -3deg; }

/* =========================================
   3. THE OVERFLOWING IMAGES
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 img {
    max-height: 140px !important; /* Slightly larger */
    width: auto !important;
    object-fit: contain !important;
    position: relative;
    z-index: 5; /* Sits above the shard */
    
    /* Allows the image to break the shard boundaries */
    transform: scale(1.1) translateZ(20px); 
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* Depth for the logo */
    transition: all 0.4s ease !important;
}

/* =========================================
   4. HOVER: THE "POP-OUT" EFFECT
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *:hover {
    transform: rotate(0deg) scale(1.1) translateY(-15px) !important;
    z-index: 50 !important;
    animation: intenseShardPulse 5s infinite linear;
}

.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *:hover img {
    transform: scale(1.25) translateZ(50px); /* Logo pops out even more */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
}

.elementor-7827 .elementor-element.elementor-element-0b29fc1 > *:hover::after {
    background: rgba(255, 255, 255, 0.55);
}

/* =========================================
   ANIMATION: THE VIBRANT CYCLE
   ========================================= */
@keyframes intenseShardPulse {
    0%, 100% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(168, 228, 160, 0.8)); }
    33% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(255, 170, 100, 0.8)); }
    66% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(220, 150, 220, 0.8)); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-439b30f *//* =========================================
   1. FIX: REMOVE OUTER WHITE BOX
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-439b30f,
.elementor-7827 .elementor-element.elementor-element-439b30f .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. THE PILL CONTAINER (Pearlescent Platinum)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-439b30f p, 
.elementor-7827 .elementor-element.elementor-element-439b30f h1, .elementor-7827 .elementor-element.elementor-element-439b30f h2, .elementor-7827 .elementor-element.elementor-element-439b30f h3, .elementor-7827 .elementor-element.elementor-element-439b30f h4, .elementor-7827 .elementor-element.elementor-element-439b30f h5, .elementor-7827 .elementor-element.elementor-element-439b30f h6,
.elementor-7827 .elementor-element.elementor-element-439b30f span {
    /* --- LAYOUT --- */
    display: table; 
    margin: 0 auto;
    width: fit-content;

    /* --- PLATINUM METALLIC TEXT (Iridescent Tint) --- */
    /* Kept the bright whites and silvers, but tinted the shadow bands with Lilac and Mint */
    background: linear-gradient(110deg, #D4D7E0 0%, #FFFFFF 25%, #C8A2C8 50%, #FFFFFF 75%, #A8E4A0 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important; 
    
    font-weight: 800; 
    letter-spacing: 1.5px; 
    text-transform: uppercase;
    line-height: 2 !important; 
    
    /* THE REFLECTION ANIMATION */
    animation: platinumShimmer 6s infinite linear; /* Slightly slower for a more luxurious shine */
    
    /* Interaction */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}

/* =========================================
   3. THE PLATINUM SHIMMER ANIMATION (Enargeia Lights)
   ========================================= */
@keyframes platinumShimmer {
    0% {
        background-position: 0% center;
        /* Ambient Mint reflection */
        filter: drop-shadow(0 0 8px rgba(168, 228, 160, 0.4));
    }
    33% {
        background-position: 50% center;
        /* Bright white metallic flash + Peach ambient glow */
        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 200, 162, 0.6));
    }
    66% {
        background-position: 100% center;
        /* Ambient Lilac reflection */
        filter: drop-shadow(0 0 8px rgba(200, 162, 200, 0.4));
    }
    100% {
        background-position: 0% center;
        /* Ambient Mint reflection */
        filter: drop-shadow(0 0 8px rgba(168, 228, 160, 0.4));
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1669ce6 *//* =========================================
   THE JAGGED GLASS RESISTOR (ENARGEIA)
   ========================================= */

/* 1. Reset & Spacing */
.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    overflow: visible !important;
}

/* 2. The Jagged Glass Tube */
.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider-separator {
    border: none !important; 
    width: 100% !important;
    height: 50px !important; /* Thick glass bar */
    margin: 0 auto;
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* THE ZIGZAG SHAPE: Industrial Serrated Shard */
    /* This creates 3 large sharp peaks across the length */
    clip-path: polygon(
        0% 50%, 15% 50%, 25% 0%, 40% 100%, 55% 0%, 70% 100%, 80% 50%, 100% 50%,
        100% 65%, 80% 65%, 70% 115%, 55% 15%, 40% 115%, 25% 15%, 15% 65%, 0% 65%
    );
    
    /* THE NEON VIBRANCY PULSE */
    animation: intenseGlassPulse 6s 
    
    position: relative;
    overflow: hidden; 
}

/* 3. THE INTERNAL HALFTONE (The "Technical" Detail) */
.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.5px, transparent 0);
    background-size: 10px 10px;
    z-index: 1;
    opacity: 0.4;
}

/* 4. THE LIGHT BEAM (Sweeping through the glass) */
.elementor-7827 .elementor-element.elementor-element-1669ce6 .elementor-divider-separator::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%; 
    height: 200%;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(20deg);
    animation: crystalSweep 4s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes crystalSweep {
    0% { left: -120%; }
    25% { left: 150%; } /* Snappy movement */
    100% { left: 150%; }
}

@keyframes intenseGlassPulse {
    0%, 100% {
        /* Mint Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px rgba(168, 228, 160, 0.8));
        background: rgba(168, 228, 160, 0.2) !important;
    }
    33% {
        /* Peach Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(255, 170, 100, 0.8));
        background: rgba(255, 170, 100, 0.2) !important;
    }
    66% {
        /* Lilac Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(220, 150, 220, 0.8));
        background: rgba(220, 150, 220, 0.2) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea883b1 *//* =========================================
   1. THE BRUTALIST GRID
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-ea883b1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; 
    gap: 60px 40px !important; /* Increased vertical gap for overflow room */
    padding: 60px !important;
    perspective: 1000px;
}

/* =========================================
   2. THE SHARD BASE (Pseudo-Background)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-ea883b1 > .e-con, 
.elementor-7827 .elementor-element.elementor-element-ea883b1 > .elementor-widget, 
.elementor-7827 .elementor-element.elementor-element-ea883b1 > .e-loop-item,
.elementor-7827 .elementor-element.elementor-element-ea883b1 > .elementor-container > * {
    position: relative;
    background: transparent !important; /* Real background is now the pseudo-element */
    padding: 40px 25px !important;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
    z-index: 1;
    overflow: visible !important; /* CRITICAL: Allows image overflow */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* ASKEW PHYSICS */
    transform: rotate(calc(var(--item-rotation, -2deg)));
}

/* THE JAGGED GLASS ELEMENT */
.elementor-7827 .elementor-element.elementor-element-ea883b1 > *::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px) saturate(110%);
    -webkit-backdrop-filter: blur(20px) saturate(110%);
    
    /* THE SHAPE */
    clip-path: polygon(5% 0%, 100% 10%, 90% 90%, 100% 100%, 0% 95%, 10% 50%);
    z-index: -1; /* Sits behind the image */
    transition: all 0.4s ease;
}

/* RANDOM ROTATION */
.elementor-7827 .elementor-element.elementor-element-ea883b1 > *:nth-child(even) { --item-rotation: 2.5deg; }
.elementor-7827 .elementor-element.elementor-element-ea883b1 > *:nth-child(3n) { --item-rotation: -3deg; }

/* =========================================
   3. THE OVERFLOWING IMAGES
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-ea883b1 img {
    max-height: 140px !important; /* Slightly larger */
    width: auto !important;
    object-fit: contain !important;
    position: relative;
    z-index: 5; /* Sits above the shard */
    
    /* Allows the image to break the shard boundaries */
    transform: scale(1.1) translateZ(20px); 
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* Depth for the logo */
    transition: all 0.4s ease !important;
}

/* =========================================
   4. HOVER: THE "POP-OUT" EFFECT
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-ea883b1 > *:hover {
    transform: rotate(0deg) scale(1.1) translateY(-15px) !important;
    z-index: 50 !important;
    animation: intenseShardPulse 5s infinite linear;
}

.elementor-7827 .elementor-element.elementor-element-ea883b1 > *:hover img {
    transform: scale(1.25) translateZ(50px); /* Logo pops out even more */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
}

.elementor-7827 .elementor-element.elementor-element-ea883b1 > *:hover::after {
    background: rgba(255, 255, 255, 0.55);
}

/* =========================================
   ANIMATION: THE VIBRANT CYCLE
   ========================================= */
@keyframes intenseShardPulse {
    0%, 100% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(168, 228, 160, 0.8)); }
    33% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(255, 170, 100, 0.8)); }
    66% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(220, 150, 220, 0.8)); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8806383 *//* =========================================
   1. FIX: REMOVE OUTER WHITE BOX
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-8806383,
.elementor-7827 .elementor-element.elementor-element-8806383 .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. THE PILL CONTAINER (Champagne Gold Text)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-8806383 p, 
.elementor-7827 .elementor-element.elementor-element-8806383 h1, .elementor-7827 .elementor-element.elementor-element-8806383 h2, .elementor-7827 .elementor-element.elementor-element-8806383 h3, .elementor-7827 .elementor-element.elementor-element-8806383 h4, .elementor-7827 .elementor-element.elementor-element-8806383 h5, .elementor-7827 .elementor-element.elementor-element-8806383 h6,
.elementor-7827 .elementor-element.elementor-element-8806383 span {
    /* --- LAYOUT --- */
    display: table; 
    margin: 0 auto;
    width: fit-content;

    /* --- CHAMPAGNE GOLD METALLIC TEXT --- */
    /* Uses the Enargeia Soft Peach and Dark Peach for a warm rose-gold shine */
    background: linear-gradient(110deg, #FFC8A2 0%, #FFFFFF 25%, #D87F60 50%, #FFFFFF 75%, #FFC8A2 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important; 
    
    font-weight: 800; 
    letter-spacing: 1.5px; 
    text-transform: uppercase;
    line-height: 2 !important; 
    
    /* THE REFLECTION ANIMATION */
    animation: goldShimmer 5s infinite linear; /* Slightly slower for elegance */
    
    /* Interaction */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}

/* =========================================
   3. THE GOLD SHIMMER ANIMATION
   ========================================= */
@keyframes goldShimmer {
    0% {
        background-position: 0% center;
        /* Ambient Soft Peach glow */
        filter: drop-shadow(0 0 8px rgba(255, 200, 162, 0.4));
    }
    50% {
        background-position: 100% center;
        /* Bright white metallic flash + Dark Peach ambient depth */
        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 8px rgba(216, 127, 96, 0.6));
    }
    100% {
        background-position: 0% center;
        /* Ambient Soft Peach glow */
        filter: drop-shadow(0 0 8px rgba(255, 200, 162, 0.4));
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-67cb756 *//* =========================================
   THE JAGGED GLASS RESISTOR (ENARGEIA)
   ========================================= */

/* 1. Reset & Spacing */
.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    overflow: visible !important;
}

/* 2. The Jagged Glass Tube */
.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider-separator {
    border: none !important; 
    width: 100% !important;
    height: 50px !important; /* Thick glass bar */
    margin: 0 auto;
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* THE ZIGZAG SHAPE: Industrial Serrated Shard */
    /* This creates 3 large sharp peaks across the length */
    clip-path: polygon(
        0% 50%, 15% 50%, 25% 0%, 40% 100%, 55% 0%, 70% 100%, 80% 50%, 100% 50%,
        100% 65%, 80% 65%, 70% 115%, 55% 15%, 40% 115%, 25% 15%, 15% 65%, 0% 65%
    );
    
    /* THE NEON VIBRANCY PULSE */
    animation: intenseGlassPulse 6s 
    
    position: relative;
    overflow: hidden; 
}

/* 3. THE INTERNAL HALFTONE (The "Technical" Detail) */
.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.5px, transparent 0);
    background-size: 10px 10px;
    z-index: 1;
    opacity: 0.4;
}

/* 4. THE LIGHT BEAM (Sweeping through the glass) */
.elementor-7827 .elementor-element.elementor-element-67cb756 .elementor-divider-separator::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%; 
    height: 200%;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(20deg);
    animation: crystalSweep 4s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes crystalSweep {
    0% { left: -120%; }
    25% { left: 150%; } /* Snappy movement */
    100% { left: 150%; }
}

@keyframes intenseGlassPulse {
    0%, 100% {
        /* Mint Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px rgba(168, 228, 160, 0.8));
        background: rgba(168, 228, 160, 0.2) !important;
    }
    33% {
        /* Peach Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(255, 170, 100, 0.8));
        background: rgba(255, 170, 100, 0.2) !important;
    }
    66% {
        /* Lilac Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(220, 150, 220, 0.8));
        background: rgba(220, 150, 220, 0.2) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c98a899 *//* =========================================
   1. THE BRUTALIST GRID
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c98a899 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; 
    gap: 60px 40px !important; /* Increased vertical gap for overflow room */
    padding: 60px !important;
    perspective: 1000px;
}

/* =========================================
   2. THE SHARD BASE (Pseudo-Background)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c98a899 > .e-con, 
.elementor-7827 .elementor-element.elementor-element-c98a899 > .elementor-widget, 
.elementor-7827 .elementor-element.elementor-element-c98a899 > .e-loop-item,
.elementor-7827 .elementor-element.elementor-element-c98a899 > .elementor-container > * {
    position: relative;
    background: transparent !important; /* Real background is now the pseudo-element */
    padding: 40px 25px !important;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
    z-index: 1;
    overflow: visible !important; /* CRITICAL: Allows image overflow */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* ASKEW PHYSICS */
    transform: rotate(calc(var(--item-rotation, -2deg)));
}

/* THE JAGGED GLASS ELEMENT */
.elementor-7827 .elementor-element.elementor-element-c98a899 > *::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px) saturate(110%);
    -webkit-backdrop-filter: blur(20px) saturate(110%);
    
    /* THE SHAPE */
    clip-path: polygon(5% 0%, 100% 10%, 90% 90%, 100% 100%, 0% 95%, 10% 50%);
    z-index: -1; /* Sits behind the image */
    transition: all 0.4s ease;
}

/* RANDOM ROTATION */
.elementor-7827 .elementor-element.elementor-element-c98a899 > *:nth-child(even) { --item-rotation: 2.5deg; }
.elementor-7827 .elementor-element.elementor-element-c98a899 > *:nth-child(3n) { --item-rotation: -3deg; }

/* =========================================
   3. THE OVERFLOWING IMAGES
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c98a899 img {
    max-height: 140px !important; /* Slightly larger */
    width: auto !important;
    object-fit: contain !important;
    position: relative;
    z-index: 5; /* Sits above the shard */
    
    /* Allows the image to break the shard boundaries */
    transform: scale(1.1) translateZ(20px); 
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* Depth for the logo */
    transition: all 0.4s ease !important;
}

/* =========================================
   4. HOVER: THE "POP-OUT" EFFECT
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-c98a899 > *:hover {
    transform: rotate(0deg) scale(1.1) translateY(-15px) !important;
    z-index: 50 !important;
    animation: intenseShardPulse 5s infinite linear;
}

.elementor-7827 .elementor-element.elementor-element-c98a899 > *:hover img {
    transform: scale(1.25) translateZ(50px); /* Logo pops out even more */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
}

.elementor-7827 .elementor-element.elementor-element-c98a899 > *:hover::after {
    background: rgba(255, 255, 255, 0.55);
}

/* =========================================
   ANIMATION: THE VIBRANT CYCLE
   ========================================= */
@keyframes intenseShardPulse {
    0%, 100% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(168, 228, 160, 0.8)); }
    33% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(255, 170, 100, 0.8)); }
    66% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(220, 150, 220, 0.8)); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-383d920 *//* =========================================
   1. FIX: REMOVE OUTER WHITE BOX
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-383d920,
.elementor-7827 .elementor-element.elementor-element-383d920 .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. THE PILL CONTAINER (Warm Friends Text)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-383d920 p, 
.elementor-7827 .elementor-element.elementor-element-383d920 h1, .elementor-7827 .elementor-element.elementor-element-383d920 h2, .elementor-7827 .elementor-element.elementor-element-383d920 h3, .elementor-7827 .elementor-element.elementor-element-383d920 h4, .elementor-7827 .elementor-element.elementor-element-383d920 h5, .elementor-7827 .elementor-element.elementor-element-383d920 h6,
.elementor-7827 .elementor-element.elementor-element-383d920 span {
    /* --- LAYOUT --- */
    display: table; 
    margin: 0 auto;
    width: fit-content;

    /* --- WARM PASTEL GRADIENT TEXT --- */
    /* Blends Soft Peach, Muted Rose, and Soft Lilac for a highly approachable, warm feel */
    background: linear-gradient(110deg, #FFC8A2 0%, #D27D8C 25%, #C8A2C8 50%, #D27D8C 75%, #FFC8A2 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important; 
    
    font-weight: 800; 
    letter-spacing: 1.5px; 
    text-transform: uppercase;
    line-height: 2 !important; 
    
    /* THE WARM GLOW ANIMATION --- */
    animation: friendshipGlow 6s infinite linear; 
    
    /* Interaction */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}

/* =========================================
   3. THE FRIENDSHIP GLOW ANIMATION
   ========================================= */
@keyframes friendshipGlow {
    0% {
        background-position: 0% center;
        /* Ambient Soft Peach glow */
        filter: drop-shadow(0 0 10px rgba(255, 200, 162, 0.4));
    }
    50% {
        background-position: 100% center;
        /* Transitions to a slightly stronger Muted Rose glow */
        filter: drop-shadow(0 0 15px rgba(210, 125, 140, 0.7));
    }
    100% {
        background-position: 0% center;
        /* Back to ambient Soft Peach glow */
        filter: drop-shadow(0 0 10px rgba(255, 200, 162, 0.4));
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c74c4ae *//* =========================================
   THE JAGGED GLASS RESISTOR (ENARGEIA)
   ========================================= */

/* 1. Reset & Spacing */
.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    overflow: visible !important;
}

/* 2. The Jagged Glass Tube */
.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider-separator {
    border: none !important; 
    width: 100% !important;
    height: 50px !important; /* Thick glass bar */
    margin: 0 auto;
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* THE ZIGZAG SHAPE: Industrial Serrated Shard */
    /* This creates 3 large sharp peaks across the length */
    clip-path: polygon(
        0% 50%, 15% 50%, 25% 0%, 40% 100%, 55% 0%, 70% 100%, 80% 50%, 100% 50%,
        100% 65%, 80% 65%, 70% 115%, 55% 15%, 40% 115%, 25% 15%, 15% 65%, 0% 65%
    );
    
    /* THE NEON VIBRANCY PULSE */
    animation: intenseGlassPulse 6s 
    
    position: relative;
    overflow: hidden; 
}

/* 3. THE INTERNAL HALFTONE (The "Technical" Detail) */
.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.1) 1.5px, transparent 0);
    background-size: 10px 10px;
    z-index: 1;
    opacity: 0.4;
}

/* 4. THE LIGHT BEAM (Sweeping through the glass) */
.elementor-7827 .elementor-element.elementor-element-c74c4ae .elementor-divider-separator::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%; 
    height: 200%;
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(20deg);
    animation: crystalSweep 4s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes crystalSweep {
    0% { left: -120%; }
    25% { left: 150%; } /* Snappy movement */
    100% { left: 150%; }
}

@keyframes intenseGlassPulse {
    0%, 100% {
        /* Mint Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px rgba(168, 228, 160, 0.8));
        background: rgba(168, 228, 160, 0.2) !important;
    }
    33% {
        /* Peach Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(255, 170, 100, 0.8));
        background: rgba(255, 170, 100, 0.2) !important;
    }
    66% {
        /* Lilac Glow */
        filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 20px rgba(220, 150, 220, 0.8));
        background: rgba(220, 150, 220, 0.2) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fd8d80 *//* =========================================
   1. THE 2x2 FRACTURED GRID
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 60px 50px !important; /* Extra vertical gap for image overflow */
    padding: 60px 40px !important;
    perspective: 1200px;
}

@media (max-width: 767px) {
    .elementor-7827 .elementor-element.elementor-element-9fd8d80 { grid-template-columns: 1fr !important; gap: 80px !important; }
}

/* =========================================
   2. THE SHARD SPECIMEN (Base & Physics)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > .e-con, 
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > .elementor-widget, 
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > .e-loop-item,
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > .elementor-container > * {
    position: relative;
    background: transparent !important; /* Background is now the Shard pseudo-element */
    padding: 50px 30px !important;
    overflow: visible !important; /* ESSENTIAL: Allows the breakout */
    
    /* ASKEW PHYSICS: Opposing tilts for the 2-column look */
    transform: rotate(calc(var(--shard-tilt, -2deg)));
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    z-index: 1;
}

/* Logic: Left column tilts left, Right column tilts right */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *:nth-child(odd) { --shard-tilt: -2.5deg; }
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *:nth-child(even) { --shard-tilt: 2.5deg; }

/* THE JAGGED GLASS SHARD (Pseudo-Background) */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(25px) saturate(120%);
    -webkit-backdrop-filter: blur(25px) saturate(120%);
    
    /* Aggressive Industrial Cut */
    clip-path: polygon(2% 0%, 100% 8%, 95% 95%, 100% 100%, 0% 90%, 5% 45%);
    z-index: -1;
    transition: all 0.4s ease;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* HALFTONE GRID OVERLAY */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(rgba(0,0,0,0.08) 1.2px, transparent 0);
    background-size: 8px 8px;
    clip-path: polygon(2% 0%, 100% 8%, 95% 95%, 100% 100%, 0% 90%, 5% 45%);
    z-index: 0;
    opacity: 0.4;
    pointer-events: none;
}

/* =========================================
   3. THE OVERFLOW CONTENT (Logo/Image)
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 .elementor-widget-wrap,
.elementor-7827 .elementor-element.elementor-element-9fd8d80 .elementor-widget-container,
.elementor-7827 .elementor-element.elementor-element-9fd8d80 .elementor-image {
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
}

.elementor-7827 .elementor-element.elementor-element-9fd8d80 img {
    max-height: 140px !important;
    width: auto !important;
    object-fit: contain !important;
    position: relative;
    z-index: 10; /* Lifts it above the glass */
    
    /* 3D DEPTH */
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));
    transform: scale(1.15) translateZ(30px);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* =========================================
   4. HOVER: THE ALIGNMENT & NEON IGNITION
   ========================================= */
.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *:hover {
    transform: rotate(0deg) scale(1.05) translateY(-15px) !important;
    z-index: 20 !important;
    /* High-Vibrancy Pulse Animation */
    animation: intenseShardPulse 5s infinite linear;
}

.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *:hover img {
    transform: scale(1.3) translateZ(60px) translateY(-10px);
    filter: drop-shadow(0 25px 40px rgba(0,0,0,0.25));
}

.elementor-7827 .elementor-element.elementor-element-9fd8d80 > *:hover::after {
    background: rgba(255, 255, 255, 0.5);
    /* Glow hits the glass shard edges */
    filter: brightness(1.2);
}

/* =========================================
   ANIMATION: THE VIBRANT CYCLE
   ========================================= */
@keyframes intenseShardPulse {
    0%, 100% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px rgba(168, 228, 160, 0.8)); } /* Mint */
    33% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(255, 170, 100, 0.8)); } /* Peach */
    66% { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 30px rgba(220, 150, 220, 0.8)); } /* Lilac */
}/* End custom CSS */