.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Offcanvas 1 - Dark Aesthetic Styling */

/* Main container - Dark background */
.e-offcanvas,
.elementor-location-popup {
    background-color: #1a1a1a !important;
    animation: fadeIn 0.5s ease-in-out;
}

/* Fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Typography - White color with Montserrat/Poppins font */
.e-offcanvas *,
.elementor-location-popup * {
    color: #ffffff !important;
    font-family: 'Montserrat', 'Poppins', sans-serif !important;
}

/* Headings with text shadow */
.e-offcanvas h1,
.e-offcanvas h2,
.e-offcanvas h3,
.e-offcanvas h4,
.e-offcanvas h5,
.e-offcanvas h6,
.elementor-location-popup h1,
.elementor-location-popup h2,
.elementor-location-popup h3,
.elementor-location-popup h4,
.elementor-location-popup h5,
.elementor-location-popup h6 {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

/* Links and buttons - Base styling */
.e-offcanvas a,
.e-offcanvas .elementor-button,
.elementor-location-popup a,
.elementor-location-popup .elementor-button {
    color: #ffffff !important;
    background-color: transparent;
    padding: 12px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: inline-block;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

/* Hover effect for links and buttons */
.e-offcanvas a:hover,
.e-offcanvas .elementor-button:hover,
.elementor-location-popup a:hover,
.elementor-location-popup .elementor-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-shadow: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

/* Menu items styling */
.e-offcanvas nav ul li a,
.elementor-location-popup nav ul li a {
    border-radius: 8px;
    margin: 5px 0;
}

/* Containers - Rounded borders */
.e-offcanvas .elementor-container,
.e-offcanvas .elementor-widget-container,
.elementor-location-popup .elementor-container,
.elementor-location-popup .elementor-widget-container {
    border-radius: 12px;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .e-offcanvas a,
    .e-offcanvas .elementor-button {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .e-offcanvas a,
    .e-offcanvas .elementor-button {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .e-offcanvas h1,
    .e-offcanvas h2,
    .e-offcanvas h3 {
        font-size: 1.2em;
    }
}

/* Ensure text remains visible */
.e-offcanvas p,
.e-offcanvas span,
.e-offcanvas div,
.elementor-location-popup p,
.elementor-location-popup span,
.elementor-location-popup div {
    color: #ffffff !important;
}

/* Close button styling */
.e-offcanvas .dialog-close-button,
.elementor-location-popup .dialog-close-button {
    color: #ffffff !important;
    background-color: transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.e-offcanvas .dialog-close-button:hover,
.elementor-location-popup .dialog-close-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: rotate(90deg);
}/* End custom CSS */