.elementor-866 .elementor-element.elementor-element-516732b{--display:flex;--position:absolute;--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;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:50;}.elementor-866 .elementor-element.elementor-element-516732b::before, .elementor-866 .elementor-element.elementor-element-516732b > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-516732b > .e-con-inner > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-516732b > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-516732b > .e-con-inner > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-516732b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #F2295B00 100%);}body:not(.rtl) .elementor-866 .elementor-element.elementor-element-516732b{left:0px;}body.rtl .elementor-866 .elementor-element.elementor-element-516732b{right:0px;}.elementor-866 .elementor-element.elementor-element-49c5eef{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-866 .elementor-element.elementor-element-11c9b03{text-align:start;}.elementor-866 .elementor-element.elementor-element-11c9b03 img{width:55%;}.elementor-866 .elementor-element.elementor-element-4b4f0ce{--display:flex;--justify-content:center;}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu .elementor-item{font-family:"Raleway", Sans-serif;font-size:18px;font-weight:700;}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item.highlighted, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a:focus, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a.highlighted, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a:focus, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown .elementor-item, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle{color:#FFFFFF;}.elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle:hover svg, .elementor-866 .elementor-element.elementor-element-d0d6fcc div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-accent );}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle:hover, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-menu-toggle:focus{background-color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-f6689b6{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-866 .elementor-element.elementor-element-8dcb966{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-866 .elementor-element.elementor-element-49c5eef{--width:17%;}.elementor-866 .elementor-element.elementor-element-4b4f0ce{--width:66%;}.elementor-866 .elementor-element.elementor-element-f6689b6{--width:17%;}}@media(max-width:767px){.elementor-866 .elementor-element.elementor-element-516732b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:95;}.elementor-866 .elementor-element.elementor-element-49c5eef{--width:140px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-866 .elementor-element.elementor-element-11c9b03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-866 .elementor-element.elementor-element-11c9b03 img{width:48%;}.elementor-866 .elementor-element.elementor-element-4b4f0ce{--width:160px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-866 .elementor-element.elementor-element-d0d6fcc{width:auto;max-width:auto;--nav-menu-icon-size:20px;}.elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-866 .elementor-element.elementor-element-d0d6fcc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:23px !important;}.elementor-866 .elementor-element.elementor-element-f6689b6{--width:85px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for button, class: .elementor-element-8dcb966 *//* ========================================= RECTANGLE MUSIC BUTTON Elementor Class: animated-rect-btn ========================================= */ .animated-rect-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; background: #FF4E5B !important; color: #FFFFFF !important; border: 2px solid #FF4E5B !important; border-radius: 0 !important; overflow: hidden; cursor: pointer; transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.15s ease; } /* ========================================= MUSIC ICON ========================================= */ .animated-rect-btn .elementor-button::before { content: "\f001"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; top: 50%; color: #FF4E5B; font-size: 16px; opacity: 0; transform: translateY(-50%) scale(0); transition: opacity 0.3s ease, transform 0.3s ease, right 0.3s ease; pointer-events: none; } /* ========================================= HOVER Reverse Colors + 4 SIDE GLOW ========================================= */ .animated-rect-btn .elementor-button:hover { background: #FFFFFF !important; color: #FF4E5B !important; border-color: #FF4E5B !important; transform: translateY(-2px); box-shadow: 0 -5px 15px rgba(255, 78, 91, 0.55), 0 5px 15px rgba(255, 78, 91, 0.55), -5px 0 15px rgba(255, 78, 91, 0.55), 5px 0 15px rgba(255, 78, 91, 0.55); } /* ========================================= SHOW MUSIC ICON ========================================= */ .animated-rect-btn .elementor-button:hover::before { right: 18px; opacity: 1; transform: translateY(-50%) scale(1); animation: musicBounce 0.8s ease-in-out infinite; } /* ========================================= MUSIC ICON ANIMATION ========================================= */ @keyframes musicBounce { 0%, 100% { transform: translateY(-50%) rotate(0deg) scale(1); } 50% { transform: translateY(-50%) rotate(-12deg) scale(1.15); } } /* ========================================= CLICK / PRESS EFFECT ========================================= */ .animated-rect-btn .elementor-button:active { transform: scale(0.94); box-shadow: 0 0 8px rgba(255, 78, 91, 0.8), 0 0 18px rgba(255, 78, 91, 0.6), 0 0 30px rgba(255, 78, 91, 0.35); transition: transform 0.08s ease, box-shadow 0.08s ease; } /* ========================================= RIPPLE EFFECT ========================================= */ .animated-rect-btn .elementor-button::after { content: ""; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; background: rgba(255, 78, 91, 0.30); border-radius: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; pointer-events: none; } /* ========================================= RIPPLE ON CLICK ========================================= */ .animated-rect-btn .elementor-button:active::after { animation: buttonRipple 0.5s ease-out; } @keyframes buttonRipple { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0.7; } 100% { transform: translate(-50%, -50%) scale(18); opacity: 0; } } /* ========================================= BUTTON TEXT ========================================= */ .animated-rect-btn .elementor-button-text { position: relative; z-index: 2; transition: transform 0.3s ease; } /* Slight text movement on hover */ .animated-rect-btn .elementor-button:hover .elementor-button-text { transform: translateX(-5px); }/* End custom CSS */