.elementor-74 .elementor-element.elementor-element-e04fd72{--display:flex;--min-height:700px;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--margin-top:-120px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-e04fd72:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-e04fd72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2025/01/banner-menu.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-e04fd72::before, .elementor-74 .elementor-element.elementor-element-e04fd72 > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-e04fd72 > .e-con-inner > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-e04fd72 > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-e04fd72 > .e-con-inner > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-e04fd72 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #21212170 87%, #000000 96%);}.elementor-74 .elementor-element.elementor-element-056d434{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-056d434:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-056d434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-74 .elementor-element.elementor-element-c3b0724{text-align:center;}.elementor-74 .elementor-element.elementor-element-c3b0724 .elementor-heading-title{font-size:3rem;line-height:50px;color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-14f0cd1{--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-74 .elementor-element.elementor-element-8a5a1f3 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-74 .elementor-element.elementor-element-8a5a1f3{text-align:center;}.elementor-74 .elementor-element.elementor-element-8a5a1f3 .elementor-heading-title{font-family:"Akira Expanded", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-74 .elementor-element.elementor-element-7db7273 > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-74 .elementor-element.elementor-element-7db7273{text-align:justify;font-family:"Monsterrat", Sans-serif;}.elementor-74 .elementor-element.elementor-element-7db7273 p{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-f286e95{--display:flex;--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:center;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:2rem;--padding-bottom:04rem;--padding-left:2rem;--padding-right:2rem;}.elementor-74 .elementor-element.elementor-element-c3c0912{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-74 .elementor-element.elementor-element-c3c0912:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-c3c0912 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2024/12/image-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-0b4c166{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00970D;--border-color:#00970D;--border-radius:5px 5px 5px 5px;}.elementor-74 .elementor-element.elementor-element-0b4c166:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-0b4c166 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020101C2;}.elementor-74 .elementor-element.elementor-element-f3c6c20 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-74 .elementor-element.elementor-element-f3c6c20.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-f3c6c20{text-align:center;color:var( --e-global-color-text );font-family:"Akira Expanded", Sans-serif;}.elementor-74 .elementor-element.elementor-element-f3c6c20 p{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-ff55a2b{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:auto;}.elementor-74 .elementor-element.elementor-element-ff55a2b:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-ff55a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2024/12/image-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-d344063{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00970D;--border-color:#00970D;--border-radius:5px 5px 5px 5px;}.elementor-74 .elementor-element.elementor-element-d344063:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-d344063 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020101C2;}.elementor-74 .elementor-element.elementor-element-3017516 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-74 .elementor-element.elementor-element-3017516.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-3017516{text-align:center;color:var( --e-global-color-text );font-family:"Akira Expanded", Sans-serif;}.elementor-74 .elementor-element.elementor-element-3017516 p{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-2d8ad39{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:auto;}.elementor-74 .elementor-element.elementor-element-2d8ad39:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-2d8ad39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2025/01/special-cocktail2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-f1f1ea5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00970D;--border-color:#00970D;--border-radius:5px 5px 5px 5px;}.elementor-74 .elementor-element.elementor-element-f1f1ea5:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-f1f1ea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020101C2;}.elementor-74 .elementor-element.elementor-element-c3aa023 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-74 .elementor-element.elementor-element-c3aa023.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-c3aa023{text-align:center;color:var( --e-global-color-text );font-family:"Akira Expanded", Sans-serif;}.elementor-74 .elementor-element.elementor-element-c3aa023 p{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-49d3f71{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:auto;}.elementor-74 .elementor-element.elementor-element-49d3f71:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-49d3f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2025/01/daily-food-promo.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-a92b1fc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00970D;--border-color:#00970D;--border-radius:5px 5px 5px 5px;}.elementor-74 .elementor-element.elementor-element-a92b1fc:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-a92b1fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020101C2;}.elementor-74 .elementor-element.elementor-element-57b2036 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-74 .elementor-element.elementor-element-57b2036.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-57b2036{text-align:center;color:var( --e-global-color-text );font-family:"Akira Expanded", Sans-serif;}.elementor-74 .elementor-element.elementor-element-57b2036 p{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-da37b64{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-cee216e iframe{height:554px;}.elementor-74 .elementor-element.elementor-element-16c5f3c{--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;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-74 .elementor-element.elementor-element-352d6a3{text-align:center;}.elementor-74 .elementor-element.elementor-element-352d6a3 .elementor-heading-title{font-family:"Akira Expanded", Sans-serif;color:var( --e-global-color-text );}.elementor-74 .elementor-element.elementor-element-3601b62{text-align:center;font-family:var( --e-global-typography-6e8482d-font-family ), Sans-serif;}body.elementor-page-74:not(.elementor-motion-effects-element-type-background), body.elementor-page-74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo3.tropicanabali.com/wp-content/uploads/2024/12/Background-7.png");background-position:center center;}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-056d434{--width:100%;}.elementor-74 .elementor-element.elementor-element-c3c0912{--content-width:50%;}.elementor-74 .elementor-element.elementor-element-0b4c166{--width:fit-content;}.elementor-74 .elementor-element.elementor-element-d344063{--width:fit-content;}.elementor-74 .elementor-element.elementor-element-f1f1ea5{--width:fit-content;}.elementor-74 .elementor-element.elementor-element-a92b1fc{--width:fit-content;}}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-e04fd72{--padding-top:80px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-e04fd72{--min-height:70vh;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-74 .elementor-element.elementor-element-e04fd72:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-e04fd72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-74 .elementor-element.elementor-element-056d434{--justify-content:center;--margin-top:1rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-056d434.e-con{--align-self:stretch;}.elementor-74 .elementor-element.elementor-element-c3b0724 .elementor-heading-title{font-size:1.7rem;line-height:1em;}.elementor-74 .elementor-element.elementor-element-8a5a1f3 > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-74 .elementor-element.elementor-element-7db7273{text-align:justify;}.elementor-74 .elementor-element.elementor-element-f286e95{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:1rem;--padding-bottom:03rem;--padding-left:1rem;--padding-right:1rem;}.elementor-74 .elementor-element.elementor-element-16c5f3c{--padding-top:3rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for heading, class: .elementor-element-c3b0724 */.elementor-74 .elementor-element.elementor-element-c3b0724 { color: #0f0; /* Neon green color */ text-shadow: 0 0 5px rgba(0, 255, 0, 0.7), /* Small glow */ 0 0 10px rgba(0, 255, 0, 0.6), /* Medium glow */ 0 0 15px rgba(0, 255, 0, 0.5); /* Larger glow */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8a5a1f3 */.elementor-74 .elementor-element.elementor-element-8a5a1f3 { color: #0f0; /* Neon green color */ text-shadow: 0 0 5px rgba(0, 255, 0, 0.7), /* Small glow */ 0 0 10px rgba(0, 255, 0, 0.6), /* Medium glow */ 0 0 15px rgba(0, 255, 0, 0.5); /* Larger glow */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7db7273 */.gradient-text { background: linear-gradient(to right, red, yellow); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b4c166 *//* Basic Button Style */ .elementor-74 .elementor-element.elementor-element-0b4c166 { display: inline-block; /* Makes the container behave like an inline button */ text-align: center; /* Center the text inside */ text-decoration: none; /* Remove underline from text */ cursor: pointer; /* Shows pointer on hover */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */ } /* Hover effect for the button */ .parent-.elementor-74 .elementor-element.elementor-element-0b4c166-1:hover .elementor-74 .elementor-element.elementor-element-0b4c166 { background-color: #45a049; /* Darker green on hover */ } /* Active effect when the button is clicked */ .elementor-74 .elementor-element.elementor-element-0b4c166:active { background-color: #387a38; /* Even darker green when clicked */ transform: translateY(0); /* Return to normal position */ } /* Optional: Focus effect for accessibility */ .elementor-74 .elementor-element.elementor-element-0b4c166:focus { outline: 2px solid #ff4081; /* Pink outline for focus */ outline-offset: 2px; /* Space the outline from the container */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3c0912 */.elementor-74 .elementor-element.elementor-element-c3c0912 { aspect-ratio: 1 / 1; /* Ensures a perfect square */ width: 100%; /* Adjusts width within the parent container */ max-width: 300px; } .elementor-74 .elementor-element.elementor-element-c3c0912 { /* Basic Card Styles */ border: 5px solid #0f0; /* White frame around the card */ border-radius: 15px; /* Rounded corners for a modern look */ overflow: hidden; /* Ensures content stays within rounded corners */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */ /* Hover Neon Glow */ transform: scale(1.05); /* Slightly enlarge card on hover */ } .elementor-74 .elementor-element.elementor-element-c3c0912:hover { /* Hover Effects */ transform: scale(1.05); /* Slightly enlarge card on hover */ box-shadow: 0 0 10px rgba(0, 255, 0, 0.8), 0 0 40px rgba(0, 255, 0, 0.6), 0 0 60px rgba(0, 255, 0, 0.4); /* Green neon glow effect */ } .elementor-74 .elementor-element.elementor-element-c3c0912:hover .food-button { background-color: #00970D; /* Green background on hover */ transform: scale(1.1); /* Slightly enlarge button */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d344063 *//* Basic Button Style */ .elementor-74 .elementor-element.elementor-element-d344063 { display: inline-block; /* Makes the container behave like an inline button */ text-align: center; /* Center the text inside */ text-decoration: none; /* Remove underline from text */ cursor: pointer; /* Shows pointer on hover */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */ } /* Active effect when the button is clicked */ .elementor-74 .elementor-element.elementor-element-d344063:active { background-color: #387a38; /* Even darker green when clicked */ transform: translateY(0); /* Return to normal position */ } /* Optional: Focus effect for accessibility */ .elementor-74 .elementor-element.elementor-element-d344063:focus { outline: 2px solid #ff4081; /* Pink outline for focus */ outline-offset: 2px; /* Space the outline from the container */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ff55a2b */.elementor-74 .elementor-element.elementor-element-ff55a2b { aspect-ratio: 1 / 1; /* Ensures a perfect square */ width: 100%; /* Adjusts width within the parent container */ max-width: 300px; } .elementor-74 .elementor-element.elementor-element-ff55a2b { /* Basic Card Styles */ border: 5px solid #0f0; /* White frame around the card */ border-radius: 15px; /* Rounded corners for a modern look */ overflow: hidden; /* Ensures content stays within rounded corners */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */ /* Hover Neon Glow */ transform: scale(1.05); /* Slightly enlarge card on hover */ } .elementor-74 .elementor-element.elementor-element-ff55a2b:hover { /* Hover Effects */ transform: scale(1.05); /* Slightly enlarge card on hover */ box-shadow: 0 0 10px rgba(0, 255, 0, 0.8), 0 0 40px rgba(0, 255, 0, 0.6), 0 0 60px rgba(0, 255, 0, 0.4); /* Green neon glow effect */ } .elementor-74 .elementor-element.elementor-element-ff55a2b:hover .drinks-button { background-color: #00970D; /* Green background on hover */ transform: scale(1.1); /* Slightly enlarge button */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1f1ea5 *//* Basic Button Style */ .elementor-74 .elementor-element.elementor-element-f1f1ea5 { display: inline-block; /* Makes the container behave like an inline button */ text-align: center; /* Center the text inside */ text-decoration: none; /* Remove underline from text */ cursor: pointer; /* Shows pointer on hover */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */ } /* Active effect when the button is clicked */ .elementor-74 .elementor-element.elementor-element-f1f1ea5:active { background-color: #387a38; /* Even darker green when clicked */ transform: translateY(0); /* Return to normal position */ } /* Optional: Focus effect for accessibility */ .elementor-74 .elementor-element.elementor-element-f1f1ea5:focus { outline: 2px solid #ff4081; /* Pink outline for focus */ outline-offset: 2px; /* Space the outline from the container */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2d8ad39 */.elementor-74 .elementor-element.elementor-element-2d8ad39 { aspect-ratio: 1 / 1; /* Ensures a perfect square */ width: 100%; /* Adjusts width within the parent container */ max-width: 300px; } .elementor-74 .elementor-element.elementor-element-2d8ad39 { /* Basic Card Styles */ border: 5px solid #0f0; /* White frame around the card */ border-radius: 15px; /* Rounded corners for a modern look */ overflow: hidden; /* Ensures content stays within rounded corners */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */ /* Hover Neon Glow */ transform: scale(1.05); /* Slightly enlarge card on hover */ } .elementor-74 .elementor-element.elementor-element-2d8ad39:hover { /* Hover Effects */ transform: scale(1.05); /* Slightly enlarge card on hover */ box-shadow: 0 0 10px rgba(0, 255, 0, 0.8), 0 0 40px rgba(0, 255, 0, 0.6), 0 0 60px rgba(0, 255, 0, 0.4); /* Green neon glow effect */ } .elementor-74 .elementor-element.elementor-element-2d8ad39:hover .drinks-button { background-color: #00970D; /* Green background on hover */ transform: scale(1.1); /* Slightly enlarge button */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92b1fc *//* Basic Button Style */ .elementor-74 .elementor-element.elementor-element-a92b1fc { display: inline-block; /* Makes the container behave like an inline button */ text-align: center; /* Center the text inside */ text-decoration: none; /* Remove underline from text */ cursor: pointer; /* Shows pointer on hover */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */ } /* Active effect when the button is clicked */ .elementor-74 .elementor-element.elementor-element-a92b1fc:active { background-color: #387a38; /* Even darker green when clicked */ transform: translateY(0); /* Return to normal position */ } /* Optional: Focus effect for accessibility */ .elementor-74 .elementor-element.elementor-element-a92b1fc:focus { outline: 2px solid #ff4081; /* Pink outline for focus */ outline-offset: 2px; /* Space the outline from the container */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49d3f71 */.elementor-74 .elementor-element.elementor-element-49d3f71 { aspect-ratio: 1 / 1; /* Ensures a perfect square */ width: 100%; /* Adjusts width within the parent container */ max-width: 300px; } .elementor-74 .elementor-element.elementor-element-49d3f71 { /* Basic Card Styles */ border: 5px solid #0f0; /* White frame around the card */ border-radius: 15px; /* Rounded corners for a modern look */ overflow: hidden; /* Ensures content stays within rounded corners */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */ /* Hover Neon Glow */ transform: scale(1.05); /* Slightly enlarge card on hover */ } .elementor-74 .elementor-element.elementor-element-49d3f71:hover { /* Hover Effects */ transform: scale(1.05); /* Slightly enlarge card on hover */ box-shadow: 0 0 10px rgba(0, 255, 0, 0.8), 0 0 40px rgba(0, 255, 0, 0.6), 0 0 60px rgba(0, 255, 0, 0.4); /* Green neon glow effect */ } .elementor-74 .elementor-element.elementor-element-49d3f71:hover .drinks-button { background-color: #00970D; /* Green background on hover */ transform: scale(1.1); /* Slightly enlarge button */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-352d6a3 */.elementor-74 .elementor-element.elementor-element-352d6a3 { color: #0F0; /* Neon green color */ text-shadow: 0 0 5px rgba(0, 255, 0, 0.7), /* Small glow */ 0 0 10px rgba(0, 255, 0, 0.6), /* Medium glow */ 0 0 15px rgba(0, 255, 0, 0.5); /* Larger glow */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Akira Expanded'; font-style: normal; font-weight: normal; font-display: auto; src: url('http://demo3.tropicanabali.com/wp-content/uploads/2024/12/Akira-Expanded-Demo.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Monsterrat'; font-display: auto; src: url('http://demo3.tropicanabali.com/wp-content/uploads/2024/12/Montserrat-VariableFont_wght.ttf') format('truetype'); } /* End Custom Fonts CSS */