.elementor-7431 .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-7431 .elementor-element.elementor-element-da62ac8{--display:flex;--min-height:0px;--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-7431 .elementor-element.elementor-element-da62ac8.e-con{--flex-grow:0;--flex-shrink:0;}.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-7431 .elementor-element.elementor-element-9dad9ae > .elementor-widget-container{margin:83px 83px 83px 83px;padding:0px 0px 0px 15px;}.elementor-7431 .elementor-element.elementor-element-9dad9ae{text-align:center;}.elementor-7431 .elementor-element.elementor-element-9dad9ae .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:#F1F1F1;}.elementor-7431 .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-7431 .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-7431 .elementor-element.elementor-element-11acc24 > .elementor-widget-container{margin:5px 14px 5px 5px;padding:5px 5px 5px 5px;}.elementor-7431 .elementor-element.elementor-element-11acc24.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-7431 .elementor-element.elementor-element-11acc24{column-gap:0px;text-align:center;}.elementor-7431 .elementor-element.elementor-element-11acc24 p{margin-block-end:0px;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{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-widget-countdown .elementor-countdown-label{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-countdown .elementor-countdown-expire--message{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-7431 .elementor-element.elementor-element-cd27816{width:var( --container-widget-width, 104.388% );max-width:104.388%;--container-widget-width:104.388%;--container-widget-flex-grow:0;}.elementor-7431 .elementor-element.elementor-element-cd27816 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-7431 .elementor-element.elementor-element-cd27816.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-wrapper{max-width:100%;}.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item{background-color:var( --e-global-color-text );}body:not(.rtl) .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-7431 .elementor-element.elementor-element-22468b5{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-7431 .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-7431 .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-7431 .elementor-element.elementor-element-6c54f23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7431 .elementor-element.elementor-element-6c54f23 img{width:100%;height:100%;}.elementor-7431 .elementor-element.elementor-element-e0456a1{--display:flex;}.elementor-7431 .elementor-element.elementor-element-e0456a1.e-con{--align-self:center;}.elementor-7431 .elementor-element.elementor-element-a630a66{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 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-7431 .elementor-element.elementor-element-588c029 .elementor-icon-box-wrapper{gap:15px;}.elementor-7431 .elementor-element.elementor-element-fd2411e .elementor-icon-box-wrapper{gap:15px;}.elementor-7431 .elementor-element.elementor-element-9adcd94 .elementor-icon-box-wrapper{gap:15px;}.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-7431 .elementor-element.elementor-element-3368efe .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-7431 .elementor-element.elementor-element-3368efe > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-7431 .elementor-element.elementor-element-831237f{--display:flex;}.elementor-7431 .elementor-element.elementor-element-b24296c > .elementor-widget-container{padding:120px 20px 20px 20px;}.elementor-7431 .elementor-element.elementor-element-b24296c.elementor-element{--align-self:center;}.elementor-7431 .elementor-element.elementor-element-b24296c{text-align:start;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-7431 .elementor-element.elementor-element-8f473d9{--display:flex;}.elementor-widget-slides .elementor-slide-heading{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-slides .elementor-slide-description{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-slides .elementor-slide-button{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-7431 .elementor-element.elementor-element-d7d3940 .elementor-repeater-item-236e333 .swiper-slide-bg{background-color:#833ca3;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-repeater-item-9e3caea .swiper-slide-bg{background-color:#4054b2;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-repeater-item-fabf250 .swiper-slide-bg{background-color:#1abc9c;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-repeater-item-44a74c9 .swiper-slide-bg{background-color:#bbbbbb;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-contents{max-width:66%;}.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-inner{text-align:center;}.elementor-7431 .elementor-element.elementor-element-03ef41f{--display:flex;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-repeater-item-236e333 .swiper-slide-bg{background-color:#833ca3;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-repeater-item-9e3caea .swiper-slide-bg{background-color:#4054b2;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-repeater-item-fabf250 .swiper-slide-bg{background-color:#1abc9c;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-repeater-item-44a74c9 .swiper-slide-bg{background-color:#bbbbbb;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-contents{max-width:66%;}.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-inner{text-align:center;}.elementor-7431 .elementor-element.elementor-element-34da307{--display:flex;}.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-repeater-item-236e333 .swiper-slide-bg{background-color:#833ca3;}.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-repeater-item-9e3caea .swiper-slide-bg{background-color:#4054b2;}.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-repeater-item-fabf250 .swiper-slide-bg{background-color:#1abc9c;}.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-repeater-item-44a74c9 .swiper-slide-bg{background-color:#bbbbbb;}.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-contents{max-width:66%;}.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-inner{text-align:center;}.elementor-7431 .elementor-element.elementor-element-b25f92d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-7431 .elementor-element.elementor-element-cdf8b1d{--display:flex;}body.elementor-page-7431:not(.elementor-motion-effects-element-type-background), body.elementor-page-7431 > .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-7431 .elementor-element.elementor-element-da62ac8{--width:92.044%;}.elementor-7431 .elementor-element.elementor-element-ca3dc1c{--width:48.154%;}.elementor-7431 .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-7431 .elementor-element.elementor-element-9dad9ae .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-countdown .elementor-countdown-digits{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-countdown .elementor-countdown-label{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-widget-countdown .elementor-countdown-expire--message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7431 .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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{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-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}}@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-7431 .elementor-element.elementor-element-9dad9ae .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-countdown .elementor-countdown-digits{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-countdown .elementor-countdown-label{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-widget-countdown .elementor-countdown-expire--message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7431 .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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{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-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for heading, class: .elementor-element-9dad9ae *//* =========================================
   FORCE BRANDING: TEDx (Small x) + Mavili Square
   ========================================= */

/* 1. HIDE THE ORIGINAL TEXT & SETUP LAYOUT */
.elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title,
.elementor-7431 .elementor-element.elementor-element-9dad9ae h1, .elementor-7431 .elementor-element.elementor-element-9dad9ae h2, .elementor-7431 .elementor-element.elementor-element-9dad9ae h3, .elementor-7431 .elementor-element.elementor-element-9dad9ae span {
    font-size: 0 !important; 
    color: transparent !important;
    
    /* Layout: Centers the two parts */
    display: flex !important;
    flex-wrap: wrap !important; /* Allows them to stack if needed */
    justify-content: center; 
    align-items: baseline;
    
    /* SPACE BETWEEN "TEDx" AND "Mavili Square" */
    gap: 8px !important; 
    line-height: 1.5 !important;
}

/* 2. CREATE "TEDx" (Red with Lowercase x) */
.elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title::before,
.elementor-7431 .elementor-element.elementor-element-9dad9ae h1::before, .elementor-7431 .elementor-element.elementor-element-9dad9ae h2::before, .elementor-7431 .elementor-element.elementor-element-9dad9ae h3::before, .elementor-7431 .elementor-element.elementor-element-9dad9ae span::before {
    content: "TEDx"; 
    
    /* FORCE NO WRAPPING */
    white-space: nowrap !important; 
    
    text-transform: none !important; 
    color: #EB0028 !important; 
    font-size: 40px !important; 
    font-weight: 900 !important; 
    letter-spacing: -1.5px; 
    visibility: visible;
}

/* 3. CREATE "Mavili Square Salon" (Glowing White) */
.elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title::after,
.elementor-7431 .elementor-element.elementor-element-9dad9ae h1::after, .elementor-7431 .elementor-element.elementor-element-9dad9ae h2::after, .elementor-7431 .elementor-element.elementor-element-9dad9ae h3::after, .elementor-7431 .elementor-element.elementor-element-9dad9ae span::after {
    content: "Mavili Square Salon"; 
    
    /* FORCE NO WRAPPING */
    white-space: nowrap !important; 
    
    color: #FFFFFF !important;
    font-size: 40px !important; 
    font-weight: 700 !important;
    letter-spacing: 0px;
    visibility: visible;
    text-transform: none !important; 
    animation: glowShift 4s infinite linear;
}

/* =========================================
   THE GLOW ANIMATION
   ========================================= */
@keyframes glowShift {
    0%   { text-shadow: 0 0 10px rgba(106, 44, 112, 0.8), 0 0 20px rgba(106, 44, 112, 0.5); }
    33%  { text-shadow: 0 0 10px rgba(232, 62, 88, 0.8), 0 0 20px rgba(232, 62, 88, 0.5); }
    66%  { text-shadow: 0 0 10px rgba(250, 159, 66, 0.8), 0 0 20px rgba(250, 159, 66, 0.5); }
    100% { text-shadow: 0 0 10px rgba(106, 44, 112, 0.8), 0 0 20px rgba(106, 44, 112, 0.5); }
}

/* =========================================
   MOBILE SUPPORT (Anti-Break Logic)
   ========================================= */
@media (max-width: 767px) {
    /* Reduce size slightly to ensure it fits on small screens */
    .elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title::before,
    .elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title::after {
        font-size: 24px !important; /* Smaller size prevents horizontal scrolling */
    }
    
    /* Ensure the gap doesn't look weird when stacked */
    .elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title {
        gap: 5px !important;
        flex-direction: row !important; /* Keep trying to be side-by-side */
    }
}

/* EXTRA SMALL PHONES (iPhone SE, Galaxy Mini) */
@media (max-width: 360px) {
    /* Stack them vertically only on very tiny screens */
    .elementor-7431 .elementor-element.elementor-element-9dad9ae .elementor-heading-title {
        flex-direction: column !important;
        align-items: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11acc24 *//* =========================================
   THE "GLASS CLOUD" CONTAINER (Cute & Bubbly)
   ========================================= */

/* 1. The Soft Bubble Container */
.elementor-7431 .elementor-element.elementor-element-11acc24 {
    padding: 50px 40px; /* Extra padding for "puffy" feel */
    
    /* GLASS TEXTURE: Milky & Soft */
    background: rgba(255, 255, 255, 0.45); 
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* SHAPE: Maximum Roundedness */
    border-radius: 50px; /* The "Pill" look */
    
    /* BORDERS: Soft White Glint */
    border: 2px solid rgba(255, 255, 255, 0.8); /* Thick white edge */
    border-bottom: 2px solid rgba(255, 255, 255, 0.4); 
    
    /* SHADOW: Floating Purple Haze */
    box-shadow: 
        0 15px 40px rgba(106, 44, 112, 0.1), /* Deep Purple Drop */
        inset 0 0 30px rgba(255, 255, 255, 0.6); /* Inner Cloud Glow */
    
    /* ANIMATION: The "Jelly" Bounce */
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* =========================================
   HOVER EFFECT: The "Pop"
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-11acc24:hover {
    /* 1. Float Up & Expand */
    transform: translateY(-10px) scale(1.02);
    
    /* 2. Brighter Glass */
    background: rgba(255, 255, 255, 0.65);
    
    /* 3. Pink Candy Border */
    border-color: #E83E58; /* Vibrant Pink takes over */
    
    /* 4. Intense Pink Glow */
    box-shadow: 
        0 25px 60px rgba(232, 62, 88, 0.25), /* Pink Glow */
        inset 0 0 20px rgba(255, 255, 255, 0.9); /* Bright Inner Light */
}

/* =========================================
   TYPOGRAPHY: SOFT & FRIENDLY
   ========================================= */

/* Headings (Deep Purple) */
.elementor-7431 .elementor-element.elementor-element-11acc24 h1, .elementor-7431 .elementor-element.elementor-element-11acc24 h2, .elementor-7431 .elementor-element.elementor-element-11acc24 h3, .elementor-7431 .elementor-element.elementor-element-11acc24 h4, .elementor-7431 .elementor-element.elementor-element-11acc24 h5, .elementor-7431 .elementor-element.elementor-element-11acc24 h6 {
    color: #6A2C70 !important; 
    text-shadow: none !important; /* Remove "Engraved" effect */
    font-weight: 800; /* Extra Chubby Font */
    letter-spacing: -0.5px; /* Tight & Cute */
    margin-bottom: 15px;
}

/* Body Text (Warm Grey) */
.elementor-7431 .elementor-element.elementor-element-11acc24 p, .elementor-7431 .elementor-element.elementor-element-11acc24 li, .elementor-7431 .elementor-element.elementor-element-11acc24 div {
    color: #4A3B45 !important;
    text-shadow: none !important; /* Clean text */
    font-weight: 600; /* Slightly bolder for readability */
    line-height: 1.7;
}

/* =========================================
   LINKS: CUTE STICKERS
   ========================================= */

/* Link Base */
.elementor-7431 .elementor-element.elementor-element-11acc24 a {
    color: #E83E58 !important; /* Pink Text */
    text-decoration: none !important;
    border-bottom: 2px solid rgba(232, 62, 88, 0.3); /* Dotted candy line */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-weight: 700;
}

/* Link Hover: Turns into a Pill Button */
.elementor-7431 .elementor-element.elementor-element-11acc24 a:hover {
    color: #ffffff !important; /* White Text */
    background: #E83E58; /* Pink Background */
    border-bottom-color: #E83E58 !important;
    
    /* Make it a little pill */
    border-radius: 20px;
    padding: 3px 12px;
    margin: 0 -8px; /* Offset the padding so text doesn't jump */
    
    box-shadow: 0 4px 10px rgba(232, 62, 88, 0.4);
}/* End custom CSS */
/* Start custom CSS for countdown, class: .elementor-element-cd27816 *//* =========================================
   THE "JELLY BUBBLE" COUNTDOWN
   ========================================= */

/* 1. The Container (Individual Bubbles) */
.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item {
    /* LAYOUT & SHAPE */
    padding: 25px 15px; /* Vertical padding for height */
    margin: 0 10px; /* Spacing between bubbles */
    border-radius: 50px; /* Maximum Roundness (Pill/Circle shape) */
    min-width: 100px; /* Force them to be substantial bubbles */
    
    /* GLASS TEXTURE (Matches Icon Boxes) */
    background: rgba(255, 255, 255, 0.15); /* Milky */
    backdrop-filter: blur(15px); /* Frost */
    -webkit-backdrop-filter: blur(15px);
    
    /* THE GLINT (3D Lighting) */
    border: 1px solid rgba(255, 255, 255, 0.6); /* Bright Top */
    border-bottom: 2px solid rgba(255, 255, 255, 0.2); /* Shadowy Bottom */
    
    /* SOFT SHADOW */
    box-shadow: 0 10px 25px rgba(106, 44, 112, 0.1); /* faint purple shadow */
    
    /* BOUNCY ANIMATION */
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* The "Jelly" bounce */
}

/* 2. Hover Effect: The "Pop" */
.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item:hover {
    transform: translateY(-8px) scale(1.05); /* Float up & grow */
    background: rgba(255, 255, 255, 0.4); /* Brighter */
    border-color: #E83E58; /* Border turns Candy Pink */
    box-shadow: 0 20px 40px rgba(232, 62, 88, 0.25); /* Pink Glow */
}

/* =========================================
   TYPOGRAPHY (Cute & Bold)
   ========================================= */

/* 3. The Numbers (Big & Purple) */
.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-digits {
    color: #6A2C70; /* Deep Purple */
    font-size: 2.5rem; /* Make them big! */
    font-weight: 800; /* Extra Bold */
    line-height: 1;
    margin-bottom: 5px;
    
    /* Soft white glow behind text for readability on glass */
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.8); 
}

/* 4. The Labels (Small & Pink) */
.elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-label {
    color: #E83E58; /* Vibrant Pink */
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    /* Pill Background for the Label */
    background: rgba(255, 255, 255, 0.5);
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
}

/* =========================================
   MOBILE OPTIMIZATION (THE "NO-SQUISH" FIX)
   ========================================= */

@media (max-width: 767px) {
    /* 1. Scale the Container */
    .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-wrapper {
        display: flex !important;
        flex-wrap: wrap !important; /* Allows bubbles to drop to a new row if needed */
        justify-content: center !important;
        gap: 10px !important; /* Controlled spacing */
    }

    .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item {
        /* Reduce size for smaller screens */
        min-width: 75px !important; /* Slimmer bubbles */
        padding: 15px 10px !important;
        margin: 5px !important; /* Tighter margins */
        border-radius: 35px !important; /* Slightly tighter roundness */
    }

    /* 2. Scale the Numbers */
    .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-digits {
        font-size: 1.8rem !important; /* Smaller, readable numbers */
        margin-bottom: 2px;
    }

    /* 3. Adjust the Labels */
    .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-label {
        font-size: 0.6rem !important; /* Smaller text */
        padding: 2px 8px !important;
        letter-spacing: 0.5px;
    }
}

/* 4. EXTRA SMALL PHONES (The 2x2 Grid) */
@media (max-width: 480px) {
    .elementor-7431 .elementor-element.elementor-element-cd27816 .elementor-countdown-item {
        flex: 1 1 calc(50% - 20px) !important; /* Forces 2 per row */
        min-width: 120px !important; /* Makes them big bubbly buttons again */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-22468b5 *//* =========================================
   1. FIX: REMOVE OUTER WHITE BOX
   ========================================= */
/* Resets the widget container so no square box appears */
.elementor-7431 .elementor-element.elementor-element-22468b5,
.elementor-7431 .elementor-element.elementor-element-22468b5 .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. THE PILL CONTAINER (Applied to Text)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-22468b5 p, 
.elementor-7431 .elementor-element.elementor-element-22468b5 h1, .elementor-7431 .elementor-element.elementor-element-22468b5 h2, .elementor-7431 .elementor-element.elementor-element-22468b5 h3, .elementor-7431 .elementor-element.elementor-element-22468b5 h4, .elementor-7431 .elementor-element.elementor-element-22468b5 h5, .elementor-7431 .elementor-element.elementor-element-22468b5 h6,
.elementor-7431 .elementor-element.elementor-element-22468b5 span {
    /* --- LAYOUT --- */
    display: table; /* Centers the pill */
    margin: 0 auto;
    width: fit-content;

    /* --- TEXT STYLING & ANIMATION --- */
    color: #FFFFFF !important;
    font-weight: 800; 
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 2 !important; 
    
    /* THE GLOW ANIMATION */
    animation: glowShift 4s infinite linear;
    
    /* Interaction */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}


/* =========================================
   4. THE GLOW ANIMATION (The Gradient Text)
   ========================================= */
@keyframes glowShift {
    /* Stage 1: Deep Purple Glow */
    0% {
        text-shadow: 
            0 0 10px rgba(106, 44, 112, 0.8),
            0 0 20px rgba(106, 44, 112, 0.6);
    }
    /* Stage 2: Vibrant Pink Glow */
    33% {
        text-shadow: 
            0 0 10px rgba(232, 62, 88, 0.8),
            0 0 20px rgba(232, 62, 88, 0.6);
    }
    /* Stage 3: Warm Orange Glow */
    66% {
        text-shadow: 
            0 0 10px rgba(250, 159, 66, 0.8),
            0 0 20px rgba(250, 159, 66, 0.6);
    }
    /* Stage 4: Back to Purple */
    100% {
        text-shadow: 
            0 0 10px rgba(106, 44, 112, 0.8),
            0 0 20px rgba(106, 44, 112, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c54f23 *//* =========================================
   GLASS CONTAINER (PERFECT CENTER FIX)
   ========================================= */

/* 1. Main Container */
.elementor-7431 .elementor-element.elementor-element-6c54f23 {
    /* --- THE CENTERING MAGIC --- */
    display: flex;
    flex-direction: column; 
    justify-content: center !important; /* Forces vertical centering */
    align-items: center !important;     /* Forces horizontal centering */
    text-align: center;                 /* Safety for inline elements */
    
    /* SHAPE & SIZE */
    width: 100%; 
    height: 100%;       /* Fills the column height */
    min-height: 500px;  /* Ensures it's tall enough to look good */
    
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.35); 
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* BORDERS & ROUNDNESS */
    border-radius: 50px; 
    border: 2px solid rgba(255, 255, 255, 0.8); 
    border-bottom: 3px solid rgba(255, 255, 255, 0.3); 
    
    /* SHADOW */
    box-shadow: 
        0 20px 50px rgba(106, 44, 112, 0.15), 
        inset 0 0 30px rgba(255, 255, 255, 0.5);
    
    /* PADDING */
    padding: 20px; /* Prevents image from touching edges */
    
    /* ANIMATION */
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* 2. The Image Itself */
.elementor-7431 .elementor-element.elementor-element-6c54f23 img {
    /* SIZE CONTROL */
    width: 100%;  /* Adjust this if you want it bigger/smaller */
    height: 100%; 
    max-width: 100%;
    
    /* FORCE SQUARE RATIO */
    aspect-ratio: 1/1; 
    object-fit: cover;
    
    /* CENTER ALIGNMENT SAFETY */
    margin: 0 auto !important; 
    display: block;
    
    /* STYLING */
    border-radius: 35px; 
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 10px 20px rgba(106, 44, 112, 0.1); 
    
    transition: transform 0.5s ease;
}

/* =========================================
   HOVER EFFECTS
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-6c54f23:hover {
    transform: translateY(-10px) scale(1.02); 
    background: rgba(255, 255, 255, 0.55); 
    border-color: #E83E58; 
    box-shadow: 
        0 30px 60px rgba(232, 62, 88, 0.25), 
        inset 0 0 20px rgba(255, 255, 255, 0.8);
}

.elementor-7431 .elementor-element.elementor-element-6c54f23:hover img {
    transform: scale(0.98); 
}

/* =========================================
   MOBILE FIXES
   ========================================= */
@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-6c54f23 {
        min-height: auto; /* Let content dictate height on phone */
        padding: 20px;
    }
    .elementor-7431 .elementor-element.elementor-element-6c54f23:hover {
        transform: none; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a630a66 *//* =========================================
   THE "GLASS BUBBLE" (Centered Icon Fix)
   ========================================= */

/* 1. The Container (The Soap Bubble) */
.elementor-7431 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box {
    /* GLASS TEXTURE */
    background: rgba(255, 255, 255, 0.15); 
    backdrop-filter: blur(20px); 
    -webkit-backdrop-filter: blur(20px); 
    
    /* SHAPE */
    border-radius: 40px; 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
    
    /* LAYOUT & CENTER ALIGNMENT */
    padding: 40px 30px; 
    height: 100%; 
    text-align: center; /* Force text center */
    
    /* SHADOW & PHYSICS */
    box-shadow: 0 15px 35px rgba(106, 44, 112, 0.15); 
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

/* 2. FORCE CENTER THE CONTENT WRAPPER */
.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Horizontal Center */
    justify-content: center; /* Vertical Center */
    width: 100%;
}

/* 3. Hover Effect: The "Float" */
.elementor-7431 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box:hover {
    transform: translateY(-12px) scale(1.05); 
    background: rgba(255, 255, 255, 0.35); 
    border-color: #E83E58; 
    box-shadow: 0 25px 50px rgba(232, 62, 88, 0.3); 
}

/* =========================================
   CONTENT STYLING
   ========================================= */

/* 4. The Icon (Centered Bubble) */
.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon {
    /* FORCE CENTER OVERRIDES */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    display: inline-flex !important; /* Shrink to fit icon */
    
    /* Mini Glass Bubble Styling */
    background: rgba(255, 255, 255, 0.5); 
    width: 80px;
    height: 80px;
    
    /* Center the icon INSIDE the bubble */
    align-items: center;
    justify-content: center;
    
    border-radius: 50%;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.8); 
    transition: all 0.5s ease;
}

.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon i, 
.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-icon svg {
    color: #E83E58 !important; 
    fill: #E83E58 !important;
    font-size: 32px; 
    filter: drop-shadow(0 2px 5px rgba(232, 62, 88, 0.3));
}

/* Hover: Icon spins */
.elementor-7431 .elementor-element.elementor-element-a630a66 > .elementor-widget-icon-box:hover .elementor-icon-box-icon {
    transform: rotate(360deg); 
    background: #ffffff; 
}

/* 5. The Title */
.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-title {
    color: #6A2C70 !important; 
    font-size: 1.5rem !important; 
    font-weight: 800 !important; 
    letter-spacing: -0.5px;
    margin-bottom: 10px !important;
    width: 100%; /* Ensure full width for centering */
}

/* 6. The Description */
.elementor-7431 .elementor-element.elementor-element-a630a66 .elementor-icon-box-description {
    color: #2e2e2e !important; 
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3368efe *//* =========================================
   MAGNETIC MILKY GLASS BUTTON (CONTINUOUS GLOW)
   ========================================= */

/* 1. Base Button Styling */
.elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button {
    position: relative;
    overflow: hidden; 
    z-index: 1;
    
    /* WIDER SHAPE */
    padding: 20px 80px !important; 
    min-width: 280px; 
    
    /* UNIFORM GLASS BACKGROUND */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* BORDER */
    border-radius: 50px; 
    border: 2px solid rgba(255, 255, 255, 0.6) !important; 
    
    /* TEXT STYLING */
    color: #6A2C70 !important; 
    font-weight: 800;
    font-size: 1.15rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    
    /* MAGNETIC SNAP TRANSITION */
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* THE CONTINUOUS GLOW ANIMATION */
    /* Runs smoothly forever without fading out */
    animation: continuousGlow 4s infinite linear;
}

/* =========================================
   THE EYE-CATCHER: CONTINUOUS LIGHT SWEEP
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button::after {
    content: '';
    position: absolute;
    top: 0; 
    left: -150%; 
    width: 100%; 
    height: 100%;
    
    background: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.6) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: -1; 
    
    /* Sweeps continuously across the button */
    animation: glassSheen 2.5s infinite linear;
}

/* =========================================
   MAGNETIC HOVER ACTION
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button:hover {
    /* Stop the idle animations */
    animation: none;
    
    /* Snaps upward and scales aggressively */
    transform: translateY(-8px) scale(1.08);
    
    /* Glass shifts brighter */
    background: rgba(255, 255, 255, 0.5) !important;
    border-color: #ffffff !important; 
    
    /* Lock the glow to massive Pink */
    box-shadow: 
        0 25px 50px rgba(232, 62, 88, 0.4), 
        0 0 25px rgba(255, 255, 255, 0.6), 
        inset 0 0 35px rgba(255, 255, 255, 0.7); 
        
    /* Text expands out */
    color: #E83E58 !important; 
    letter-spacing: 3px; 
}

/* =========================================
   ACTIVE ACTION (The Click)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button:active {
    /* Snaps hard back into the page */
    transform: translateY(3px) scale(0.96);
    
    box-shadow: 
        0 5px 15px rgba(106, 44, 112, 0.2), 
        inset 0 15px 30px rgba(106, 44, 112, 0.4);
        
    transition: all 0.1s ease !important;
}

/* =========================================
   ANIMATION KEYFRAMES
   ========================================= */

/* 1. The Continuous Shifting Color Glow */
@keyframes continuousGlow {
    0% {
        box-shadow: 0 15px 40px rgba(106, 44, 112, 0.45), inset 0 0 20px rgba(255, 255, 255, 0.3); /* Purple */
    }
    33% {
        box-shadow: 0 15px 40px rgba(232, 62, 88, 0.45), inset 0 0 20px rgba(255, 255, 255, 0.3); /* Pink */
    }
    66% {
        box-shadow: 0 15px 40px rgba(250, 159, 66, 0.45), inset 0 0 20px rgba(255, 255, 255, 0.3); /* Orange */
    }
    100% {
        box-shadow: 0 15px 40px rgba(106, 44, 112, 0.45), inset 0 0 20px rgba(255, 255, 255, 0.3); /* Back to Purple */
    }
}

/* 2. The Continuous Light Sweep */
@keyframes glassSheen {
    0% { left: -150%; }
    100% { left: 150%; } 
}

/* =========================================
   MOBILE FIX: EXTRA LARGE JELLY BUTTON
   ========================================= */

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button {
        /* 1. INCREASED PADDING: Makes the button taller and more "pill-like" */
        padding: 22px 50px !important; 
        
        /* 2. EXPANDED WIDTH: Ensures it feels big and centered */
        width: 90% !important;
        max-width: 350px !important;
        min-width: 240px !important;
        margin: 0 auto !important;
        display: block !important;
        
        /* 3. BOLDER TYPOGRAPHY: Bigger letters for better visibility */
        font-size: 1.3rem !important; /* Larger than previous mobile version */
        letter-spacing: 1.5px !important;
        line-height: 1.2 !important;
        
        /* 4. CHUNKY BORDER: Maintains the "candy" look at scale */
        border-radius: 60px !important;
        border-width: 3px !important;
    }

    /* 5. AGGRESSIVE HOVER/TAP: More dramatic feedback on touch */
    .elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button:hover,
    .elementor-7431 .elementor-element.elementor-element-3368efe .elementor-button:active {
        transform: translateY(-6px) scale(1.05) !important;
        background: rgba(255, 255, 255, 0.45) !important;
        letter-spacing: 2px !important;
        
        /* Intense Glow for Tap */
        box-shadow: 
            0 15px 35px rgba(232, 62, 88, 0.5), 
            inset 0 0 20px rgba(255, 255, 255, 0.4);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b24296c *//* =========================================
   1. FIX: RESET WIDGET WRAPPER
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-b24296c,
.elementor-7431 .elementor-element.elementor-element-b24296c .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 10 !important;
}

/* =========================================
   2. THE HEADING PILL (The Main Bubble)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-b24296c .elementor-heading-title {
    /* --- PILL LAYOUT --- */
    display: inline-block !important; /* Wraps around text length */
    width: fit-content;
    margin: 0 auto;
    
    /* --- GLASS TEXTURE --- */
    background: rgba(255, 255, 255, 0.25) !important; /* Milky Frost */
    backdrop-filter: blur(12px);           
    -webkit-backdrop-filter: blur(12px);
    
    /* --- BUBBLY SHAPE & BORDERS --- */
    border-radius: 60px !important; /* Extra round */
    border: 2px solid rgba(255, 255, 255, 0.6) !important; 
    border-bottom: 4px solid rgba(255, 255, 255, 0.2) !important; /* 3D depth */
    
    /* --- SPACING & SHADOW --- */
    padding: 15px 45px !important;
    box-shadow: 
        0 15px 35px rgba(106, 44, 112, 0.15), /* Purple Haze shadow */
        inset 0 0 15px rgba(255, 255, 255, 0.3);
    
    /* --- TEXT STYLING --- */
    color: #FFFFFF !important;
    font-weight: 800 !important; 
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1 !important;
    
    /* --- ANIMATION & INTERACTION --- */
    animation: glowShift 4s infinite linear;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    cursor: default;
}


/* =========================================
   4. THE GLOW ANIMATION (Gradient Shadows)
   ========================================= */
@keyframes glowShift {
    0%, 100% {
        text-shadow: 
            0 0 10px rgba(106, 44, 112, 0.8),
            0 0 20px rgba(106, 44, 112, 0.6);
    }
    33% {
        text-shadow: 
            0 0 10px rgba(232, 62, 88, 0.8),
            0 0 20px rgba(232, 62, 88, 0.6);
    }
    66% {
        text-shadow: 
            0 0 10px rgba(250, 159, 66, 0.8),
            0 0 20px rgba(250, 159, 66, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-d7d3940 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-d7d3940 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-27f6c8e *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-container,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-27f6c8e { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-9d05825 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-9d05825 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-d7d3940 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-d7d3940 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-27f6c8e *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-container,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-27f6c8e { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-9d05825 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-9d05825 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-d7d3940 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-d7d3940 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-27f6c8e *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-container,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-27f6c8e { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-9d05825 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-9d05825 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-d7d3940 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-d7d3940 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-d7d3940 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-d7d3940 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-27f6c8e *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-container,
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-27f6c8e { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-27f6c8e .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-27f6c8e .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-9d05825 *//* =========================================
   GLASS GRID: FULL-FRAME EDITION
   ========================================= */

/* 1. CONTAINER SETUP */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slides-wrapper,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-container,
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    overflow: visible !important; 
    clip-path: none !important;
}
.elementor-7431 .elementor-element.elementor-element-9d05825 { padding: 40px !important; }

/* 2. FORCE 3-COLUMN GRID */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important; 
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* 3. THE SLIDE (The Frame Container) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    text-align: center;
    
    aspect-ratio: 0.8/ 1 !important; 
    height: auto !important;
    width: 100% !important;
    
    border-radius: 35px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    overflow: hidden; 
}

/* 4. THE CRYSTAL RIM (Glass Frame Overlay) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 35px; 
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.6); 
    z-index: 2;
    pointer-events: none;
    transition: all 0.4s ease;
}

/* =========================================
   5. THE IMAGE (THE "NO-CROP" FIX)
   ========================================= */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide-bg {
    opacity: 1 !important; 
    background-color: transparent !important; 
    
    /* FIX: Changed 'cover' to 'contain' */
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    transition: transform 0.7s ease !important;
}

/* 6. INTERACTION (Hover) */
.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover {
    transform: translateY(-12px) !important;
    z-index: 10 !important;
    box-shadow: 0 20px 50px rgba(106, 44, 112, 0.2);
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover::after {
    box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.4); 
    border-color: #ffffff;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.05); /* Slight zoom, still showing full image */
}

/* 7. CONTENT STYLING */
.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-content {
    z-index: 5 !important; 
    position: relative;
    padding: 25px;
    width: 100%;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-heading {
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 800;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); 
    margin-bottom: 8px;
}

.elementor-7431 .elementor-element.elementor-element-9d05825 .elementor-slide-button {
    background: #E83E58 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
}

@media (max-width: 767px) {
    .elementor-7431 .elementor-element.elementor-element-9d05825 .swiper-wrapper {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b25f92d *//* =========================================
   NESTED JELLY TABS (MAXI VERSION)
   ========================================= */

/* 1. THE BAR: Plenty of space for big buttons */
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tabs-heading {
    display: flex;
    justify-content: center;
    gap: 40px; /* Increased gap to prevent overlapping */
    background: transparent !important;
    padding: 25px;
}

/* 2. THE PILLS: Extra Large & Super Bubbly */
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title {
    /* Glass Effect */
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Shape & Borders */
    border-radius: 80px !important; /* Maximized roundness */
    border: 3px solid rgba(255, 255, 255, 0.6) !important;
    border-bottom: 6px solid rgba(255, 255, 255, 0.2) !important; /* Thicker 3D base */
    
    /* THE "BIG TEXT" UPGRADES */
    padding: 22px 65px !important; /* Balanced padding for the new size */
    font-size: 1.5rem;              /* <--- MUCH BIGGER TEXT (was 1.1rem) */
    letter-spacing: 1.5px;         /* Adds extra clarity to titles */
    
    /* Text */
    color: #FFFFFF !important;
    font-weight: 900; /* Extra bold for maximum impact */
    text-transform: uppercase;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

/* Remove default active underline */
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title::after {
    display: none !important;
}

/* 3. ACTIVE STATE: The Signature Pink Pop */
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title[aria-selected="true"],
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title.e-active {
    background: rgba(255, 255, 255, 0.45) !important;
    border-color: #E83E58 !important; /* Signature Pink from your branding */
    box-shadow: 0 20px 45px rgba(232, 62, 88, 0.5); /* Stronger glow for larger size */
    transform: translateY(-10px) scale(1.1); /* Even more dramatic bounce */
}

/* 4. HOVER: Bouncy Interaction */
.elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title:hover:not([aria-selected="true"]) {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 15px 30px rgba(106, 44, 112, 0.2); /* Soft purple depth */
}

/* =========================================
   MOBILE ONLY: 2+1 JELLY LAYOUT
   ========================================= */
@media (max-width: 767px) {
    /* 1. THE BAR: Allow wrapping */
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tabs-heading {
        display: flex !important;
        flex-wrap: wrap !important; /* Drops the 3rd button to a new row */
        justify-content: center !important;
        gap: 12px !important;
        padding: 15px !important;
        background: transparent !important;
    }

    /* 2. THE PILLS: Scale for small screens */
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title {
        /* Bubbly Styling */
        background: rgba(255, 255, 255, 0.25) !important;
        backdrop-filter: blur(10px);
        border: 2px solid rgba(255, 255, 255, 0.6) !important;
        border-bottom: 4px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 40px !important;
        
        /* Text & Sizing */
        padding: 12px 15px !important;
        font-size: 0.95rem !important;
        color: #FFFFFF !important;
        font-weight: 800;
        text-align: center !important;
        transition: all 0.3s ease !important;
    }

    /* 3. THE 2+1 GRID LOGIC */
    /* Row 1: Host & Speakers (Side-by-Side) */
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title:nth-child(1),
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title:nth-child(2) {
        flex: 1 1 calc(50% - 10px) !important; 
        min-width: 120px !important;
    }

    /* Row 2: Performances (Full Width Center) */
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title:nth-child(3) {
        flex: 1 1 95% !important; /* Spans the bottom row */
        max-width: 100% !important;
    }

    /* 4. ACTIVE STATE (Pink Pop) */
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title[aria-selected="true"],
    .elementor-7431 .elementor-element.elementor-element-b25f92d .e-n-tab-title.e-active {
        background: rgba(255, 255, 255, 0.45) !important;
        border-color: #E83E58 !important; /* Signature Pink */
        box-shadow: 0 10px 20px rgba(232, 62, 88, 0.4);
        transform: translateY(-3px) scale(1.02);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8b1d *//* =========================================
   THE "CUTE CLOUD" DASHBOARD CONTAINER
   ========================================= */

/* 1. The Main Wrapper (Puffy Glass) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d {
    /* Spacing: Room to breathe */
    padding: 50px; 
    
    /* GLASS TEXTURE: Milky & Soft */
    background: rgba(255, 255, 255, 0.45); 
    backdrop-filter: blur(20px); 
    -webkit-backdrop-filter: blur(20px);
    
    /* SHAPE: Maximum "Cloud" Roundness */
    border-radius: 60px; /* Super rounded corners */
    
    /* BORDERS: Thick Candy Glaze */
    border: 3px solid rgba(255, 255, 255, 0.8); /* Thick white edge */
    border-bottom: 4px solid rgba(255, 255, 255, 0.4); /* Thicker bottom for 3D feel */
    
    /* DEPTH & SHADOW */
    box-shadow: 
        0 20px 50px rgba(106, 44, 112, 0.1), /* Deep Purple shadow */
        inset 0 0 40px rgba(255, 255, 255, 0.6); /* Inner light */
        
    /* ANIMATION: Jelly Bounce */
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* 2. Hover Effect (The Float) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d:hover {
    transform: translateY(-8px) scale(1.01); 
    background: rgba(255, 255, 255, 0.6); /* Brighter */
    border-color: #E83E58; /* Pink Border Takeover */
    box-shadow: 
        0 30px 70px rgba(232, 62, 88, 0.2), /* Pink Glow */
        inset 0 0 20px rgba(255, 255, 255, 0.8);
}

/* =========================================
   INNER WIDGETS (The "Toys")
   ========================================= */

/* A. NEWS TICKER (Purple & Cute) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-widget-news-ticker .ticker-content,
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-headline {
    color: #6A2C70 !important; /* Deep Purple */
    font-weight: 700;
    letter-spacing: -0.5px;
    background: rgba(255,255,255,0.5); /* White Pill behind text */
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
}

/* B. GOOGLE MAPS (The Bubble Window) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-widget-google_maps iframe {
    border-radius: 40px; /* Super round corners */
    border: 5px solid #ffffff; /* Thick white photo frame */
    box-shadow: 
        0 10px 25px rgba(106, 44, 112, 0.1), /* Shadow */
        inset 0 0 20px rgba(0,0,0,0.1); /* Inner depth */
        
    /* Filter: Vibrant & clean (Removed Sepia for a fresher look) */
    filter: saturate(1.1) contrast(1.1); 
    transition: transform 0.5s ease;
}


/* C. TIMELINE (The Candy Path) */

/* The Vertical Line (Pink Licorice) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-timeline-line { 
    background-color: #E83E58 !important; /* Pink */
    width: 4px !important; /* Thicker line */
    border-radius: 10px;
}

/* The Dots (Jelly Beans) */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-timeline-icon {
    background-color: #6A2C70 !important; /* Purple */
    color: #fff !important;
    border: 3px solid #ffffff; /* White ring around dot */
    box-shadow: 0 5px 15px rgba(232, 62, 88, 0.3);
    border-radius: 50%;
    transform: scale(1.1); /* Make dots slightly bigger */
}

/* The Timeline Content Box */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-timeline-item-content {
    background: rgba(255,255,255,0.6) !important;
    border-radius: 25px !important;
    padding: 20px !important;
    border: 1px solid rgba(255,255,255,0.8);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* The Timeline Title */
.elementor-7431 .elementor-element.elementor-element-cdf8b1d .elementor-timeline-title {
    color: #6A2C70 !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55d9aef *//* =========================================
   CONTAINER: WARM GRADIENT + VIBRANT ORBS
   ========================================= */

/* 1. Main Container Setup */
.elementor-7431 .elementor-element.elementor-element-55d9aef {
    background: linear-gradient(135deg, #F2E6E6 0%, #F8F4F0 100%); 
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* 2. THE TOP RADIANT LINE */
.elementor-7431 .elementor-element.elementor-element-55d9aef::after {
    content: "";
    position: absolute;
    top: 0; 
    left: 10%; 
    right: 10%; 
    height: 2px;
    background: linear-gradient(90deg, transparent, #6A2C70, transparent) !important;
    box-shadow: 0 5px 25px rgba(106, 44, 112, 0.6) !important; 
    z-index: 2;
    animation: radiantPulse 5s ease-in-out infinite;
}

/* 3. THE "CLUSTER" OF BALLS (UPDATED FOR VIBRANCY) */
.elementor-7431 .elementor-element.elementor-element-55d9aef::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; 
    
    /* VIBRANCY TRICK:
       1. Increased Opacity (0.3 -> 0.75)
       2. Extended Gradient Range (transparent 35% -> 50% for softer, bigger spread)
       3. Brightened the Pink Hex slightly (#E83E58)
    */
    background-image: 
        /* Ball 1: Top Left (Deep Purple - Stronger) */
        radial-gradient(circle at 15% 25%, rgba(106, 44, 112, 0.75) 0%, transparent 55%),
        
        /* Ball 2: Middle Right (Vibrant Pink - Much brighter) */
        radial-gradient(circle at 85% 50%, rgba(232, 62, 88, 0.70) 0%, transparent 60%),
        
        /* Ball 3: Bottom Left (Purple Grounding - Stronger) */
        radial-gradient(circle at 25% 75%, rgba(106, 44, 112, 0.6) 0%, transparent 50%);
        
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    /* Added contrast/saturate filter to make colors truly pop */
    filter: contrast(1.1) saturate(1.2);
    
    animation: multiBallBreathe 7s infinite ease-in-out;
}

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

@keyframes radiantPulse {
    0%, 100% { opacity: 0.4; box-shadow: 0 3px 12px rgba(106, 44, 112, 0.2); }
    50% { opacity: 1; box-shadow: 0 8px 35px rgba(106, 44, 112, 0.8); }
}

/* Updated Breathing: Keeps opacity high so they don't fade out too much */
@keyframes multiBallBreathe {
    0%, 100% {
        opacity: 0.8; /* Starts bright */
        transform: scale(1);
    }
    50% {
        opacity: 1; /* Goes to full brightness */
        transform: scale(1.15); 
    }
}/* End custom CSS */