.elementor-4583 .elementor-element.elementor-element-50f41795{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-4583 .elementor-element.elementor-element-18d2002{--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:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-4583 .elementor-element.elementor-element-18d2002:not(.elementor-motion-effects-element-type-background), .elementor-4583 .elementor-element.elementor-element-18d2002 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#16163f;}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-0f776f0.elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-0f776f0.elementor-social-icon i{color:var( --e-global-color-astglobalcolor4 );}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-0f776f0.elementor-social-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-2a67549.elementor-social-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-2a67549.elementor-social-icon i{color:var( --e-global-color-astglobalcolor5 );}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-repeater-item-2a67549.elementor-social-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-4583 .elementor-element.elementor-element-547f4fa{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-4583 .elementor-element.elementor-element-547f4fa .elementor-widget-container{text-align:center;}.elementor-4583 .elementor-element.elementor-element-38b16670{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-4583 .elementor-element.elementor-element-38b16670:not(.elementor-motion-effects-element-type-background), .elementor-4583 .elementor-element.elementor-element-38b16670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-4583 .elementor-element.elementor-element-38b16670.e-con{--align-self:stretch;}.elementor-4583 .elementor-element.elementor-element-79b8313 > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-4583 .elementor-element.elementor-element-79b8313{text-align:left;}.elementor-4583 .elementor-element.elementor-element-79b8313 img{width:150px;height:48px;object-fit:contain;object-position:center center;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-menu-toggle{margin-left:auto;background-color:#ffffff;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-item{color:#16163f;fill:#16163f;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:1px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-item:focus{color:#d3b574;fill:#d3b574;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-underline .elementor-item:after,
					 .elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-overline .elementor-item:before,
					 .elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-double-line .elementor-item:before,
					 .elementor-4583 .elementor-element.elementor-element-73ae7b22 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22{--e-nav-menu-horizontal-menu-item-margin:calc( 63px / 2 );--nav-menu-icon-size:15px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:63px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-menu-toggle{color:#16163f;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a:hover,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-menu-toggle:hover{color:#d3b574;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a:hover,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(0,0,0,0);}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a.elementor-item-active{color:#d3b574;background-color:rgba(0,0,0,0);}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown .elementor-item, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a{padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 div.elementor-menu-toggle{color:#16163f;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 div.elementor-menu-toggle svg{fill:#16163f;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button{background-color:#d3b574;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;fill:#16163f;color:#16163f;border-radius:0px 0px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button:hover, .elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button:focus{background-color:#16163f;color:#d3b574;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button:hover svg, .elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button:focus svg{fill:#d3b574;}.elementor-4583 .elementor-element.elementor-element-038d632{--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;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-4583 .elementor-element.elementor-element-038d632:not(.elementor-motion-effects-element-type-background), .elementor-4583 .elementor-element.elementor-element-038d632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-4583 .elementor-element.elementor-element-246c634{text-align:left;}.elementor-4583 .elementor-element.elementor-element-246c634 img{width:150px;height:48px;object-fit:contain;object-position:center center;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button{background-color:#d3b574;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;fill:#16163f;color:#16163f;border-radius:0px 0px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button:hover, .elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button:focus{background-color:#16163f;color:#d3b574;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button:hover svg, .elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button:focus svg{fill:#d3b574;}.elementor-4583 .elementor-element.elementor-element-57a9020.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li a span, .elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li span.eael-simple-menu-indicator{font-size:15px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li a span, .elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li span.eael-simple-menu-indicator i{font-size:15px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li span.eael-simple-menu-indicator svg{width:15px;height:15px;line-height:15px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li span svg{width:15px;height:15px;line-height:15px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator:hover:before{color:#f44336;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator:hover i{color:#f44336;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator:hover svg{fill:#f44336;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator:hover{background-color:#ffffff;border-color:#f44336;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open svg{fill:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open i{color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu-container .eael-simple-menu-toggle{background-color:#000000;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu-container .eael-simple-menu-toggle i{color:#ffffff;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu-container .eael-simple-menu-toggle svg{fill:#ffffff;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu.eael-simple-menu-horizontal li ul li a{padding-left:20px;padding-right:20px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu.eael-simple-menu-horizontal li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu.eael-simple-menu-vertical li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li a span{font-size:12px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li span.eael-simple-menu-indicator{font-size:12px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li span.eael-simple-menu-indicator i{font-size:12px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li .eael-simple-menu-indicator svg{width:12px;height:12px;line-height:12px;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover:before{color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-4583 .elementor-element.elementor-element-00dc6f5{--display:flex;}@media(min-width:768px){.elementor-4583 .elementor-element.elementor-element-18d2002{--content-width:1200px;}.elementor-4583 .elementor-element.elementor-element-38b16670{--content-width:1462px;}.elementor-4583 .elementor-element.elementor-element-038d632{--content-width:1200px;}}@media(max-width:1024px){.elementor-4583 .elementor-element.elementor-element-18d2002{--padding-top:27px;--padding-bottom:27px;--padding-left:15px;--padding-right:15px;}.elementor-4583 .elementor-element.elementor-element-38b16670{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-4583 .elementor-element.elementor-element-79b8313 > .elementor-widget-container{padding:0px 90px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-79b8313 img{width:133px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-4583 .elementor-element.elementor-element-038d632{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-4583 .elementor-element.elementor-element-246c634 > .elementor-widget-container{padding:0px 90px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-246c634 img{width:133px;}}@media(max-width:767px){.elementor-4583 .elementor-element.elementor-element-18d2002{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4583 .elementor-element.elementor-element-79b8313 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-79b8313 img{width:100px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown .elementor-item, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--dropdown a{padding-top:24px;padding-bottom:24px;}.elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4583 .elementor-element.elementor-element-73ae7b22 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-4583 .elementor-element.elementor-element-58e66d43 .elementor-button{font-size:13px;padding:15px 20px 15px 20px;}.elementor-4583 .elementor-element.elementor-element-246c634 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4583 .elementor-element.elementor-element-246c634 img{width:100px;}.elementor-4583 .elementor-element.elementor-element-7479154 .elementor-button{font-size:13px;padding:15px 20px 15px 20px;}.elementor-4583 .elementor-element.elementor-element-6c8ef7b .elementor-button{border-radius:20px 20px 20px 20px;}.elementor-4583 .elementor-element.elementor-element-57a9020{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-4583 .elementor-element.elementor-element-57a9020.elementor-element{--align-self:flex-end;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu-container{background-color:#FFFFFF;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal{background-color:#FFFFFF;}.elementor-4583 .elementor-element.elementor-element-57a9020 .eael-simple-menu li ul{border-radius:20px 20px 20px 20px;}}/* Start custom CSS for button, class: .elementor-element-58e66d43 *//* Outer button style */
#navbar-cta.nav-login-btn {
    background: #0077ff !important; /* solid minimal blue */
    color: white !important;
    padding: 8px 18px !important;
    border-radius: 50px !important; /* fully pill-shaped */
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    border: none !important;
    cursor: pointer;
    transition: all 0.25s ease;
    display: inline-block;
}

/* Remove any inner background from Elementor wrapper */
#navbar-cta.nav-login-btn span,
#navbar-cta.nav-login-btn a,
#navbar-cta.nav-login-btn .elementor-button-text {
    background: none !important;
    color: white !important;
    box-shadow: none !important;
}

/* Hover effect: lighter blue + lift */
#navbar-cta.nav-login-btn:hover {
    background: #3399ff !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Active/pressed */
#navbar-cta.nav-login-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

//new
        /* Snackbar Container */
        #snackbar-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 10px;
            pointer-events: none;
        }

        /* Individual Snackbar */
        .snackbar {
            background: #ffffff;
            border: 1px solid #e1e5e9;
            border-radius: 12px;
            padding: 16px 20px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            min-width: 300px;
            max-width: 400px;
            display: flex;
            align-items: center;
            gap: 12px;
            transform: translateX(420px);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            pointer-events: auto;
            position: relative;
            backdrop-filter: blur(10px);
            border-left: 4px solid #10b981;
        }

        /* Show animation */
        .snackbar.show {
            transform: translateX(0);
            opacity: 1;
        }

        /* Hide animation */
        .snackbar.hide {
            transform: translateX(420px);
            opacity: 0;
        }

        /* Success variant */
        .snackbar.success {
            border-left-color: #10b981;
        }

        .snackbar.success .snackbar-icon {
            background: #10b981;
        }

        /* Error variant */
        .snackbar.error {
            border-left-color: #ef4444;
        }

        .snackbar.error .snackbar-icon {
            background: #ef4444;
        }

        /* Warning variant */
        .snackbar.warning {
            border-left-color: #f59e0b;
        }

        .snackbar.warning .snackbar-icon {
            background: #f59e0b;
        }

        /* Snackbar Icon */
        .snackbar-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 14px;
            flex-shrink: 0;
        }

        /* Snackbar Content */
        .snackbar-content {
            flex: 1;
        }

        .snackbar-title {
            font-weight: 600;
            font-size: 14px;
            color: #1f2937;
            margin: 0 0 4px 0;
        }

        .snackbar-message {
            font-size: 13px;
            color: #6b7280;
            margin: 0;
            line-height: 1.4;
        }

        /* Close Button */
        .snackbar-close {
            background: none;
            border: none;
            font-size: 18px;
            color: #9ca3af;
            cursor: pointer;
            padding: 0;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            transition: all 0.2s ease;
            flex-shrink: 0;
        }

        .snackbar-close:hover {
            background: #f3f4f6;
            color: #374151;
        }

        /* Progress Bar */
        .snackbar-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, #10b981, #059669);
            border-radius: 0 0 12px 12px;
            width: 100%;
            transform-origin: left;
            animation: progressBar 5s linear forwards;
        }

        @keyframes progressBar {
            from { transform: scaleX(1); }
            to { transform: scaleX(0); }
        }

        .snackbar.error .snackbar-progress {
            background: linear-gradient(90deg, #ef4444, #dc2626);
        }

        .snackbar.warning .snackbar-progress {
            background: linear-gradient(90deg, #f59e0b, #d97706);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            #snackbar-container {
                top: 10px;
                right: 10px;
                left: 10px;
            }

            .snackbar {
                min-width: unset;
                max-width: unset;
                transform: translateY(-100px);
            }

            .snackbar.show {
                transform: translateY(0);
            }

            .snackbar.hide {
                transform: translateY(-100px);
            }
        }

        /* Demo Styles */
        .demo-section {
            max-width: 800px;
            margin: 50px auto;
            padding: 20px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }

        .demo-buttons {
            display: flex;
            gap: 15px;
            margin-top: 20px;
            flex-wrap: wrap;
        }

        .demo-btn {
            background: #3b82f6;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 12px 24px;
            cursor: pointer;
            font-weight: 500;
            transition: background 0.2s;
        }

        .demo-btn:hover {
            background: #2563eb;
        }

        .demo-btn.success { background: #10b981; }
        .demo-btn.success:hover { background: #059669; }
        
        .demo-btn.error { background: #ef4444; }
        .demo-btn.error:hover { background: #dc2626; }
        
        .demo-btn.warning { background: #f59e0b; }
        .demo-btn.warning:hover { background: #d97706; }/* End custom CSS */
/* Start custom CSS for eael-simple-menu, class: .elementor-element-57a9020 *//* Style the dropdown panel */
body .eael-simple-menu-panel {
  background-color: #ffffff !important;
  padding: 30px 20px !important;
  font-family: "Poppins", sans-serif !important;
}

/* Style each menu item */
body .eael-simple-menu-panel ul li a {
  display: block !important;
  padding: 12px 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  border-bottom: 1px solid #eee !important;
  text-transform: capitalize !important;
  transition: color 0.3s ease;
}

/* Hover effect */
body .eael-simple-menu-panel ul li a:hover {
  color: #25D366 !important; /* Use your brand color */
}

/* Active/current menu item */
body .eael-simple-menu-panel ul li.current-menu-item a {
  color: #25D366 !important;
  font-weight: 600 !important;
}/* End custom CSS */