.elementor-14092 .elementor-element.elementor-element-51d0397{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );}.elementor-14092 .elementor-element.elementor-element-53dd130 img{width:32%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14092 .elementor-element.elementor-element-e283b82{text-align:center;}.elementor-14092 .elementor-element.elementor-element-e283b82 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:84px;font-weight:bold;letter-spacing:-3.3px;color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-9a3d555{text-align:center;}.elementor-14092 .elementor-element.elementor-element-9a3d555 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:48px;font-weight:600;color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-16b813b{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14092 .elementor-element.elementor-element-d225c3d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-d225c3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-c9b2d0a{--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;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:-9px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-4418ad1 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-14092 .elementor-element.elementor-element-4418ad1 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:38px;font-weight:bold;color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-d3822d8{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-d3822d8:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-d3822d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-f2ecbef{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-f2ecbef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-47db7f1 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:31px;font-weight:600;color:#000000;}.elementor-14092 .elementor-element.elementor-element-d413e41 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14092 .elementor-element.elementor-element-0587455{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-0587455.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-2dda926{--display:flex;--min-height:37px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A5A5A5;--border-color:#A5A5A5;--border-radius:0px 00px 0px 0px;}.elementor-14092 .elementor-element.elementor-element-d0dd764{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-944a9a6{text-align:center;}.elementor-14092 .elementor-element.elementor-element-944a9a6 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:63px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-a344fcb{text-align:center;}.elementor-14092 .elementor-element.elementor-element-a344fcb .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-7d3324d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-7d3324d:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-7d3324d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-228dead{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-228dead.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-377c903 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:31px;font-weight:600;color:#000000;}.elementor-14092 .elementor-element.elementor-element-7bc95e9 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14092 .elementor-element.elementor-element-250c004{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-250c004.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-f820dc2{--display:flex;--min-height:37px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A5A5A5;--border-color:#A5A5A5;--border-radius:0px 00px 0px 0px;}.elementor-14092 .elementor-element.elementor-element-b22207c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-3d11c3c{text-align:center;}.elementor-14092 .elementor-element.elementor-element-3d11c3c .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:63px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-aae3914{text-align:center;}.elementor-14092 .elementor-element.elementor-element-aae3914 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-260fa4c{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-260fa4c:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-260fa4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-5495f92{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-5495f92.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-a2ba832 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:31px;font-weight:600;color:#000000;}.elementor-14092 .elementor-element.elementor-element-f466027 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-14092 .elementor-element.elementor-element-e4291bd{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-e4291bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14092 .elementor-element.elementor-element-3123bd6{--display:flex;--min-height:37px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A5A5A5;--border-color:#A5A5A5;--border-radius:0px 00px 0px 0px;}.elementor-14092 .elementor-element.elementor-element-3c49234{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14092 .elementor-element.elementor-element-e013695{text-align:center;}.elementor-14092 .elementor-element.elementor-element-e013695 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:63px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-3efc08b{text-align:center;}.elementor-14092 .elementor-element.elementor-element-3efc08b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:bold;color:#000000;}.elementor-14092 .elementor-element.elementor-element-8518c63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-8518c63:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-8518c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF00BE;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14092 .elementor-element.elementor-element-381884b .elementor-button{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;}.elementor-14092 .elementor-element.elementor-element-91b6359{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14092 .elementor-element.elementor-element-f36ec86 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-14092 .elementor-element.elementor-element-f36ec86 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:38px;font-weight:bold;color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-dd16a5c{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14092 .elementor-element.elementor-element-dd16a5c:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-dd16a5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14092 .elementor-element.elementor-element-8bab125 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;width:13px;height:13px;background:#FF00BE;}.elementor-14092 .elementor-element.elementor-element-8bab125 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#000000;opacity:1;}.elementor-14092 .elementor-element.elementor-element-8bab125 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px;}.elementor-14092 .elementor-element.elementor-element-43426a3{text-align:center;}.elementor-14092 .elementor-element.elementor-element-43426a3 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-14092 .elementor-element.elementor-element-d6a2dd4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14092 .elementor-element.elementor-element-dd2aa9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-dd2aa9c:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-dd2aa9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF00BE;}.elementor-14092 .elementor-element.elementor-element-e5a720f .elementor-button{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;}.elementor-14092 .elementor-element.elementor-element-e5d2e06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);}.elementor-14092 .elementor-element.elementor-element-e5d2e06:not(.elementor-motion-effects-element-type-background), .elementor-14092 .elementor-element.elementor-element-e5d2e06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF00BE;}.elementor-14092 .elementor-element.elementor-element-74ff643 .elementor-button{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;}@media(min-width:768px){.elementor-14092 .elementor-element.elementor-element-d225c3d{--width:28.544%;}.elementor-14092 .elementor-element.elementor-element-f2ecbef{--width:45%;}.elementor-14092 .elementor-element.elementor-element-0587455{--width:3%;}.elementor-14092 .elementor-element.elementor-element-d0dd764{--width:47%;}.elementor-14092 .elementor-element.elementor-element-228dead{--width:45%;}.elementor-14092 .elementor-element.elementor-element-250c004{--width:3%;}.elementor-14092 .elementor-element.elementor-element-b22207c{--width:47%;}.elementor-14092 .elementor-element.elementor-element-5495f92{--width:45%;}.elementor-14092 .elementor-element.elementor-element-e4291bd{--width:3%;}.elementor-14092 .elementor-element.elementor-element-3c49234{--width:47%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* Glassmorphism card effect */ .megamenu1 { backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); border: 0px solid rgba(209, 213, 219, 0.3); } /* Jellybean Premium Shine */ /* ========================================================= JELLYBEAN LUXURY SHINE Complete replacement CSS ========================================================= */ ./* ========================================================= JELLYBEAN LUXURY PINK SHINE Complete replacement CSS 5 second sweep + 2 second pause ========================================================= */ .jb-shine{ position: relative; overflow: hidden; isolation: isolate; } /* ========================================================= MAIN MOVING SHEEN Fixed layer, moving background only Keeps rounded corners clean ========================================================= */ .jb-shine::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:2; background-image:linear-gradient( 110deg, transparent 0%, transparent 38%, rgba(255,255,255,.04) 42%, rgba(255,255,255,.14) 45%, rgba(255,255,255,.34) 48%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.34) 52%, rgba(255,255,255,.14) 55%, rgba(255,255,255,.04) 58%, transparent 62%, transparent 100% ); background-size:300% 100%; background-position:150% 0; /* Protect first and last 15% so the shine never reaches rounded corners */ -webkit-mask-image:linear-gradient( to right, transparent 0%, transparent 15%, rgba(0,0,0,.35) 17%, black 20%, black 80%, rgba(0,0,0,.35) 83%, transparent 85%, transparent 100% ); mask-image:linear-gradient( to right, transparent 0%, transparent 15%, rgba(0,0,0,.35) 17%, black 20%, black 80%, rgba(0,0,0,.35) 83%, transparent 85%, transparent 100% ); filter: blur(1.5px) drop-shadow(0 0 12px rgba(255,255,255,.24)) drop-shadow(0 0 24px rgba(255,220,240,.12)); mix-blend-mode:screen; animation: jbLuxuryShine 7s cubic-bezier(.22,.61,.36,1) infinite; } /* ========================================================= LUXURY AMBIENT GLOW ========================================================= */ .jb-shine::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1; background: radial-gradient( ellipse at 35% 50%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 30%, transparent 60% ), radial-gradient( ellipse at 65% 45%, rgba(255,190,225,.11) 0%, rgba(255,190,225,.04) 30%, transparent 62% ); -webkit-mask-image:linear-gradient( to right, transparent 0%, transparent 15%, black 22%, black 78%, transparent 85%, transparent 100% ); mask-image:linear-gradient( to right, transparent 0%, transparent 15%, black 22%, black 78%, transparent 85%, transparent 100% ); opacity:.45; animation: jbLuxuryGlow 6s ease-in-out infinite alternate; } /* ========================================================= MAIN SHINE ANIMATION Approx 5 second sweep Approx 2 second gap ========================================================= */ @keyframes jbLuxuryShine{ 0%{ background-position:150% 0; opacity:0; } 4%{ opacity:1; } 71%{ background-position:-50% 0; opacity:1; } 74%{ opacity:0; } 100%{ background-position:-50% 0; opacity:0; } } /* ========================================================= AMBIENT GLOW ANIMATION ========================================================= */ @keyframes jbLuxuryGlow{ 0%{ opacity:.30; transform:scale(.98); } 50%{ opacity:.50; } 100%{ opacity:.38; transform:scale(1.02); } } /* ========================================================= JELLYBEAN EDGE-FADE IMAGE SLIDER Add CSS class: jb-fade-slider ========================================================= */ .jb-fade-slider{ position:relative; overflow:hidden; } /* ========================================================= FADE THE SLIDER INTO BOTH EDGES ========================================================= */ .jb-fade-slider .swiper, .jb-fade-slider .swiper-container{ -webkit-mask-image:linear-gradient( to right, transparent 0%, rgba(0,0,0,.15) 3%, rgba(0,0,0,.40) 6%, rgba(0,0,0,.70) 9%, black 15%, black 85%, rgba(0,0,0,.70) 91%, rgba(0,0,0,.40) 94%, rgba(0,0,0,.15) 97%, transparent 100% ); mask-image:linear-gradient( to right, transparent 0%, rgba(0,0,0,.15) 3%, rgba(0,0,0,.40) 6%, rgba(0,0,0,.70) 9%, black 15%, black 85%, rgba(0,0,0,.70) 91%, rgba(0,0,0,.40) 94%, rgba(0,0,0,.15) 97%, transparent 100% ); } /* ========================================================= SMOOTHER IMAGE MOVEMENT ========================================================= */ .jb-fade-slider .swiper-slide{ transition: opacity .45s ease, transform .45s cubic-bezier(.22,.61,.36,1); will-change:transform, opacity; } /* ========================================================= IMAGES ========================================================= */ .jb-fade-slider .swiper-slide img{ display:block; width:100%; transition: transform .5s cubic-bezier(.22,.61,.36,1), filter .5s ease; } /* ========================================================= ACTIVE / CENTRE IMAGE Gives a subtle premium depth effect ========================================================= */ .jb-fade-slider .swiper-slide-active{ opacity:1; } /* ========================================================= SUBTLE IMAGE POLISH ========================================================= */ .jb-fade-slider .swiper-slide-active img{ transform:scale(1); } .jb-fade-slider .swiper-slide:not(.swiper-slide-active) img{ transform:scale(.985); } /* ========================================================= KEEP NAVIGATION ARROWS VISIBLE They should NOT fade with the images ========================================================= */ .jb-fade-slider .elementor-swiper-button, .jb-fade-slider .swiper-button-prev, .jb-fade-slider .swiper-button-next{ z-index:20; } /* ========================================================= JELLYBEAN FROSTED "MOST POPULAR" RIBBON Add class: jb-most-popular ========================================================= */ .jb-most-popular{ position:relative; overflow:hidden; } .jb-great-value{ position:relative; overflow:hidden; } /* ========================================================= SINGLE FROSTED GLASS RIBBON ========================================================= */ .jb-most-popular::before{ content:"MOST POPULAR"; position:absolute; top:34px; right:-58px; width:220px; padding: 5px 0; text-align:center; transform:rotate(45deg); transform-origin:center; z-index:20; /* Frosted Jellybean pink */ background: linear-gradient( 180deg, rgba(255,45,200,.4) 0%, rgba(255,0,190,.4) 50%, rgba(220,0,160,.1) 100% ); /* Actual glass blur */ -webkit-backdrop-filter: blur(10px) saturate(170%); backdrop-filter: blur(10px) saturate(170%); /* Fine glass edges */ border-top: 1px solid rgba(255,255,255,.38); border-bottom: 1px solid rgba(255,255,255,.16); /* Very restrained depth */ box-shadow: 0 5px 14px rgba(100,0,80,.16); /* Text */ color:#ffffff; font-family:inherit; font-size:13px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; text-shadow: 0 1px 2px rgba(70,0,50,.16); pointer-events:none; } /* ========================================================= SINGLE FROSTED GLASS RIBBON ========================================================= */ .jb-great-value::before{ content:"GREAT VALUE"; position:absolute; top:34px; right:-58px; width:220px; padding: 5px 0; text-align:center; transform:rotate(45deg); transform-origin:center; z-index:20; /* Frosted Jellybean pink */ background: linear-gradient( 180deg, rgba(255,45,200,.4) 0%, rgba(255,0,190,.4) 50%, rgba(220,0,160,.1) 100% ); /* Actual glass blur */ -webkit-backdrop-filter: blur(10px) saturate(170%); backdrop-filter: blur(10px) saturate(170%); /* Fine glass edges */ border-top: 1px solid rgba(255,255,255,.38); border-bottom: 1px solid rgba(255,255,255,.16); /* Very restrained depth */ box-shadow: 0 5px 14px rgba(100,0,80,.16); /* Text */ color:#ffffff; font-family:inherit; font-size:13px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; text-shadow: 0 1px 2px rgba(70,0,50,.16); pointer-events:none; } /* ========================================================= JELLYBEAN MOBILE FROSTED OVERLAP CARD MOBILE ONLY Class: jb-mobile-glass-card IMPORTANT: Elementor controls ALL rounded corners. The glass layers themselves have NO border radius. ========================================================= */ @media (max-width:767px){ .jb-mobile-glass-card{ position:relative; /* * Do NOT set border-radius here. * Your Elementor settings control the shape. */ overflow:hidden; isolation:isolate; /* * Transparent at the top and bottom * so the backdrop blur can see through. * * Solid white through the middle. */ background:linear-gradient( to bottom, transparent 0px, transparent 80px, #ffffff 80px, #ffffff calc(100% - 80px), transparent calc(100% - 80px), transparent 100% ) !important; /* Subtle floating depth */ box-shadow: 0 16px 38px rgba(35,20,35,.08), 0 4px 12px rgba(35,20,35,.04); } /* ===================================================== TOP GLASS NO BORDER RADIUS Parent container clips it automatically. ===================================================== */ .jb-mobile-glass-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:100px; /* * Explicitly prevent this layer creating * its own rounded rectangle. */ border-radius:0 !important; /* * Starts frosted and gradually becomes * completely white. */ background:linear-gradient( to bottom, rgba(255,255,255,.48) 0%, rgba(255,255,255,.58) 30%, rgba(255,255,255,.78) 65%, rgba(255,255,255,.96) 90%, #ffffff 100% ); -webkit-backdrop-filter: blur(18px) saturate(155%); backdrop-filter: blur(18px) saturate(155%); pointer-events:none; z-index:1; } /* ===================================================== BOTTOM GLASS NO BORDER RADIUS Parent container clips it automatically. ===================================================== */ .jb-mobile-glass-card::after{ content:""; position:absolute; bottom:0; left:0; right:0; height:100px; /* * Again — completely square internally. * Elementor's outer card clips it. */ border-radius:0 !important; /* * Starts solid white and gradually becomes * frosted towards the bottom. */ background:linear-gradient( to bottom, #ffffff 0%, rgba(255,255,255,.96) 10%, rgba(255,255,255,.78) 35%, rgba(255,255,255,.58) 70%, rgba(255,255,255,.48) 100% ); -webkit-backdrop-filter: blur(18px) saturate(155%); backdrop-filter: blur(18px) saturate(155%); pointer-events:none; z-index:1; } /* ===================================================== KEEP YOUR ACTUAL CONTENT ABOVE THE GLASS ===================================================== */ .jb-mobile-glass-card > *{ position:relative; z-index:2; } } /* ========================================================= JELLYBEAN CONTINUOUS LOGO CAROUSEL Add class to the IMAGE CAROUSEL WIDGET: jb-logo-flow ========================================================= */ /* Remove Swiper's accelerate/decelerate easing */ .jb-logo-flow .swiper-wrapper{ transition-timing-function:linear !important; -webkit-transition-timing-function:linear !important; } /* Make individual slides behave cleanly */ .jb-logo-flow .swiper-slide{ transition-timing-function:linear !important; }/* End custom CSS */