.elementor-35 .elementor-element.elementor-element-47f4ad9a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-47f4ad9a:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-47f4ad9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-35 .elementor-element.elementor-element-47f4ad9a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-35 .elementor-element.elementor-element-71423947{--display:flex;--min-height:125px;}.elementor-35 .elementor-element.elementor-element-71423947.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-35 .elementor-element.elementor-element-7261b0a3{width:auto;max-width:auto;--e-transform-scale:0.65;margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;padding:0px 0px 0px 0px;top:44px;}.elementor-35 .elementor-element.elementor-element-7261b0a3.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-7261b0a3{left:149px;}body.rtl .elementor-35 .elementor-element.elementor-element-7261b0a3{right:149px;}.elementor-35 .elementor-element.elementor-element-7261b0a3 img{width:140px;border-radius:100px 100px 100px 100px;}.elementor-35 .elementor-element.elementor-element-3f2ea443{--display:flex;--position:absolute;--min-height:0px;top:42px;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-3f2ea443{left:85px;}body.rtl .elementor-35 .elementor-element.elementor-element-3f2ea443{right:85px;}.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-35 .elementor-element.elementor-element-5162f94{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-35 .elementor-element.elementor-element-5162f94 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:19px;letter-spacing:-2px;word-spacing:6px;-webkit-text-stroke-width:0.01px;stroke-width:0.01px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 31px rgba(0,0,0,0.3);color:#FFD903;}.elementor-35 .elementor-element.elementor-element-11cb339{--display:flex;--position:absolute;--min-height:0px;--overlay-opacity:1;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:48px;--z-index:99;}.elementor-35 .elementor-element.elementor-element-11cb339::before, .elementor-35 .elementor-element.elementor-element-11cb339 > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-11cb339 > .e-con-inner > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-11cb339 > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-11cb339 > .e-con-inner > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-11cb339 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFD700;--background-overlay:'';}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-11cb339{right:134px;}body.rtl .elementor-35 .elementor-element.elementor-element-11cb339{left:134px;}.elementor-35 .elementor-element.elementor-element-2ced9327{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:113px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:43px;--padding-right:25px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(23px/2);}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(23px/2);}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(23px/2);}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-23px/2);}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-23px/2);}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-50ede278{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;font-size:25px;font-weight:600;text-transform:capitalize;line-height:24px;letter-spacing:-2.3px;word-spacing:6px;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-35 .elementor-element.elementor-element-50ede278 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-3df03354{margin:36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;text-transform:capitalize;letter-spacing:-0.7px;word-spacing:2px;}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-35 .elementor-element.elementor-element-3df03354 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-689ec73e{--display:flex;--position:absolute;--min-height:45px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:23px 23px 23px 23px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:70px;--z-index:100;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-689ec73e{right:143px;}body.rtl .elementor-35 .elementor-element.elementor-element-689ec73e{left:143px;}.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-35 .elementor-element.elementor-element-147d3935 .elementor-button{background-color:#FFE005;font-family:"Acme", Sans-serif;font-size:14px;font-weight:900;letter-spacing:3.7px;text-shadow:-20px 0px 25px rgba(0,0,0,0.3);fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-147d3935 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-147d3935 .elementor-button:focus{background-color:#000000;color:#FFCB00;}.elementor-35 .elementor-element.elementor-element-147d3935 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-147d3935 .elementor-button:focus svg{fill:#FFCB00;}.elementor-35 .elementor-element.elementor-element-732c84f0 .elementor-button{background-color:#FFD700;font-family:"Acme", Sans-serif;font-size:14px;font-weight:800;letter-spacing:3.7px;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-732c84f0 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-732c84f0 .elementor-button:focus{background-color:#000000;color:#FFD800;}.elementor-35 .elementor-element.elementor-element-732c84f0 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-732c84f0 .elementor-button:focus svg{fill:#FFD800;}.elementor-35 .elementor-element.elementor-element-06ca611{--display:flex;--min-height:100vh;--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;--margin-top:-123px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-35 .elementor-element.elementor-element-1aeb363{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-4997162{padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-4997162.elementor-element{--align-self:flex-end;}.elementor-35 .elementor-element.elementor-element-4997162 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:65px;font-weight:bold;color:#FFB700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-f821971{padding:0px 30px 0px 40px;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-7a94832{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-8753cc9 img{max-width:60%;border-radius:20px 20px 20px 20px;}.elementor-35 .elementor-element.elementor-element-fc7f264{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-35 .elementor-element.elementor-element-3226fd9{--grid-columns:3;}body.elementor-page-35:not(.elementor-motion-effects-element-type-background), body.elementor-page-35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#201E1E;}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-689ec73e{--min-height:45px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-3226fd9{--grid-columns:2;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-47f4ad9a{--width:100%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-71423947{--width:61%;--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:17px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-7261b0a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;top:8px;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-7261b0a3{left:-5px;}body.rtl .elementor-35 .elementor-element.elementor-element-7261b0a3{right:-5px;}.elementor-35 .elementor-element.elementor-element-7261b0a3 img{width:70px;height:70px;}.elementor-35 .elementor-element.elementor-element-3f2ea443{--width:100%;--margin-top:-27px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-3f2ea443{left:-8px;}body.rtl .elementor-35 .elementor-element.elementor-element-3f2ea443{right:-8px;}.elementor-35 .elementor-element.elementor-element-5162f94 .elementor-heading-title{font-size:20px;letter-spacing:-1.7px;}.elementor-35 .elementor-element.elementor-element-11cb339{--width:300px;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-11cb339{right:23px;}body.rtl .elementor-35 .elementor-element.elementor-element-11cb339{left:23px;}.elementor-35 .elementor-element.elementor-element-689ec73e{--width:95px;--min-height:40px;--flex-wrap:nowrap;top:20px;}body:not(.rtl) .elementor-35 .elementor-element.elementor-element-689ec73e{right:20px;}body.rtl .elementor-35 .elementor-element.elementor-element-689ec73e{left:20px;}.elementor-35 .elementor-element.elementor-element-4997162{padding:0px 10px 0px 10px;}.elementor-35 .elementor-element.elementor-element-4997162 .elementor-heading-title{font-size:40px;}.elementor-35 .elementor-element.elementor-element-3226fd9{--grid-columns:1;}}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-47f4ad9a{--width:auto;}.elementor-35 .elementor-element.elementor-element-71423947{--width:38%;}.elementor-35 .elementor-element.elementor-element-3f2ea443{--width:61%;}.elementor-35 .elementor-element.elementor-element-11cb339{--width:300px;}.elementor-35 .elementor-element.elementor-element-689ec73e{--width:110px;}}@media(max-width:1024px) and (min-width:768px){.elementor-35 .elementor-element.elementor-element-689ec73e{--width:95px;}}/* Start custom CSS for heading, class: .elementor-element-5162f94 */.elementor-35 .elementor-element.elementor-element-5162f94{
    -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.1) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71423947 */.elementor-35 .elementor-element.elementor-element-71423947{
    --transition: 0.9s;
    --circle-color: #ffbf00;
    --content-background: #bf9e3f;
    --mobile-height: 650px;
    --mob-top: 300px;
}
.elementor-35 .elementor-element.elementor-element-71423947 .elementor-widget-wrap,.elementor-35 .elementor-element.elementor-element-71423947 .elementor-widget-container,.elementor-35 .elementor-element.elementor-element-71423947 .elementor-widget-image,.pepsi-text,.elementor-35 .elementor-element.elementor-element-71423947 > .elementor-widget-wrap:before,.elementor-35 .elementor-element.elementor-element-71423947{
    transition: all var(--transition) !important;
}
.elementor-35 .elementor-element.elementor-element-71423947 > .elementor-widget-wrap:before{
    content: "";
    background: var(--circle-color);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 100px;
    clip-path: circle(120px at center);
}
.elementor-35 .elementor-element.elementor-element-71423947:hover > .elementor-widget-wrap:before{
    clip-path: circle(400px at center);
    background: var(--content-background);
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .elementor-widget-image{
    left:35% !important;
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .elementor-widget-image .elementor-widget-container{
    transform: scale(0.5);
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .elementor-widget-image{
    top:40% !important;}
   
.elementor-35 .elementor-element.elementor-element-71423947 .pepsi-text{
    opacity: 0;
    visibility: visible;
    

    /* Fixed from 'hiddin' to 'visible' */
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .pepsi-text{
    opacity: 1;
    visibility: visible;
    top:40% 
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .pepsi-text .elementor-widget-wrap{
    margin-left: 0px !important;
}
/*Responsive*/
@media (max-width: 767px) {
.elementor-35 .elementor-element.elementor-element-71423947{
    height:15vh;
}  
.elementor-35 .elementor-element.elementor-element-71423947 .elementor-widget-image .elementor-widget-container{
    transform: scale(1);
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .elementor-widget-image{
    left: 120px !important;
    top: 200px;
}
.elementor-35 .elementor-element.elementor-element-71423947:hover .pepsi-text .elementor-widget-wrap{
    margin-top: 30px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11cb339 */<!DOCTYPE html>
<html>
<head>
    <style>
        .mdw-side-menu .circle-effect-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
            overflow: hidden;
        }

        .mdw-side-menu .circle {
            position: absolute;
            border-radius: 50%;
            background: transparent;
            border: 1px solid black;
            opacity: 0;
            transform: scale(0);
            transition: transform 0.2s ease-out, opacity 0.2s ease-out;
            pointer-events: none;
        }

        .mdw-side-menu .exploding {
            animation: explodeAndFade 0.8s ease-out forwards;
        }

        @keyframes explodeAndFade {
            0% {
                transform: scale(0);
                opacity: 0;
            }
            20% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(2);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <script>
        function initCircleEffect() {
            const container = document.querySelector('.mdw-side-menu');
            if (!container) return;

            // Create wrapper for the effect
            const wrapper = document.createElement('div');
            wrapper.className = 'circle-effect-wrapper';
            container.appendChild(wrapper);
            
            const numberOfCircles = 1000;
            
            for (let i = 0; i < numberOfCircles; i++) {
                const circle = document.createElement('div');
                circle.className = 'circle';
                
                const size = Math.random() * 20 + 10;
                circle.style.width = `${size}px`;
                circle.style.height = `${size}px`;
                
                const x = Math.random() * 100;
                const y = Math.random() * 100;
                circle.style.left = `${x}%`;
                circle.style.top = `${y}%`;
                
                wrapper.appendChild(circle);
            }

            container.addEventListener('mousemove', (e) => {
                const rect = container.getBoundingClientRect();
                const mouseX = e.clientX - rect.left;
                const mouseY = e.clientY - rect.top;
                
                const circles = wrapper.querySelectorAll('.circle');
                circles.forEach((circle) => {
                    const circleRect = circle.getBoundingClientRect();
                    const circleX = circleRect.left - rect.left + circleRect.width / 2;
                    const circleY = circleRect.top - rect.top + circleRect.height / 2;
                    
                    const distance = Math.sqrt(
                        Math.pow(circleX - mouseX, 2) + 
                        Math.pow(circleY - mouseY, 2)
                    );
                    
                    const triggerDistance = 50 + (circleRect.width - 10);
                    
                    if (distance < triggerDistance && !circle.classList.contains('exploding')) {
                        circle.classList.add('exploding');
                        setTimeout(() => {
                            circle.classList.remove('exploding');
                        }, 800);
                    }
                });
            });
        }

        // Initialize when DOM is loaded
        document.addEventListener('DOMContentLoaded', initCircleEffect);
    </script>
</body>
</html>/* End custom CSS */